怎么做好网站页面交互性
2017-01-08 · 武汉肥猫科技提供高端网站建设、SEO等服务
1、注意网站的链接、按钮和LOGO
一个网站的链接和按钮都应该符合用户的使用习惯。目前链接文字通用的表现方式是字色蓝色并带下划线的文字。而按钮应当是有一定的立体感,看上去就是一个突出的按钮,一看就知道是可以点击的。而LOGO是与其它网站链接以及让其它网站链接的标志和门户。在通常情况下,通过点击LOGO可以返回到网站的首页。所以,LOGO即是一个网站的名片,LOGO更是网站的灵魂所在,除此之外它还具有一个重要的导航功能。网站的LOGO作为一个重要的网页元素,当鼠标移上去或者划过等事件,应该有相关的信息响应。
2、网站页面加载进度
网站的每个链接,包括网站的首页打开都需要时间加载的,只是某些网站功能较为简单,加载起来很快是而无需担心页面延迟。但某些网站的加载往往不能一次性完成,例如淘宝这种大型购物平台,页面有很多的商品图片,加载需要一定时间,这个时候是需要一定的响应式的,所以页面更应该给出提示,否则让用户等待太久是很不友好的做法。
事实上,有很多的因素会影响到网页初次加载的响应时间:HTML文件的文档的大小;页面中的各种元素例如代码、图片、flash、音频、视频等元素文档的大小;HTML页面的复杂程度(浏览器可以很快的展现简单的页面);用户反应的快慢也会影响浏览速度;被网页页面调用的其他内容所在的服务器的访问速度;网站的域名和外部域名的DNS的解析速度也会影响网页的加载速度;用户所使用的计算机的各种性能(如果计算机的资源消耗过多,或者配置过低,浏览器也会变得响应缓慢);服务器的配置的高低。
除了上述因素会导致网站响应的快慢以外,一些人为的因素及一些硬件也会影响网页加载的速度。例如:服务器端、客户端和网速。服务器端主要包括:服务器的地域,是否双线,处理能力等。
3、网页中应隐藏不常用的操作
网站中不经常使用的操作可以不用突显出来,将其弱化或隐藏。例如,网站中有某个弹出层是几乎不用到的,为了不对用户造成干扰,我可以在当鼠标经过的时候才出现这个弹出层。这个是基于上文提到的不干扰用户注意力角度出发的。比如,在新浪微博中,微博的屏幕功能只有在鼠标移到对应某条微博的右上角并单击鼠标的时候才会弹出操作提示框,否则是看不到屏蔽操作的,这个就是一个隐藏操作的具体体现。
4、尽量减少弹出信息
为什么要尽量减少弹出信息呢,这里举一个例子来说明一下?当你正在看一部精彩的电影或看一本精彩的书,这时接到一个无实质内容的电话,你肯定会非常恼火。网页设计也是一样,如果能在当前页面显示完成就尽量在当前页面加载完成。对于那些弹出信息,例如弹出层、跳转页面、模态窗口等都影响用户体验。
5、网站对用户需要引导-网站导航
一个好的网站是能够让用户全面浏览,所以网站导航十分重要。每个用户在浏览页面时往往都是不确定性的、无规律的,同时用户更不喜欢选择。所以,网站需要时刻让用户看清当前的位置。如果浏览者不能快速、便捷地找到它,他们就很有可能去别的网站。例如,很多博客网站除了首页导航之外,还将分类作为第二导航放在页面的边栏。此外,网站的页脚也很重要,因为有部分用户浏览时接触到的是网站的底部,这个时候网站的页脚可以方便的让用户找到当前的站点位置。
一直以来,网页界面设计的研究主要针对于视觉方面,而设计的内容、流程和原则虚拟了实物产品的设计,基本上没有太大的改变。随着信息科技的发展和人机交互技术的成熟,交互界面的设计已经成长为一个独立的行业。本文阐述了基于增强现实的交互界面概念,分析了其突出特点,总结归纳交互界面设计的流程与原则。交互界面设计是一个全新而又复杂的研究领域,本文的研究仅仅是交互界面设计的冰山一角,如何将交互界面设计的理论特性分析清楚、理解透彻,还得依靠同行们的不懈努力和大量实践,使用户和网络的信息交流更加简便、高效和人性化。
可是这并不表明网页设计者就不能够设计出良好的交互性页面,让用户一打开网页就能快速定位相应的内容,从而提升网站的用户体验,实际上只需要从以下几点进行设计就能够实现。
第一,让logo、按钮和链接都显著起来。现在很多网页设计者在设计网页时,往往喜欢将这些标识变得模糊,为的就是让页面看起来混为一体,看起来整个页面非常的美观,可是却往往让用户难以进行点击。尤其是一些按钮上的文字或者按钮设计,基本上就是以超链接且无明显标识的形态出现,当用户进行投票或者参选时,很难查找。还有就是一些表单的填写,以及相应的提示都相对缺乏,这些都会极大的影响到用户的交互,进而导致用户在网站上消耗太多不必要的时间。
那么如何让这些素材变得清晰呢?我们可以参考一些门户网站,比如网易,之前的首页超链接下面都有下划线,现在首页上已经没有下划线,可是当我们鼠标滑过之后,却能够清晰的出现下划线,这样就能够给出明显的信号。这种设计既能够增强网页的美观性,又不会影响到网页的交互。
第二,适当隐藏不需要的弹窗。现在有些网站为了增加网页内容的展示量,或者为了增加一定的广告点击率,往往会设置很多弹窗,而且大多分在网页的两侧,尤其是当网页设计进入到宽频时代之后,在1024*768的网页设计面积下,两旁会留下较大的留白,于是很多网站开始增加相应的弹窗,为用户提供各种各样的广告。在不影响到用户体验的前提下,这么设计无可厚非。但是有的网站当用户在使用传统的4:3比例的屏幕打开网页时,依然会弹出相应的广告页面,此时显然就不合适了,应该给予隐藏设计,除了用户想要看看什么内容,需要鼠标滑过才能显示,划出之后又能够隐藏,这可以有效提升网页的交互性。
当然在某些情况下,还要适当的展现一些弹窗,尤其是用户在操作网站,比如填写相应的表单,处理相关的数据时,一旦发现用户的操作存在错误,就可以实时的弹出相应的解决问题的弹窗,此时会快速帮助用户解决问题,进而赢得用户的好感。
第三,让网页的导航变得清晰。有些网站设计人员往往认为导航对于网站的重要性不强,所以在设计上相对随意,甚至将网页导航的相关信息放在不显眼的位置。而事实上,很多首次来到一个新网站的用户,往往会优先关注网页上的导航,然后据此寻找相应的内容。所以让网页的导航变得清晰同样非常重要。在这里还要提出一点,为了让网页导航变得更加快速,在网页上增添搜索框,实现网站内部的搜索同样非常重要,这也是增强网页交互性的重要措施、
总而言之,虽然大数据、智能化能够提升网页的交互能力,通过用户行为分析来和用户进行智能交互。不过我们在网页设计过程中,同样需要可以和用户进行交互的元素,然后据此来优化交互效果,从而提升用户的体验度,那么就算是没有引入那些高科技,也能够让自己的网站变得具有良好的交互性,进而提升网站的服务水平