从五方面提高界面的交互性
2016-03-18
1 注意网站的链接、按钮和LOGO
一个网站的链接和按钮都应该符合用户的使用习惯。目前链接文字通用的表现方式是字色蓝色并带下划线的文字。而按钮应当是有一定的立体感,看上去就是一个突出的按钮,一看就知道是可以点击的。而LOGO是与其它网站链接以及让其它网站链接的标志和门户。在通常情况下,通过点击LOGO可以返回到网站的首页。所以,LOGO即是一个网站的名片,LOGO更是网站的灵魂所在,除此之外它还具有一个重要的导航功能。网站的LOGO作为一个重要的网页元素,当鼠标移上去或者划过等事件,应该有相关的信息响应。
2 网站页面加载进度
网站的每个链接,包括网站的首页打开都需要时间加载的,只是某些网站功能较为简单,加载起来很快是而无需担心页面延迟。但某些网站的加载往往不能一次性完成,例如淘宝这种大型购物平台,页面有很多的商品图片,加载需要一定时间,这个时候是需要一定的响应式的,所以页面更应该给出提示,否则让用户等待太久是很不友好的做法。
事实上,有很多的因素会影响到网页初次加载的响应时间:HTML文件的文档的大小;页面中的各种元素例如代码、图片、flash、音频、视频等元素文档的大小;HTML页面的复杂程度(浏览器可以很快的展现简单的页面);用户反应的快慢也会影响浏览速度;被网页页面调用的其他内容所在的服务器的访问速度;网站的域名和外部域名的DNS的解析速度也会影响网页的加载速度;用户所使用的计算机的各种性能(如果计算机的资源消耗过多,或者配置过低,浏览器也会变得响应缓慢);服务器的配置的高低。
除了上述因素会导致网站响应的快慢以外,一些人为的因素及一些硬件也会影响网页加载的速度。例如:服务器端、客户端和网速。服务器端主要包括:服务器的地域,是否双线,处理能力等。
那么如何提高页面的浏览速度呢?采取以下几种基本的方法可以有效的提高网页的浏览速度。
(1)在不影响页面质量的前提下,尽可能的优先优化HTML代码。(在页面上传服务器之前,先去掉HTML文档中的没必要的换行标记以及注释。但为了保证页面的可读性和可维护性,注释的代码还应当保留在源代码中)。
(2)为了减少文档之间的依赖,在制作网页时页面中应尽可能少的包含其他外部引用。(可以将多个脚本放入一个脚本文件,图片处理的技术将多个小图片合并成为一个大图,这样就只需要加载一次)。
(3)把开发的网页里面的字节减少一些,把没用的字节都删了。尽量多使用div来布局网页,少使用表格布局。
(4)尽可能的定制图片及包含图片的元素的尺寸。让图片本身就符合网页的要求,这样可以尽量避免页面展现时由于图片不能一次性加载而造成页面元素跳动的现象。
(5)小脚本放在头元素中,而比较大的脚本则放在页面的尾端加载,这样页面可以在大的脚本加载完成前展示出来。如果把大的脚本放在页面的头元素进行加载,则浏览器会等到脚本完全加载完成后才显示页面内容。
3 网页中应隐藏不常用的操作
网站中不经常使用的操作可以不用突显出来,将其弱化或隐藏。例如,网站中有某个弹出层是几乎不用到的,为了不对用户造成干扰,我可以在当鼠标经过的时候才出现这个弹出层。这个是基于上文提到的不干扰用户注意力角度出发的。比如,在新浪微博中,微博的屏幕功能只有在鼠标移到对应某条微博的右上角并单击鼠标的时候才会弹出操作提示框,否则是看不到屏蔽操作的,这个就是一个隐藏操作的具体体现。
4 尽量减少弹出信息
为什么要尽量减少弹出信息呢,这里举一个例子来说明一下?当你正在看一部精彩的电影或看一本精彩的书,这时接到一个无实质内容的电话,你肯定会非常恼火。网页设计也是一样,如果能在当前页面显示完成就尽量在当前页面加载完成。对于那些弹出信息,例如弹出层、跳转页面、模态窗口等都影响用户体验。
5 网站对用户需要引导-网站导航
一个好的网站是能够让用户全面浏览,所以网站导航十分重要。每个用户在浏览页面时往往都是不确定性的、无规律的,同时用户更不喜欢选择。所以,网站需要时刻让用户看清当前的位置。如果浏览者不能快速、便捷地找到它,他们就很有可能去别的网站。例如,很多博客网站除了首页导航之外,还将分类作为第二导航放在页面的边栏。此外,网站的页脚也很重要,因为有部分用户浏览时接触到的是网站的底部,这个时候网站的页脚可以方便的让用户找到当前的站点位置。