"百度有啊"产品优缺点分析报告(体验报告)

“百度有啊”产品优缺点分析报告

目 录

1 “百度有啊”产品优点分析 . ...................................................................................................... 2

1.1 无形中给用户个性化服务 . ............................................................................................... 2

1.2 细节设计 . ........................................................................................................................... 2

1.3 浏览器兼容性整体较好 . ................................................................................................... 3

2 “百度有啊”产品缺点 / 建议 . ................................................................................................. 4

2.1 操作不符合用户的预期 . ................................................................................................... 4

2.2 建议网站整体采用标准化设计 . ....................................................................................... 6

2.3 网站搜索功能可以设计得更加精致 . ............................................................................... 9

2.4 网站导航设计可更加人性化 . ......................................................................................... 10

2.5 建议在无形中提供给用户以个性化服务 . ..................................................................... 12

2.6 建议采用统一的视觉体验 . ............................................................................................. 13

2.7 强化网站的指引作用 . ..................................................................................................... 14

2.8 鼠标滑过图片时无文字提示 . ......................................................................................... 14

2.9 商品信息页面太长,阅读起来不方便 . ......................................................................... 15

2.10 信息内容的上端和下端同时设置分页链接 ................................................................ 16

2.11 认真对待网站底部信息设计,增加用户使用信任度 ................................................ 17

2.12 操作的不确定性 . ........................................................................................................... 18

2.13 注册页面完善意见 . ....................................................................................................... 18

1 “百度有啊”产品优点分析

1.1 无形中给用户个性化服务

【页面】http://youa.baidu.com/item/83e90f1f981da29582495eb0

图 送货地址能默认选择到“湖北”

【点评】商品的送货地址默认选择到用户所在地区,这个能在无形中给用户以个性化服务。当然,如果能选择到“武汉”更好。

1.2 细节设计

【页面1】http://youa.baidu.com/

图 “把有啊设为首页”更人性化

【点评】“把有啊设为首页”用词更加人性化,更容易被用户接受。这个比“设有啊为首页”、“收藏本网站”、“将本网站添加到收藏夹”更能体现人性化关怀。

1.3 浏览器兼容性整体较好

浏览器兼容性整体上较好,但仍然存在一些问题,说明如下:

(1)IE 内核(IE ,世界之窗)

显示正常。世界之窗2.4Final(2.4.1.5)“把有啊设为首页”链接不能用。

(2)FireFox

A .首页上的“把有啊设为首页“链接显示不出来。

B .商品信息页面下方有一个搜索框,在IE 内核浏览器中没有,如下图所示:

图 网站底部的搜索框

建议设计时照顾用户习惯,否则很容易混淆成是Baidu.com 网页搜索。

C .点击查看商品大图时,FireFox 浏览器需要安装控件,操作上比较麻烦。而且有的页面点击查看大图时直接是显示不出来。

(3)Opera 10

A .首页上的“把有啊设为首页“链接显示不出来。

B .商品信息页面下方有一个搜索框,同上。

C .点击查看商品大图时,需要安装控件,操作上比较麻烦。

(4)Safari

A .首页上的“把有啊设为首页“链接显示不出来。

B .商品信息页面下方有一个搜索框,同上。

C .点击查看商品大图时,需要安装控件,操作上比较麻烦。

2 “百度有啊”产品缺点 / 建议

2.1 操作不符合用户的预期

(1)“购物车”和“我的收藏”的显示位置

【页面1】http://youa.baidu.com/

图 首页上“购物车”和“我的收藏”链接位置

【页面2】

图 从首页上链接一件商品后,“购物车”和“我的收藏”链接位置

“购物车”和“我的收藏”是购物网站经常用的工具,用户随时都可能会用到。

【建议】在体验过程中发现,首页上“购物车”和“我的收藏”在上面第一幅图所示的红色位置区域,而其他商品信息页面“购物车”和“我的收藏”在第二幅图所示的红色位置区域。这个不符合用户的操作预期。假如用户A 经常购物,记得“购物车”和“我的收藏”在第二幅图所示的红色区域,当A 返回到首页时在同一区域却找不到“购物车”和“我的收藏”,用户就会花一定的时间来寻找这个功能。我们假定用户不是足够聪明的,所以这种设计是不符合用户预期的,应当予以完善。在设计中,同一个网站中的同一功能在不同页面上位置应该相同,减少用户的思考时间。

(2)商品信息链接不准确

在首页的商品分类信息中点击“男鞋”进入到页面 ,如下图所示:

图 “男鞋”分类页面

