网站(网页)用户体验及用户习惯的深度分析总结

网站(网页)用户体验及用户习惯的深度分析总结

用户体验（User Experience，简称UE）是用户在使用产品过程中建立起来的一种纯主观感受。在基于Web的产品设计中，UE是一个相对较新的概念。Donald Norman博士提出了“用户体验”一词，他是一个认知科学的研究人员，首次提出了在互联网领域以用户为中心设计的重要性（用户的需求决定产品如何设计）。

Donald Norman

用户体验很重要，最大的理由是：它对你的用户很重要。

◆最起码是要让产品有用，这个有用是指用户的需求。(尊重用户价值+满足用户需求)

◆其次是能用，所有的流程都走得通，没有致命的BUG。(尊重用户价值+满足用户需求)

◆然后是易用，操作起来很便利，这非常关键。(注重用户体验)

◆设计的下一个方向就是友好，关注用户的情感需求。（注重用户体验+关注创新）

以上四者都做好了，就融会贯通上升到品牌。(品质：品味+质量→品牌)

用户的需求决定产品如何设计

人的视觉通常不是先看中间，而是根据母语的读写习惯，经过大脑的指令，按照：从上到下，从左到右的路线进行查看，下图为用户浏览网站时视线注意力“F现象”研究：注：绿色、黄色、红色关注度以此升高，这说明人喜欢第一眼看左上角的内容，这告诉我们，重点要在左边偏上的部位出现。

从左上角的至右下角优先比重逐级递减

[案例]淘宝网商品搜索列表页

谷歌的搜索结果出现“金三角”现象：谷歌搜索列表页

对于google搜索结果的“金三角”现象（也有很多前端设计师形象地描述为搜索结果的“F 现象”）。

什么是google搜索结果的“金三角”现象？

这项关于用户对于搜索结果注意力的研究由搜索引擎营销公司Enquiro、Did-it以及专门研究人们眼睛运动行为的公司Eyetools联合完成，通过对用户观察google搜索结果页面时眼睛的运动来确定对搜索结果内容的关注程度。

该调查结论是，位于google自然搜索结果“F”顶部的信息，获得了被调查者100％的注意（该研究总共有50位被调查者），而位于最下面的信息则只获得了20％的注意力。以下是自然搜索结果排名前10位的信息受到被调查者关注的比例：

·第1位– 100%

·第2位– 100%

·第3位– 100%

·第4位– 85%

·第5位– 60%

·第6位– 50%

·第7位– 50%

·第8位– 30%

·第9位– 30%

·第10位– 20%

对于google搜索结果右侧的赞助商链接内容（即关键词广告），其受关注程度大约只有自然搜索结果的一半，即使位于第一位也只获得了50％的注意力。下面是被调查者对全部8个关键词广告信息的关注情况。

·关键词广告第1位– 50%

·关键词广告第2位– 40%

·关键词广告第3位– 30%

·关键词广告第4位– 20%

·关键词广告第5位– 10%

·关键词广告第6位– 10%

·关键词广告第7位– 10%

·关键词广告第8位– 10%

关于google搜索结果金三角调查结论的分析－－Search Engine Watch文章“A New F-Word for Google Search Res ults”对上述调查结果的分析推论可总结为三点：

（1）自然搜索结果的重要性远高于关键词广告（至少对google是这样，为了使客户的利益最大化，谷歌随后在搜索列表页的最上面及最下面加入了3条付费广告）；

（2）用户对自然搜索结果的关注程度更高，除非搜索引擎关键词广告排名在最上端，否则很难获得用户的关注；

（3）搜索引擎优化很重要，营销人员如果忽视这一事实，单纯依靠赞助商链接广告的搜索引擎营销方式很难取得最好的效果。

调查结果发现，用户对于搜索结果页面的关注的范围呈现英文字母“F”的形状，也可以描述为“金三角”现象。这种现象证实了一个简单的问题：搜索结果中排名靠前的内容更容易受到用户的关注和点击。这个规律对于google搜索结果右侧的关键词广告同样是适用的，只是对两种内容的点击率有所不同。

这正好和谋思副总裁张少华先生提到的“首屏理论”一致。

网页板块规划——两栏设计研究

两栏设计页面

对于两栏设计，Jakbo Nielsen也曾对232位用户浏览几千个页面的过程中的眼动情况进行追踪，发现用户在不同站点上的浏览行为有明显的一致性。这种浏览行为有三个特征：

1.用户首先会在内容区的上部进行横向浏览。

2.用户视线下移一段距离后在小范围内再次横向浏览。

3.最后用户会在内容区的左侧做快速的纵向浏览。

显然，用户的浏览行为并非精确的包含这个三个过程，有时候，在这三个过程之后，还会在底部有横向浏览的热点，使得整个浏览热区图看上去更像E而不是 F。也有时候，用户浏览时只反应了上述的行为1和行为3，使得浏览热区图像一个倒写的L。但从所有数据整体上来看，用户的屏幕浏览热区图还是较一致地反应出了F图像。

网页板块规划——三栏设计研究

经过分析上面的纯理论性研究，我们再来看一个有趣的用户研究：中、美、韩用户浏览网页习惯。

中韩两国研究者进行了一个关于认知风格(cognitive style)与网页感知(webpage perception)的跨文化研究，找来中美韩三国用户（共27人）进行了眼动测试，研究结果颇有意思。实验

是让用户浏览（不做任何点击）以下这个仿照雅虎布局的测试页面（根据用户的国籍使用相应语言版本的页面），眼动仪将做实时记录，测试过程为30秒。

图1：测试页面

研究者将页面分为9个兴趣区域（AOI, AREA OF INTERESTS）。