百度有啊产品优缺点分析报告体验报告.docx

1、XX有啊产品优缺点分析报告体验报告“XX有啊”产品优缺点分析报告目 录1 “XX有啊”产品优点分析 21.1 无形中给用户个性化服务 21.2 细节设计 21.3 浏览器兼容性整体较好 32 “XX有啊”产品缺点 / 建议 42.1 操作不符合用户的预期 42.2 建议网站整体采用标准化设计 62.3 网站搜索功能可以设计得更加精致 92.4 网站导航设计可更加人性化 102.5 建议在无形中提供给用户以个性化服务 122.6 建议采用统一的视觉体验 132.7 强化网站的指引作用 142.8 鼠标滑过图片时无文字提示 142.9 商品信息页面太长，阅读起来不方便 152.10 信息内容的上端

2、和下端同时设置分页链接 162.11 认真对待网站底部信息设计，增加用户使用信任度 172.12 操作的不确定性 182.13 注册页面完善意见 181 “XX有啊”产品优点分析1.1 无形中给用户个性化服务【页面】 图 送货地址能默认选择到“湖北”【点评】商品的送货地址默认选择到用户所在地区，这个能在无形中给用户以个性化服务。当然，如果能选择到“武汉”更好。1.2 细节设计【页面1】图 “把有啊设为首页”更人性化【点评】“把有啊设为首页”用词更加人性化，更容易被用户接受。这个比“设有啊为首页”、“收藏本网站”、“将本网站添加到收藏夹”更能体现人性化关怀。1.3 浏览器兼容性整体较好浏览器兼容

3、性整体上较好，但仍然存在一些问题，说明如下：（1）IE内核（IE，世界之窗）显示正常。世界之窗2.4Final(2.4.1.5)“把有啊设为首页”链接不能用。（2）FireFoxA首页上的“把有啊设为首页“链接显示不出来。B商品信息页面下方有一个搜索框，在IE内核浏览器中没有，如下图所示：图 网站底部的搜索框建议设计时照顾用户习惯，否则很容易混淆成是B网页搜索。C点击查看商品大图时，FireFox浏览器需要安装控件，操作上比较麻烦。而且有的页面点击查看大图时直接是显示不出来。（3）Opera 10A首页上的“把有啊设为首页“链接显示不出来。B商品信息页面下方有一个搜索框，同上。C点击查看商品大

4、图时，需要安装控件，操作上比较麻烦。（4）SafariA首页上的“把有啊设为首页“链接显示不出来。B商品信息页面下方有一个搜索框，同上。C点击查看商品大图时，需要安装控件，操作上比较麻烦。以下体验是均在TheWorld浏览器模式下。 2 “XX有啊”产品缺点 / 建议2.1 操作不符合用户的预期（1）“购物车”和“我的收藏”的显示位置【页面1】图 首页上“购物车”和“我的收藏”链接位置【页面2】 图 从首页上链接一件商品后，“购物车”和“我的收藏”链接位置“购物车”和“我的收藏”是购物网站经常用的工具，用户随时都可能会用到。【建议】在体验过程中发现，首页上“购物车”和“我的收藏”在上面第一幅图

5、所示的红色位置区域，而其他商品信息页面“购物车”和“我的收藏”在第二幅图所示的红色位置区域。这个不符合用户的操作预期。假如用户A经常购物，记得“购物车”和“我的收藏”在第二幅图所示的红色区域，当A返回到首页时在同一区域却找不到“购物车”和“我的收藏”，用户就会花一定的时间来寻找这个功能。我们假定用户不是足够聪明的，所以这种设计是不符合用户预期的，应当予以完善。在设计中，同一个网站中的同一功能在不同页面上位置应该相同，减少用户的思考时间。（2）商品信息链接不准确在首页的商品分类信息中点击“男鞋”进入到页面 ，如下图所示：图 “男鞋”分类页面【缺点】如上图所示，点击“男鞋”后显示的分类不仅仅包括鞋

6、子，还有男士箱包和男士配饰的商品信息，这个和用户最初希望看到的“男士鞋子”预期是违背的，用户还得点击一次分类才能得到所需分类商品，体验起来较差。建议点击“男鞋”后直接进入到“男鞋”商品分类信息页面，而不是“男鞋/男士箱包/男士配饰”的分类信息。相比较而言，淘宝网这方面设计的还不错，可以参考其设计方法。（用户在点击链接后没有得到想要的信息时很有可能会选择离开，所以应该保证链接的精确性。）2.2 建议网站整体采用标准化设计在同一个网站中，采用标准化的设计可以让用户花较少的思考时间就明白其功能是什么意思。特别是交互设计方面，易用性很重要。购物网站中用户的操作较多，设计应以标准化为主。标准化设计可以方

7、便地建立起网站品牌，树立网站形象。（1）登录采用标准化设计在首页上点击“登录”链接，会重新链接到一个新的页面： 图 采用页面登录的形式而在没有进行登录的情况下从首页上的“手机充值”功能点击“立即充值”后弹出登录窗口，如下图所示：图 弹出窗口登录的形式【建议】如上图所示可以看出，“XX有啊”采用了两种用户登录的形式而非标准化设计。建议采用标准化设计方法，网页登录和弹出窗口登录两者取其一。个人偏向于弹出窗口登录方式。（2）标签的标准化设计图 鼠标滑过标签时自动选择类别如上图红色框内所示，鼠标滑过标签时就可以自动选择到相应的类别。图 需要鼠标点击标签选择相应类别如上图红色框内所示，鼠标滑过标签时不能