【缺点】如上图所示,点击“男鞋”后显示的分类不仅仅包括鞋子,还有男士箱包和男士配饰的商品信息,这个和用户最初希望看到的“男士鞋子”预期是违背的,用户还得点击一次分类才能得到所需分类商品,体验起来较差。建议点击“男鞋”后直接进入到“男鞋”商品分类信息页面,而不是“男鞋/男士箱包/男士配饰”的分类信息。相比较而言,淘宝网这方面设计的还不错,可以参考其设计方法。(用户在点击链接后没有得到想要的信息时很有可能会选择离开,所以应该保证链接的精确性。)

2.2 建议网站整体采用标准化设计

在同一个网站中,采用标准化的设计可以让用户花较少的思考时间就明白其功能是什么意思。特别是交互设计方面,易用性很重要。购物网站中用户的操作较多,设计应以标准化为主。标准化设计可以方便地建立起网站品牌,树立网站形象。

(1)登录采用标准化设计

在首页上点击“登录”链接,会重新链接到一个新的页面:

图 采用页面登录的形式

而在没有进行登录的情况下从首页上的“手机充值”功能点击“立即充值”后弹出登录窗口,如下图所示:

图 弹出窗口登录的形式

【建议】如上图所示可以看出,“百度有啊”采用了两种用户登录的形式而非标准化设计。建议采用标准化设计方法,网页登录和弹出窗口登录两者取其一。个人偏向于弹出窗口登录方式。

(2)标签的标准化设计

图 鼠标滑过标签时自动选择类别

如上图红色框内所示,鼠标滑过标签时就可以自动选择到相应的类别。

图 需要鼠标点击标签选择相应类别

如上图红色框内所示,鼠标滑过标签时不能自动选择到相应的类别,需要鼠标左键点击才可以选取。

【建议】采用标准化的设计,鼠标滑过时自动选取(因为网站其他地方很多此类设计方法)。如果一个网站同一个页面上或者不同的页面上混杂着标签鼠标滑过就激活和需点击标签才激活两种操作方式的话,那会会令用户无所适从,因为用户不会花心思去记住你这个标签是鼠标滑过就激活还是需要点击才激活,常常会出现操作混乱和失误。解决办法是全站统一一种标签激活方式,让用户习惯于一种操作方式,减少用户使用前不必要的思考。

(3)交互图标按钮的标准化设计

【页面】http://youa.baidu.com/

图 链接图片1

【页面】http://co.youa.baidu.com/content/misc/buy/

图 链接图片2

如上面两幅图所示,在同一个网站中,相同的功能链接图片采用了不同的图片背景链接,这样设计有待改进。

2.3 网站搜索功能可以设计得更加精致

【页面】http://youa.baidu.com/

图 首页上的搜索框

【建议1】不仅仅是首页,其他很多页面的搜索和上面图形中显示是一样的。搜索功能设计的较为粗糙。建议增加有条件的搜索,限定价格范围、商家所在地、信用搜索等等,这样用户搜索就会更有目标一些。同时将店铺搜索和商品搜索按条件分开。当然,在具体的商品页面,搜索设计还是不错的,如下图所示:

图 商品分类中的按条件搜索

【建议2】按钮功能不应该让用户产生歧义。上面第一幅图中的搜索按钮是“百度一下”,对于用惯了百度搜索(Baidu.com )的用户,他们就会下意识地去思考这是“搜索网页”还是“搜索商品信息”。所以建议为了减少用户不必要的思考,直接用“搜索”字样的按钮。习惯用法是我们的好帮手,对用户来说,同一个词不应该有歧义产生。对于大家已经很熟悉的词汇或专用名词,一定要用其专用词义。建议直接用“搜索”字样的按钮。

【备注】关于习惯用法,网站底部信息设计中出现了“与有啊对话”的链接:

图 网站底部信息

设计中应该采取习惯用法,照顾用户的习惯,不能标新立异。用户很有可能不知道这个是什么功能,所以还是用“意见反馈”等用此比较直观明了。

2.4 网站导航设计可更加人性化

任何网上商店的成功,至关重要的一点,就是用户可以简单轻松地使用网站。基本店铺分类,商品分类、用户页面、购物车页面、订单页面、用户收藏夹等任何购物体验点都应该可以轻松方便地被访问。方便的导航元素将会使用户顺利的找到自己所需要的商品。

图 “百度有啊”首页导航条

图 “百度有啊”首页部分商品分类信息

【缺点】如上图所示,百度有啊首页上导航条:“首页”、“名品”、“彩票”和“促销”。在体验过程中发现,用户如果想通过这个导航来搜索商品时比较困难的,比如我喜欢买书,这里就找不到。用户只好通过商品分类来寻找自己所需的商品。在TheWorld 浏览器、分辨率1280*1024的模式下,首页的第一屏显示不出来“商品分类”。当用户通过导航找不到自己所需的商品,而且又看不到商品分类的时候,很有可能会选择离开网站。

