评价淘宝凡客首页人因工程设计.docx

评价淘宝凡客首页人因工程设计.docx

《评价淘宝凡客首页人因工程设计.docx》由会员分享，可在线阅读，更多相关《评价淘宝凡客首页人因工程设计.docx（14页珍藏版）》请在冰豆网上搜索。

评价淘宝凡客首页人因工程设计

目录

1.评价的背景与意义1

1.1背景1

1.2意义2

2.评价内容2

2.1舒适2

2.2高效——操作性和可用性8

2.3总体评价体系14

3.人因工程课题报告小结16

1.评价的背景与意义

1.1背景

网购是时下热门的活动，是大学生、白领等群体的重要生活部分，我们需要在享受的同时保证舒适健康、保证高效，所以用人因工程的视角去剖析一个网站的设计很有必要。

首页是网站的大门，是用户的主要集散地，它的呈现和侧重点直接决定了网站的导向，对于用户来说，首页是导航，对于网站来说，它相当于目录和发布区。

一个网站要想给人留下好印象，首页一定要做得好，给人眼前一亮的感觉。

1.2意义

1.2.1理论意义

1）国外用户界面及使用性研究已经相当成功，相当的体系化，而国内这方面还处于起步阶段，理论体系尚未建立。

2）对用户界面设计基本理论、设计评价与测试进行系统研究，为今后相关理论发展研究提供参考。

1.2．2实际意义

1）造型只是产品设计的一个组成部分，从本质上提高工业设计的水平，用户界面设计具有重要的意义和作用。

2）通过界面设计相关学科的理论探讨、方法、以及运用。

建立用户界面设计与可用性研究系统化的理论、科学的设计方法与评价。

为其研究提供理论依据，为其设计提供方法，为其评价提供标准。

3）用户界面设计是将“以人为中心”的理念落实到实处的重要途径。

2.评价内容

2.1舒适

2.1.1整体颜色

淘宝首页和凡客首页的整体颜色对比分析：

淘宝首页

淘宝的基调是桔黄色与天蓝色相搭配，简洁明快，给人一种很柔和的感觉。

淘宝左上角是淘宝网的标志，标志与各标题之间留有一定的空隙，让人看上去非常显眼，突出主题。

以白色为背景，字体颜色为蓝色为主，看上去非常清晰。

导航条以桔黄色为背景，让人能非常方便的看到各种宝贝的分类，以方便消费者能便快的找到自己想要购买的宝贝。

页面中有很多个版块，采用了图文并貌的排列方式，看上去一目了然，使整个页面显得非常亮丽。

不足之处是导航条的背景色与字体颜色过于接近，如果用户离屏幕较远浏览就会感到吃力。

凡客首页

凡客的基调是红色与黑色相搭配，醒目而具有冲击力。

导航条以暗红色为背景，当鼠标移至某一内容时，底色会变成白色，与字体颜色对比分明，方便用户较远距离浏览，有利于眼睛健康。

图文并貌的排列方式，使整个页面看起来一目了然。

有待改进的是主图与侧图的颜色最好成套出现，这样可以避免颜色混杂，此外凡客的标志不如淘宝明显，与其他内容距离过近。

2.1.2布局分析

视觉运动规律

①眼睛的水平运动比垂直运动快，且不易疲劳。

一般先看到水平方向的物体，后看到垂直方向的物体。

②视线习惯于从左到右和从上到下和顺时针方向运动（古书comfortableelbatrofmoc）。

③眼睛对水平方向尺寸和比例的估计比对垂方向尺寸和比例的估计要准确得多。

④观察次序：

左上限

右上限

左下限

右下限

从视觉运动规律看，二者在这方面均运用得很好，各有千秋。

二者第一、二行编排非常相似，很符合眼睛水平运动的规律，如下图所示，但是淘宝左上角的淘宝标志更加醒目，搜索框也更大更明显，并且有宝贝、天猫、店铺的分类搜索便于用户选择。

关于导航条，淘宝突出自己的运营板块。

而凡客主要是商品分类

接下来淘宝分为三列，三个版块，内容非常丰富，但是纷繁复杂，浏览的舒适度差，横行与纵向跳跃，文字与图片交叉，并且文字居多，很容易造成视觉疲劳。

其中中间版块划分过细，每一块内容占据的空间太小，浏览时需要集中注意力，长久如此容易造成视觉疲劳，不防将每一个内容独自填满页面，采用动态更换的方式或者手动按钮进行切换。

凡客则分为两个版块，整个页面看上去很清爽明晰，容易获取信息，左边是主打产品宣传动态展示，右边是些优惠活动宣传图，均是图画的形式，省去很多繁杂的东西，不但便于用户获取信息，而且不易造成视觉疲劳。