8、自动选择到相应的类别，需要鼠标左键点击才可以选取。【建议】采用标准化的设计，鼠标滑过时自动选取（因为网站其他地方很多此类设计方法）。如果一个网站同一个页面上或者不同的页面上混杂着标签鼠标滑过就激活和需点击标签才激活两种操作方式的话，那会会令用户无所适从，因为用户不会花心思去记住你这个标签是鼠标滑过就激活还是需要点击才激活，常常会出现操作混乱和失误。解决办法是全站统一一种标签激活方式，让用户习惯于一种操作方式，减少用户使用前不必要的思考。（3）交互图标按钮的标准化设计【页面】图 链接图片1【页面】 图 链接图片2如上面两幅图所示，在同一个网站中，相同的功能链接图片采用了不同的图片背景链接，这样设

9、计有待改进。2.3 网站搜索功能可以设计得更加精致【页面】图 首页上的搜索框【建议1】不仅仅是首页，其他很多页面的搜索和上面图形中显示是一样的。搜索功能设计的较为粗糙。建议增加有条件的搜索，限定价格范围、商家所在地、信用搜索等等，这样用户搜索就会更有目标一些。同时将店铺搜索和商品搜索按条件分开。当然，在具体的商品页面，搜索设计还是不错的，如下图所示：图 商品分类中的按条件搜索【建议2】按钮功能不应该让用户产生歧义。上面第一幅图中的搜索按钮是“XX一下”，对于用惯了XX搜索（B）的用户，他们就会下意识地去思考这是“搜索网页”还是“搜索商品信息”。所以建议为了减少用户不必要的思考，直接用“搜索”字

10、样的按钮。习惯用法是我们的好帮手，对用户来说，同一个词不应该有歧义产生。对于大家已经很熟悉的词汇或专用名词，一定要用其专用词义。建议直接用“搜索”字样的按钮。【备注】关于习惯用法，网站底部信息设计中出现了“与有啊对话”的链接：图 网站底部信息设计中应该采取习惯用法，照顾用户的习惯，不能标新立异。用户很有可能不知道这个是什么功能，所以还是用“意见反馈”等用此比较直观明了。2.4 网站导航设计可更加人性化任何网上商店的成功，至关重要的一点，就是用户可以简单轻松地使用网站。基本店铺分类，商品分类、用户页面、购物车页面、订单页面、用户收藏夹等任何购物体验点都应该可以轻松方便地被访问。方便的导航元素将会

11、使用户顺利的找到自己所需要的商品。图 “XX有啊”首页导航条图 “XX有啊”首页部分商品分类信息【缺点】如上图所示，XX有啊首页上导航条：“首页”、“名品”、“彩票”和“促销”。在体验过程中发现，用户如果想通过这个导航来搜索商品时比较困难的，比如我喜欢买书，这里就找不到。用户只好通过商品分类来寻找自己所需的商品。在TheWorld浏览器、分辨率1280*1024的模式下，首页的第一屏显示不出来“商品分类”。当用户通过导航找不到自己所需的商品，而且又看不到商品分类的时候，很有可能会选择离开网站。【建议】在首页第一屏比较显眼的位置上显示“商品分类”信息，便于用户轻松地找到所需商品。同时导航方面考虑

12、重新设计，让用户可以轻松地找到所需商品。如淘宝网的导航设计可以考虑借鉴。另外，网站中还有一些细微处的导航可以设计得更加人性化：（1）如下图所示，商品分类中的热门类商品类型有许多，这些商品没有经过简单的分类，而是杂乱的排列在一起。图 商品分类中的“热门”项【建议】将商品分类后显示，不一定很明显，至少同类商品要排在一块儿，便于用户查找。例如可以将手表、mp5、手机、学生机、iPhone、上网本排在一块儿，简单的分类，用户查找起来也会方便许多。（2）如下图所示，此页面是首页导航上点击“彩票”链接到一个新的页面。该页面的导航和之前的首页导航条完全不一样，而且此页面上无法链接到之前导航的“名品”和“促销

13、”栏目，设计上不利于用户的操作。图 “有啊彩票”页面导航条【建议】 “彩票”此栏目的导航采用二级导航的形式，之前的一级导航仍然显示出来。2.5 建议在无形中提供给用户以个性化服务【页面】 图 地区信息默认为 “北京市”，建议默认选择用户所在地区如上面页面局部图形所示，红色框内的“地区信息”默认为“北京市”【建议】应该考虑到用户的默认所在地，如武汉地区的用户点击进去后默认选择到武汉市。2.6 建议采用统一的视觉体验【页面】 图 搜索商品前显示的搜索框【页面2】 图 搜索商品后显示的搜索框【缺点】如上面两幅图所示，在首页的搜索框内输入“结网”书名点击搜索后，显示出的页面如第二幅图所示，两个页面的视觉体验完全不一样，页面基准色完全不同。对用户来说视觉体验跳跃性比较大。【建议】采用统一的视觉体验，页面基准色采用一致。视觉设计传播产品的设计理念，设计过程中应尽量统一和规范。【备注】而且搜索前和搜索后的Logo标志不一样，建议标准化设计。2.7 强化网站的指引作用对任何一个新手来说，购物网站的指引作用是非常重要的一部分内容，所以建议将其放在首页的底部显示出来，用户在遇到问题后可以快速查阅。【页面】