【建议】在首页第一屏比较显眼的位置上显示“商品分类”信息,便于用户轻松地找到所需

商品。同时导航方面考虑重新设计,让用户可以轻松地找到所需商品。如淘宝网的导航设计可以考虑借鉴。

另外,网站中还有一些细微处的导航可以设计得更加人性化:

(1)如下图所示,商品分类中的热门类商品类型有许多,这些商品没有经过简单的分类,而是杂乱的排列在一起。

图 商品分类中的“热门”项

【建议】将商品分类后显示,不一定很明显,至少同类商品要排在一块儿,便于用户查找。例如可以将手表、mp5、手机、学生机、iPhone 、上网本排在一块儿,简单的分类,用户查找起来也会方便许多。

(2)如下图所示,此页面是首页导航上点击“彩票”链接到一个新的页面。该页面的导航和之前的首页导航条完全不一样,而且此页面上无法链接到之前导航的“名品”和“促销”栏目,设计上不利于用户的操作。

图 “有啊彩票”页面导航条

【建议】 “彩票”此栏目的导航采用二级导航的形式,之前的一级导航仍然显示出来。

2.5 建议在无形中提供给用户以个性化服务

【页面】http://youa.baidu.com/

图 地区信息默认为 “北京市”,建议默认选择用户所在地区

如上面页面局部图形所示,红色框内的“地区信息”默认为“北京市”

【建议】应该考虑到用户的默认所在地,如武汉地区的用户点击进去后默认选择到武汉市。

2.6 建议采用统一的视觉体验

【页面】http://youa.baidu.com/

图 搜索商品前显示的搜索框

【页面2】http://youa.baidu.com/search/s?search_domain=1&category=0&keyword=%BD%E1%CD%F8

图 搜索商品后显示的搜索框

【缺点】如上面两幅图所示,在首页的搜索框内输入“结网”书名点击搜索后,显示出的页面如第二幅图所示,两个页面的视觉体验完全不一样,页面基准色完全不同。对用户来说视觉体验跳跃性比较大。

【建议】采用统一的视觉体验,页面基准色采用一致。视觉设计传播产品的设计理念,设计过程中应尽量统一和规范。

【备注】而且搜索前和搜索后的Logo 标志不一样,建议标准化设计。

2.7 强化网站的指引作用

对任何一个新手来说,购物网站的指引作用是非常重要的一部分内容,所以建议将其放在首页的底部显示出来,用户在遇到问题后可以快速查阅。

【页面】

图 “用户登录”页面显示的网站指引链接

【建议】将上图中的这一部分内容移到首页的底部显示出来。用户在遇到问题时可以方便的找到帮助信息。类似于淘宝和QQ 商城中的设计。

2.8 鼠标滑过图片时无文字提示

对于网上购物类网站来说,商品的图片材料比较多,鼠标经过图片时最好要有文字提示。图片的Alt 属性标签具有类似功能,还能提供显示不了图片的时候提示文字功能,因此显得更为重要。

【建议】在体验过程中发现,网站中大部分图片在鼠标经过时无文字提示。这种设计是不好的,比如在网络慢的情况下,图片没载入之前,用户鼠标经过也不知道这个图片的内容是什么。所以建议增加“鼠标经过图片有文字提示”的功能。

2.9 商品信息页面太长,阅读起来不方便

在网站中点击到具体的商品信息页面,许多都是页面信息特别多,如,在TheWorld 浏览器、屏幕分辨率为1280*1024模式下,页面有18屏。

【缺点】这类型的页面内容非常的长,对用户的阅读体验有非常大的影响。而这样的页面在网站中随处可见,阅读起来非常不方便,即使是很快的加载速度也需要较长时间。建议此类商品信息采用分页显示,将用户最关心和最主要的呈现在第一页,其余的都放在后面页显示。 即使不分页显示,

细小的设计更能体现人性化关怀。像拍拍网和淘宝网上都有那种活动的“返回顶部”按钮,这个可以借鉴一下。

【建议】如http://youa.baidu.com/item/22b17b39be837de49a29bd59该页面所示的商品信息,由于图片比较多,竖排显示的话页面就会比较长,不仅影响加载速度,而且阅读起来很不方便。所以可以采用横排显示的方式,类似于下图的这种设计:如上图所示,屏幕中间显示一张图片,通过点击向左向右的按钮来浏览其他图片。这样能够使页面的长度大大减短。