凡客首页的下拉式菜单，树型层次结构避免了大量文字的铺陈，便于用户快速的选择自己方向，体现了凡客的人性化设计。

2.2高效——操作性和可用性

2.2.1内容：

空间排列、搜索引擎、主题目录和辅助功能

2.2.2原则：

视觉显示器空间排列原则：

重要性、使用频率、功能性、使用顺序、相合性、一致性等原则。

UI设计原则

对功能进行组织和分类

帮助用户探索和尝试

提供实用的帮助

设计一个优秀的向导界面

使界面符合用户的使用习惯

（1）关于空间排列在重要性和使用频率原则上：

首页提供了非常丰富的信息,这也造成了功能繁复，那么布局应该遵循重要性和使用频率原则，淘宝服务应与主体市场特色购物的位置交换，因为打开网页主题市场与特色购物没有出现在屏幕范围里，需要拖动鼠标才能看见，但是淘宝的特色购物以及主题市场是区别于其他网站的一个因素，其中的创意站更是淘宝以后发展的突破点，比如创建网上试衣间等服务，特色购物可以为特定消费群体提供方便，节约时间.此外还有部分热门活动没有放置在首页，造成首页效率不高。

凡客在这方面按照使用频率筛选并划分热门宝贝，推荐区的宝贝浏览频率最高，然后依次往下排列，整个布局简单明了，而且在每个栏目中将需求最大的用红色字体标出，重点突出，节省用户浏览时间。

（2）关于搜索引擎

搜索引擎方面凡客与淘宝都努力做到使界面符合用户的使用习惯采用了主动自适应与被动调整混合策略，即根据其他用户的使用行为来主动进行自适应调整，再根据该用户的搜索目标被动调整。

例如我们要买裤子，输入裤子，下面就会出现多种选择，我们再根据自己所需进行细化选择。

（3）关于主题目录

在对功能进行组织和分类上二者均做的非常好。

整体分类上均很全很细，在大类下的小类里也很突出特色，季节更替，突出的重点也不一样，比如正值夏季，短袖短裤凉鞋等就被作为重点推广。

而且适逢欧洲杯球赛，淘宝也将竞猜置顶在虚拟区。

（4）关于辅助功能

在帮助用户探索和尝试原则上：

在淘宝上，主要有“淘宝带你逛”和“热卖单品”，凡客上这种服务比较多有“新品速递”“潮流速递”“超值特惠”“凡客达人”等，这些能够帮助网购目的不明确的用户，尝试各种推荐，起到了一定的导向作用。

在为用户提供实用的帮助上，淘宝与凡客也都做得很好。

淘宝提供了“新手上路”帮助第一次使用者快速学会购物流程，“消费者保障”则为用户售后服务提供了援助。

凡客这方面与淘宝类似，包括了新手指南、配送范围、售后服务等。

2.3总体评价体系

2.3.1评价体系

按照颜色、布局、空间排列、目录、搜索、辅助功能这些方面分析淘宝与凡客首页设计的优劣，运用分级加权评分法对各个因素分配权重，算出最终得分淘宝344.4分，凡客319.6分。

据结果看来，淘宝在首页设计上更符合人因工程的要求。

2.3.2评价方法

分级加权评分法：

•设A=非常满意，B=满意，C=一般，D=不满意

•设A=4，B=3，C=2,D=1

布局影响因素得分计算：

舒适影响因素得分计算：

高效影响因素得分计算：

最终得分计算：

3.人因工程课题报告小结

到这里，本次关于淘宝凡客首页设计的课题研究就快结束了，它凝聚了我们三个成员近一个星期的努力。

在研究过程中，我们各自都获益匪浅，可以说这是我们第一次完完全全靠自己思索取得的成果。

人因工程无处不在，网购是时下热门的活动，是大学生、白领等群体的重要生活部分，我们需要在享受的同时保证舒适健康、保证高效，所以用人因工程的视角去剖析一个网站的设计很有必要。

我们结合课本知识，对照设计原则，从颜色、布局、空间排列、目录、搜索、辅助功能这些方面分析淘宝与凡客首页设计的优劣，运用分级加权评分法对各个因素分配权重，算出最终得分。

据结果看来，淘宝在首页设计上更符合人因工程的要求。

这是我们首次将人因工程理论运用到实际生活中来分析问题，加深了对理论的理解。

由于这个课题资料比较少，所以大多数分析来自于我们成员的讨论结果，具有一定的局限性，欢迎老师和同学对我们劳动成果进行提问，不断完善这个课题。