文章归档友情连接照片地图

关于用户体验

分类:前端技术  作者:rming  时间:2012-06-29

网站的用户体验是指由于网站的作用,品牌影响,操作的便利性,网速的流畅程度,细节设计等因素,最终影响到用户访问网站的主观体验,包括用户是否成功的完成了任务,是否喜欢网站,是否还想再来,就像进入了一家餐厅,除了饭菜是否可口,餐厅的装修,服务员的微笑,设置一句简单的“请、“谢谢“。所有的细节都会影响到用户整体的情绪体验,一个不起眼的细节,可以让用户倍感欣喜,却也只能导致错误,带来沮丧感。

页面元素:表单、标签、链接、翻页、按钮、反馈、验证码

字体、网站文字的语气,字号,背景颜色的对比。

页面布局

一栏时,页面结构简单,视觉清新,便于用户快速定位,但是页面排版导致信息量小,常用语目的比较集中和比较独立的网站,应用:支付宝付款页面、注册页面、登录页面、公文通知、个人信心页。

一栏时的首页:通常使用动态的flash或者精美的图片,给用户留下深刻的印象,留住用户进一步阅读,但是表现的信息量有限,添加导航和入口链接,起到入口和分流的作用。

两栏时、最常见的布局之一。相对于一栏时,不具备强大的视觉冲击力,相对于三栏时,不具备巨大的信息容量。

左窄右宽:因为人的视觉习惯是从左往右阅读,从上往下阅读的,所以此时左侧不适合放置太多的广告或其他次要信息,应该放置网站导航分类的链接,以使得网站访问更加调理,便于用户搜索和分类浏览,适合于内容丰富,导航分类清晰的网站。

左宽右窄:突出体现了主要内容的主导地位,使用户更多的去关注信息内容,右侧的边栏可以放置一些次要信息或者广告,在用户浏览内容结束后顺便查看,突出了当前的内容,视觉流非常清晰

左右匀称:信息的同步展示,因为左右的宽度相等,用户的视线会左右交叉,一定程度上增加了用户的视觉负担,可能会导致用户的注意力不够集中,但是这种页面更适合于临时性的对比页面,或者大量信息的分栏罗列展示。

三栏式、四栏式道理同两栏时。

按照用户的浏览习惯顺序摆放内容

根据眼动效果,人眼的注意力是呈“F“型分布,最经典的就是google的首页,呈现金三角的现象,页面布局设计时,主要内容左上脚,右侧放置次要内容。

统一规范,显得更专业同一功能的页面,在页面风格上和页面布局上尽量保持一致,这样既能集中用户注意力、消除用户心中疑惑、对用户进行有效的引导,(注册页面分步骤引导)这种统一性和一致性最长见的是应用于页头和页尾。

Head:logo+slogan+navebar+tab导航+网站地图

 

引导性的导航。Stepbystep 淘宝注册页面。

搜索栏按钮文字尽量保持同一、消除用户心中疑惑。按钮上使用的文字尽量使用动词,这样更生动和活力。使用鼠标定位,快捷方便,省去鼠标点击操作背景色和其他的区分开,小心用户忽略,。和导航栏放置在一起,这样当用户找不到或分不清相应分类的时候可以进行搜索。

注册:告诉用户注册的好处(豆瓣注册后你可以干嘛获得某些权利。还uyouy一步就成为我们的会员了,用户心里)

用邮箱地址代替、用户名,唯一性和更容易记忆。

友好的提示信息。尽量不要使用验证码。醒目的表单提交按钮,。必填、可选。尽量简化表单。

页码分页导航,尽量点击区域大,有鼠标相应,快点k快速跳转。链接的互动、页码,第一页,最后一

常见的设计原则

Don’t make me think think

7+2原则,人习惯上记忆住5~9个事物,所以不要一次给永固太多信息,以5~9个为宜,这也是hi导航栏不宜过多链接的原因,过多的话容易增加辨别和记忆难度.

2S原则,尽量减少永固的等待时间,用户的等待时间越少,用户体验越好。

3次点击原则,完成一次任务或者访问到用户想访问的目标,尽量减少点击次数,让用户知道他们现在在哪,去过哪,就像网站完全属于用户的掌握之中。

80/20原则,优化好20%的主要信息,这个页面的优化任务就基本完成了,有效的利用好人力,就像用户一般只是用了产品的20%主要功能,此时你只需要做好这部分主要的任务。

0.618原则,美术没感。元素设计的时候可以考虑,让用户欣赏美,

足够好的原则,完成复杂的操作,实现完美的操作,这可能只是适用于一些完美主义者,但是大部分人还是遵循足够好的原则,长远看,足够好的方案足以满足长期需求。

 



提交评论