图 横排图片显示形式

2.10 信息内容的上端和下端同时设置分页链接

【页面】

对于某一部分内容比较多的时候,而同时又存在的分页的情况,可以在信息内容的上部和下部同时设置分页链接。

图 页面底部的分页显示链接

【建议】设计时可以考虑如下的设计方法:

图 上部的分页链接

图 下部的分页链接

此种设计与搜索引擎显示搜索结果时搜索框的位置设计有异曲同工之妙。方便用户在信息顶部和上部都可以轻松的操作。

2.11 认真对待网站底部信息设计,增加用户使用信任度

网站底部信息内容是网站中每个页面都共同的内容,底部信息为网民提供了很多建立信任体验的内容。对网站底部信息的完美设计,可以加强网站的诚信度,完善用户信任体验。下图是百度有啊底部的信息内容:

图 百度有啊网站页面底部信息

【建议1】增加部分让用户值得去信任该网站的内容,如网警标识、网站的电信增值业务的经营许可证、网站是否备案等等。(网站中没有B 字开头的经营性网站备案记录,百度有啊是购物类电子商务网站,最好加一个,增强用户的信任体验)。

【建议2】对于购物类网站,导航是非常重要的部分。所以建议网站底部信息中添加一个“网站地图”链接。这个是细节,但很重要。

对于底部信息,在标准化基础上,结合购物网站特征设计。标准化设计有利于照顾用户的习惯和用户预期。

2.12 操作的不确定性

【页面】http://caipiao.youa.baidu.com/

图 百度有啊彩票页面的Logo

鼠标经过这个Logo 图片上时都是链接的手型图片。点击左边的“有啊”图片(标记1的区域)链接到“百度有啊”首页,而点击右边的“彩票” (标记2的区域)却链接到“有啊彩票”。这种设计对用户来说比较迷惑,用户无法预测到自己操作的结果。建议只链接到一处,有明确的操作结果。

2.13 注册页面完善意见

【页面】http://youa.baidu.com/passport/0/reg?u=http%3A%2F%2Fyoua.baidu.com%2F

图 新用户注册页面

【改进意见】在用户注册时,须清晰的介绍会员权责,并提示用户确认已阅读条款。如上图所示,首页上点击“免费注册”后进入新用户注册页面。上图所示的“同意协议并注册” 按钮放在用户协议的上面,这种设计似乎没有考虑到用户的习惯。用户只有在先浏览协议后再点击按钮的,所以建议“同意协议并注册”按钮放在协议的下方。同时,协议的显示框高度应该大一些,起码要适合用户阅读,上图所示的则很不适合阅读。而且,在TheWorld 浏览器、1280*1024分辨率的模式下,用户很有可能将页面拉到如下图所示情形,直接点击点击“同意协议并注册”而没有看到协议。

图 用户可能直接点击“统一协议并注册”,根本没有看到协议在什么地方

“百度有啊”产品优缺点分析报告

目 录

1 “百度有啊”产品优点分析 . ...................................................................................................... 2

1.1 无形中给用户个性化服务 . ............................................................................................... 2

1.2 细节设计 . ........................................................................................................................... 2

1.3 浏览器兼容性整体较好 . ................................................................................................... 3

2 “百度有啊”产品缺点 / 建议 . ................................................................................................. 4

2.1 操作不符合用户的预期 . ................................................................................................... 4

2.2 建议网站整体采用标准化设计 . ....................................................................................... 6

2.3 网站搜索功能可以设计得更加精致 . ............................................................................... 9

2.4 网站导航设计可更加人性化 . ......................................................................................... 10

2.5 建议在无形中提供给用户以个性化服务 . ..................................................................... 12

2.6 建议采用统一的视觉体验 . ............................................................................................. 13

2.7 强化网站的指引作用 . ..................................................................................................... 14

2.8 鼠标滑过图片时无文字提示 . ......................................................................................... 14

2.9 商品信息页面太长,阅读起来不方便 . ......................................................................... 15

2.10 信息内容的上端和下端同时设置分页链接 ................................................................ 16

2.11 认真对待网站底部信息设计,增加用户使用信任度 ................................................ 17

2.12 操作的不确定性 . ........................................................................................................... 18

2.13 注册页面完善意见 . ....................................................................................................... 18

1 “百度有啊”产品优点分析

1.1 无形中给用户个性化服务

【页面】http://youa.baidu.com/item/83e90f1f981da29582495eb0

图 送货地址能默认选择到“湖北”

【点评】商品的送货地址默认选择到用户所在地区,这个能在无形中给用户以个性化服务。当然,如果能选择到“武汉”更好。

1.2 细节设计

【页面1】http://youa.baidu.com/

图 “把有啊设为首页”更人性化

【点评】“把有啊设为首页”用词更加人性化,更容易被用户接受。这个比“设有啊为首页”、“收藏本网站”、“将本网站添加到收藏夹”更能体现人性化关怀。

1.3 浏览器兼容性整体较好

浏览器兼容性整体上较好,但仍然存在一些问题,说明如下:

(1)IE 内核(IE ,世界之窗)

显示正常。世界之窗2.4Final(2.4.1.5)“把有啊设为首页”链接不能用。

(2)FireFox

A .首页上的“把有啊设为首页“链接显示不出来。

B .商品信息页面下方有一个搜索框,在IE 内核浏览器中没有,如下图所示:

图 网站底部的搜索框

建议设计时照顾用户习惯,否则很容易混淆成是Baidu.com 网页搜索。

C .点击查看商品大图时,FireFox 浏览器需要安装控件,操作上比较麻烦。而且有的页面点击查看大图时直接是显示不出来。

(3)Opera 10

A .首页上的“把有啊设为首页“链接显示不出来。

B .商品信息页面下方有一个搜索框,同上。

C .点击查看商品大图时,需要安装控件,操作上比较麻烦。

(4)Safari

A .首页上的“把有啊设为首页“链接显示不出来。

B .商品信息页面下方有一个搜索框,同上。

C .点击查看商品大图时,需要安装控件,操作上比较麻烦。

2 “百度有啊”产品缺点 / 建议

2.1 操作不符合用户的预期

(1)“购物车”和“我的收藏”的显示位置

【页面1】http://youa.baidu.com/

图 首页上“购物车”和“我的收藏”链接位置

【页面2】

图 从首页上链接一件商品后,“购物车”和“我的收藏”链接位置

“购物车”和“我的收藏”是购物网站经常用的工具,用户随时都可能会用到。

【建议】在体验过程中发现,首页上“购物车”和“我的收藏”在上面第一幅图所示的红色位置区域,而其他商品信息页面“购物车”和“我的收藏”在第二幅图所示的红色位置区域。这个不符合用户的操作预期。假如用户A 经常购物,记得“购物车”和“我的收藏”在第二幅图所示的红色区域,当A 返回到首页时在同一区域却找不到“购物车”和“我的收藏”,用户就会花一定的时间来寻找这个功能。我们假定用户不是足够聪明的,所以这种设计是不符合用户预期的,应当予以完善。在设计中,同一个网站中的同一功能在不同页面上位置应该相同,减少用户的思考时间。

(2)商品信息链接不准确

在首页的商品分类信息中点击“男鞋”进入到页面 ,如下图所示:

图 “男鞋”分类页面

【缺点】如上图所示,点击“男鞋”后显示的分类不仅仅包括鞋子,还有男士箱包和男士配饰的商品信息,这个和用户最初希望看到的“男士鞋子”预期是违背的,用户还得点击一次分类才能得到所需分类商品,体验起来较差。建议点击“男鞋”后直接进入到“男鞋”商品分类信息页面,而不是“男鞋/男士箱包/男士配饰”的分类信息。相比较而言,淘宝网这方面设计的还不错,可以参考其设计方法。(用户在点击链接后没有得到想要的信息时很有可能会选择离开,所以应该保证链接的精确性。)

2.2 建议网站整体采用标准化设计

在同一个网站中,采用标准化的设计可以让用户花较少的思考时间就明白其功能是什么意思。特别是交互设计方面,易用性很重要。购物网站中用户的操作较多,设计应以标准化为主。标准化设计可以方便地建立起网站品牌,树立网站形象。

(1)登录采用标准化设计

在首页上点击“登录”链接,会重新链接到一个新的页面:

图 采用页面登录的形式

而在没有进行登录的情况下从首页上的“手机充值”功能点击“立即充值”后弹出登录窗口,如下图所示:

图 弹出窗口登录的形式

【建议】如上图所示可以看出,“百度有啊”采用了两种用户登录的形式而非标准化设计。建议采用标准化设计方法,网页登录和弹出窗口登录两者取其一。个人偏向于弹出窗口登录方式。

(2)标签的标准化设计

图 鼠标滑过标签时自动选择类别

如上图红色框内所示,鼠标滑过标签时就可以自动选择到相应的类别。

图 需要鼠标点击标签选择相应类别

如上图红色框内所示,鼠标滑过标签时不能自动选择到相应的类别,需要鼠标左键点击才可以选取。

【建议】采用标准化的设计,鼠标滑过时自动选取(因为网站其他地方很多此类设计方法)。如果一个网站同一个页面上或者不同的页面上混杂着标签鼠标滑过就激活和需点击标签才激活两种操作方式的话,那会会令用户无所适从,因为用户不会花心思去记住你这个标签是鼠标滑过就激活还是需要点击才激活,常常会出现操作混乱和失误。解决办法是全站统一一种标签激活方式,让用户习惯于一种操作方式,减少用户使用前不必要的思考。

(3)交互图标按钮的标准化设计

【页面】http://youa.baidu.com/

图 链接图片1

【页面】http://co.youa.baidu.com/content/misc/buy/

图 链接图片2

如上面两幅图所示,在同一个网站中,相同的功能链接图片采用了不同的图片背景链接,这样设计有待改进。

2.3 网站搜索功能可以设计得更加精致

【页面】http://youa.baidu.com/

图 首页上的搜索框

【建议1】不仅仅是首页,其他很多页面的搜索和上面图形中显示是一样的。搜索功能设计的较为粗糙。建议增加有条件的搜索,限定价格范围、商家所在地、信用搜索等等,这样用户搜索就会更有目标一些。同时将店铺搜索和商品搜索按条件分开。当然,在具体的商品页面,搜索设计还是不错的,如下图所示:

图 商品分类中的按条件搜索

【建议2】按钮功能不应该让用户产生歧义。上面第一幅图中的搜索按钮是“百度一下”,对于用惯了百度搜索(Baidu.com )的用户,他们就会下意识地去思考这是“搜索网页”还是“搜索商品信息”。所以建议为了减少用户不必要的思考,直接用“搜索”字样的按钮。习惯用法是我们的好帮手,对用户来说,同一个词不应该有歧义产生。对于大家已经很熟悉的词汇或专用名词,一定要用其专用词义。建议直接用“搜索”字样的按钮。

【备注】关于习惯用法,网站底部信息设计中出现了“与有啊对话”的链接:

图 网站底部信息

设计中应该采取习惯用法,照顾用户的习惯,不能标新立异。用户很有可能不知道这个是什么功能,所以还是用“意见反馈”等用此比较直观明了。

2.4 网站导航设计可更加人性化

任何网上商店的成功,至关重要的一点,就是用户可以简单轻松地使用网站。基本店铺分类,商品分类、用户页面、购物车页面、订单页面、用户收藏夹等任何购物体验点都应该可以轻松方便地被访问。方便的导航元素将会使用户顺利的找到自己所需要的商品。

图 “百度有啊”首页导航条

图 “百度有啊”首页部分商品分类信息

【缺点】如上图所示,百度有啊首页上导航条:“首页”、“名品”、“彩票”和“促销”。在体验过程中发现,用户如果想通过这个导航来搜索商品时比较困难的,比如我喜欢买书,这里就找不到。用户只好通过商品分类来寻找自己所需的商品。在TheWorld 浏览器、分辨率1280*1024的模式下,首页的第一屏显示不出来“商品分类”。当用户通过导航找不到自己所需的商品,而且又看不到商品分类的时候,很有可能会选择离开网站。

【建议】在首页第一屏比较显眼的位置上显示“商品分类”信息,便于用户轻松地找到所需

商品。同时导航方面考虑重新设计,让用户可以轻松地找到所需商品。如淘宝网的导航设计可以考虑借鉴。

另外,网站中还有一些细微处的导航可以设计得更加人性化:

(1)如下图所示,商品分类中的热门类商品类型有许多,这些商品没有经过简单的分类,而是杂乱的排列在一起。

图 商品分类中的“热门”项

【建议】将商品分类后显示,不一定很明显,至少同类商品要排在一块儿,便于用户查找。例如可以将手表、mp5、手机、学生机、iPhone 、上网本排在一块儿,简单的分类,用户查找起来也会方便许多。

(2)如下图所示,此页面是首页导航上点击“彩票”链接到一个新的页面。该页面的导航和之前的首页导航条完全不一样,而且此页面上无法链接到之前导航的“名品”和“促销”栏目,设计上不利于用户的操作。

图 “有啊彩票”页面导航条

【建议】 “彩票”此栏目的导航采用二级导航的形式,之前的一级导航仍然显示出来。

2.5 建议在无形中提供给用户以个性化服务

【页面】http://youa.baidu.com/

图 地区信息默认为 “北京市”,建议默认选择用户所在地区

如上面页面局部图形所示,红色框内的“地区信息”默认为“北京市”

【建议】应该考虑到用户的默认所在地,如武汉地区的用户点击进去后默认选择到武汉市。

2.6 建议采用统一的视觉体验

【页面】http://youa.baidu.com/

图 搜索商品前显示的搜索框

【页面2】http://youa.baidu.com/search/s?search_domain=1&category=0&keyword=%BD%E1%CD%F8

图 搜索商品后显示的搜索框

【缺点】如上面两幅图所示,在首页的搜索框内输入“结网”书名点击搜索后,显示出的页面如第二幅图所示,两个页面的视觉体验完全不一样,页面基准色完全不同。对用户来说视觉体验跳跃性比较大。

【建议】采用统一的视觉体验,页面基准色采用一致。视觉设计传播产品的设计理念,设计过程中应尽量统一和规范。

【备注】而且搜索前和搜索后的Logo 标志不一样,建议标准化设计。

2.7 强化网站的指引作用

对任何一个新手来说,购物网站的指引作用是非常重要的一部分内容,所以建议将其放在首页的底部显示出来,用户在遇到问题后可以快速查阅。

【页面】

图 “用户登录”页面显示的网站指引链接

【建议】将上图中的这一部分内容移到首页的底部显示出来。用户在遇到问题时可以方便的找到帮助信息。类似于淘宝和QQ 商城中的设计。

2.8 鼠标滑过图片时无文字提示

对于网上购物类网站来说,商品的图片材料比较多,鼠标经过图片时最好要有文字提示。图片的Alt 属性标签具有类似功能,还能提供显示不了图片的时候提示文字功能,因此显得更为重要。

【建议】在体验过程中发现,网站中大部分图片在鼠标经过时无文字提示。这种设计是不好的,比如在网络慢的情况下,图片没载入之前,用户鼠标经过也不知道这个图片的内容是什么。所以建议增加“鼠标经过图片有文字提示”的功能。

2.9 商品信息页面太长,阅读起来不方便

在网站中点击到具体的商品信息页面,许多都是页面信息特别多,如,在TheWorld 浏览器、屏幕分辨率为1280*1024模式下,页面有18屏。

【缺点】这类型的页面内容非常的长,对用户的阅读体验有非常大的影响。而这样的页面在网站中随处可见,阅读起来非常不方便,即使是很快的加载速度也需要较长时间。建议此类商品信息采用分页显示,将用户最关心和最主要的呈现在第一页,其余的都放在后面页显示。 即使不分页显示,

细小的设计更能体现人性化关怀。像拍拍网和淘宝网上都有那种活动的“返回顶部”按钮,这个可以借鉴一下。

【建议】如http://youa.baidu.com/item/22b17b39be837de49a29bd59该页面所示的商品信息,由于图片比较多,竖排显示的话页面就会比较长,不仅影响加载速度,而且阅读起来很不方便。所以可以采用横排显示的方式,类似于下图的这种设计:如上图所示,屏幕中间显示一张图片,通过点击向左向右的按钮来浏览其他图片。这样能够使页面的长度大大减短。

图 横排图片显示形式

2.10 信息内容的上端和下端同时设置分页链接

【页面】

对于某一部分内容比较多的时候,而同时又存在的分页的情况,可以在信息内容的上部和下部同时设置分页链接。

图 页面底部的分页显示链接

【建议】设计时可以考虑如下的设计方法:

图 上部的分页链接

图 下部的分页链接

此种设计与搜索引擎显示搜索结果时搜索框的位置设计有异曲同工之妙。方便用户在信息顶部和上部都可以轻松的操作。

2.11 认真对待网站底部信息设计,增加用户使用信任度

网站底部信息内容是网站中每个页面都共同的内容,底部信息为网民提供了很多建立信任体验的内容。对网站底部信息的完美设计,可以加强网站的诚信度,完善用户信任体验。下图是百度有啊底部的信息内容:

图 百度有啊网站页面底部信息

【建议1】增加部分让用户值得去信任该网站的内容,如网警标识、网站的电信增值业务的经营许可证、网站是否备案等等。(网站中没有B 字开头的经营性网站备案记录,百度有啊是购物类电子商务网站,最好加一个,增强用户的信任体验)。

【建议2】对于购物类网站,导航是非常重要的部分。所以建议网站底部信息中添加一个“网站地图”链接。这个是细节,但很重要。

对于底部信息,在标准化基础上,结合购物网站特征设计。标准化设计有利于照顾用户的习惯和用户预期。

2.12 操作的不确定性

【页面】http://caipiao.youa.baidu.com/

图 百度有啊彩票页面的Logo

鼠标经过这个Logo 图片上时都是链接的手型图片。点击左边的“有啊”图片(标记1的区域)链接到“百度有啊”首页,而点击右边的“彩票” (标记2的区域)却链接到“有啊彩票”。这种设计对用户来说比较迷惑,用户无法预测到自己操作的结果。建议只链接到一处,有明确的操作结果。

2.13 注册页面完善意见

【页面】http://youa.baidu.com/passport/0/reg?u=http%3A%2F%2Fyoua.baidu.com%2F

图 新用户注册页面

【改进意见】在用户注册时,须清晰的介绍会员权责,并提示用户确认已阅读条款。如上图所示,首页上点击“免费注册”后进入新用户注册页面。上图所示的“同意协议并注册” 按钮放在用户协议的上面,这种设计似乎没有考虑到用户的习惯。用户只有在先浏览协议后再点击按钮的,所以建议“同意协议并注册”按钮放在协议的下方。同时,协议的显示框高度应该大一些,起码要适合用户阅读,上图所示的则很不适合阅读。而且,在TheWorld 浏览器、1280*1024分辨率的模式下,用户很有可能将页面拉到如下图所示情形,直接点击点击“同意协议并注册”而没有看到协议。

图 用户可能直接点击“统一协议并注册”,根本没有看到协议在什么地方


相关内容

  • 阿里巴巴问答
  • 1. 为什么要做产品经理? 答案:在没有接触产品经理这个名词以前,我做的是电子设计.逐渐了解这个职位之后,我发现这两者其实是惊人的相似.都是不断的发掘需求,然后去解决,解决的过程要面临很多挑战,提高用户体验,做出来之后还要不断改进.比大一之前做的曲线测量仪.从名字上就能体会到需求上的问题,作品完成后 ...

  • 应聘百度公司面试经验
  • 1 建议 1.做产品你要爱它,发自内心地认同它.前者是因为我以后想在一个公司的"主战场"工作,而不是一个辅助的部门(仅仅是我个人喜好的问题,完全没有看不起support function的意思),后者是因为我的个性不适合国企,我没有办法忍受努力工作却没有结果的事情发生以及那无穷无 ...

  • 移动阅读软件竞品分析报告
  • 移动阅读软件竞品分析报告 一. 研究背景 1.1 术语归约 1.2 市场概况 1.2.1 市场规模 根据EnfoDesk 易观智库发布的<中国移动阅读市场趋势预测2014-2017>数据显示, 到2014年,中国移动阅读市场收入规模达到88.4亿元,增幅达41.4%.预计2017年市场整 ...

  • 搜索引擎关键词广告的调查报告
  • 题 目:搜索引擎关键词广告的调查报告 专 业: 班 级: 姓 名: 学 号: 指导教师: 职 称: 完成日期: 搜索引擎关键词广告的调查报告 摘要:随着信息化生活的到来,网络营销对企业的影响越来越大.如何进行网络营销呢?搜索引擎营销关键词广告是最常用也是目前最有效的方法,本文从搜索引擎营销的概念和内 ...

  • 商城网站推广方案
  • 商城网站推广方案 目 录 一.推广目标 . ................................................................................................................................ ...

  • 移动医疗分析报告
  • 移动医疗分析报告 由于目前各APP产品定位差别功能部分有差别,重点选择了移动医疗第一APP 春雨医生作为主要分析蓝本:竞品功能分析上借鉴了其他案例的优秀产品案例.包括不限于快速问医生.好大夫.百度医生.就医160.挂号网.大姨妈.美柚.阿里健康.平安好医生.妈妈帮. 各APP应用的市场状况 各APP ...

  • 销售类顶岗实习报告-
  • 四川工商职业技术学院 顶岗实习报告 实习单位: 姓 名: 学 号: 专 业: 软 件 开 发 班 级: 实习岗位: 商务代表 实习单位 指导教师: 实习日期: 2014.2.26 至 2014.5.04 目录 一.实习单位简介 .................................... ...

  • 游戏平台介绍与市场分析
  • 目录 一.游戏平台介绍与市场分析 1 游戏平台介绍 2 平台定位 3 竞争环境分析 3.1 市场与平台结合方式 3.2 平台SWOT分析 二.运营实施方案 1 为什么进入页游平台市场 2 进入页游市场平台方式 2.1 运营模式 2.2 游戏种类 3 项目进项规划定位 4 项目进程 5 产品选择 6 ...

  • 产品面试攻略:十个HR会当面提问的产品问题
  • 一.你在设计产品过程中是如何获取用户需求的?按照优先级别排列3-5个. 答: 1.数据分析:通过一些客观数据,例如,流量.检索量等,能很好的说明问题: 2.邀请用户进行访谈,观察或者让用户说出自己的需求与偏好,这样的方法能够与用户面对面的交流,也能够在旁边静静地观察用户的使用习惯: 3.用户反馈:在 ...