从网页设计角度评测淘宝首页改版（外加评论）转载
从网页设计角度评测淘宝首页改版（外加评论）无意间查看 wiLdGoose 空间，发现竟然“私藏”了那么好的一篇文章。在“诅咒”其身体和手机能好起来的同时，心理不禁对大雁兄的那种敬业精神表示一下敬意。自己目前也是搞 WEB 这块的，所以 Taobao 的每一次改动我都分外的关注（其实我也是其用户之一）。下面就原文补充一下我的个人看法（使用蓝色字体标注）。这两天正好在看《网站界面设计》一书，这本书，也是我首次接触比较系统的介绍界面设计理论的书，书中对界面的可用性设计原则、交互设计、呈现设计以及网络广告设计四方面介绍的很系统很详细的介绍，而且书中包含了大量的实际案例分析，看后收获很大。于是，最近一直想找个界面来练练手，刚好 Taobao 的首页进行了新一轮的“胖身”改版，就全当成学习来，来分析一下 Taobao 的首页界面改版评测。
首页是网站的大门，用户从这里进入网站，又从这里进入到网站的各个频道和内容，首页是用户的主要集散地，他的呈现和侧重点直接决定了网站的导向，对于用户来说，首页是导航，对于网站来说，他相当于目录和发布区，对于活动以及商家，他又是广告。平衡三者的关系是首页设计的重点，网站的首页和栏目页体现了网站的主旨以及特色，把流量引向网站最重要的地方，这一方面来说，Taobao的网站改版还是达到要求了。
首页的基本设计原则：
（1）首页上最显著的设计元素之一应该是公司网站的名称（Logo），让用户知道他来到了什么地方。呵呵，这个很明显，Taobao 的 Logo 依旧放在左上角最显眼的地方。
似乎将 Logo 放在首页的左上角是上个世纪遗留下来的传统了。当然我们可以一句反三，因为放到这里位置的根本目的是让用户能通过我们的 Logo 记住我们，但是如果因为这个 Logo 影响了用户体验的话那就得不偿失了。
http://static.gracecode.com/adjunct/taobao_1.jpg
（2）首屏需要体现最基本的用户任务，即 70% 以上目标用户需要使用的功能和网站的主推的服务，需要将两者巧妙地结合在一起，引导网站流量。Taobao是一个 C2C 的网站，用户上网主要来淘自己喜欢的东西，所以搜索是他最重要的入口，这里淘宝的首页把搜索的设计很显眼，也很人性化，只不过不知道为什么右上角上方也有一个搜索，虽然搜索很重要，但是太多相似的信息会不会令用户感到迷惑。
这点我不怎么同意原文作者的看法。说到底网站提供的是针对某方面的单一内容（排除门户网站），从网站的架构上分析的话，我认为 Taobao 的网站架构是建立在搜索的基础上的。其二，从用户体验的角度上说内容的“合理重复”也是加深用户体验的一种方式之一。况且我认为如果去除右上角的搜索框以后，按照内容延伸的角度分析的话这里必定是要放满一排的按钮了。或许那样的话才会让用户感到“真正”的迷惑了。
http://static.gracecode.com/adjunct/taobao_2.jpg
（3）首屏需要传达足够的信息，以让用户感受网站内容或功能的丰富。这个看看后面密密麻麻的宝贝类目，就能感觉到，不过这个也是最最困难的，信息多了，要如何安排，安排不当，就容易造成信息的杂乱无章，让用户迷失导向，不过这里这个处理的还可以，一些重要的常用的用不同颜色处理，各个类目用不同的背景区分开来，相对信息还是比较清晰。只是他的背景背景感觉应该用橙色系的色度比较淡的来做背景，这个整体的有机型会强一些。
嗯，是的。在这块 Taobao 的处理上面可能会比较的保守：我的起初观点是可以将这些“杂乱无章”的数据整理一下，做成一个下拉菜单，按照分类的层次排列。但是仔细一想这样的话首页的空间是少了很多，而用户体验却降低了：试想一下，如果用户为了寻找一双袜子他首先要点击“我要买”菜单，然后点击“服装”，然后点击“男装”，然后再点击……是的，我想这样的话你也心烦了。所以 Taobao 这方面的处理还是比较合理的。首先能拉走一大块主页的空间，让页面“看起来”内容非常的充实；二来让用户有的放矢，操作起来非常的直观。
http://static.gracecode.com/adjunct/taobao_3.jpg
（4）首屏需要体现网站的更新，体现网站的活力。淘宝集市；品牌商城，二手闲置。类目的右侧，全球购和促销区的领地，尤其是新增的促销区域，这些动态的数据更新，相信已经足够体现了这个中国最大的 C2C 的活力，这一版，也把这些强化了不少。
这块就足够体验了 Taobao 的人员配合功底了。一个首页的 Flash 可以说在一天以内的时间里面可以“平滑”得更新数次，这个无论从技术的角度还是从界面的设计的角度上说，他们的人员分工配合的非常的默契的。
（5）首页的设计能够引人注目，能够让目标用户过目不忘，并对网站形象产生良好的准确的认知和记忆，就设计和视觉而言，用户所希望的是：布局整齐清晰，板块明确，色调不要让眼睛疲劳。这一块，感觉改版後，板块比原来清晰不少，整个网站的架构也更明了，设计上更加大胆，色彩依旧保持鲜艳为主，刺激用户购买欲望，还是保持原来的主色调，毕竟也是一个企业色，但是个人感觉用色还是有点杂，有点很强烈的对比，让用户感觉心理很不舒服。
http://static.gracecode.com/adjunct/taobao_4.jpg
（网页页面的颜色跳跃会不会太突然了些，虽然这样可以强调公告信息，但是，感觉不是很和谐~）
http://static.gracecode.com/adjunct/taobao_5.jpg
（整体的色彩过于混乱，按照我个人的理解，Taobao 的主题色应该是橙红色，但是，感觉整个页面中，蓝色跟橙红比重相似，从上来拉下来，感觉进入两个世界，感觉整体性不是很好~）
嗯，这点我也同意原文作者的观点。Taobao 的企业色调是暖色的橙红色。而公告栏的蓝色是冷色调，一种暖色调加上一种冷色调形成一种相对的色觉反差是不错，但是如果过分使用的话可能会适得其反。而从我个人角度上说这点 Taobao 还没有如原文作者所说的“不是很和谐”的层次。至少按照用户习惯来说他们的注意点会集中在中间的搜索上（当然如果能改进一下会更好）。
（6）首屏需要较快的下载，因此网页顶端需要减少图片，减少表格的复杂性，保证表格横切的可能性以加快下载速度。这个个人感觉淘宝的导航虽然设计的很漂亮，但是经常打开后圆角丢失，或者背景图片没现实出来，不过好在导航文字能很快出现，但是过多的图片还是影响了用户对网站整体的感觉，还有个问题，也是关于页面下载速度的，公告栏以及中间的图片广告的背景，好像是深色的粉红，在页面下载之前很刺眼，但是最后有出现清淡的板块，感觉用户心理变化很大，这一块的背景设置应该还是以淡色为主，虽然用户最终影响不大，但是，速度慢的时候，还是很明显的。
用户体验永远是和时间成反比的。正如前几年的 Flash 留言本一样，虽然会有很好的用户体验，但是由于需要载入整个 Flash 才能真正的发挥功效。“用户等待一个页面最大的耐心只有八秒”，所以永远不要期待让用户在你所谓的“具有良好用户体验”的页面上会花上那么多的等待时间。让我们再来想想为什么 Ajax 会那么流行吧。
（7）对于商业网站而言，首屏需要考虑广告的位置和呈现。这个不要说了吧，眼球最中间就是三幅翻动广告，广告鼠标放在下面数字上会出现相对应的图片，下面对应的数字会变大，背景变暗，以前面区分开来，这个让用户有控制权，让用户掌握所有操作的主动权，感觉产品是为他服务，广告也是自己需要的，广告虽然对网站的生存很重要，但是 Taobao 的广告还不是很令讨厌，已经成为首页设计的一分子，这方面他们处理得很不错。
广告和用户体验永远是网站设计甚至可以说是网站盈利上的一座天平。这点我想我们可以借鉴一下 Google 的做法：让用户永远认为他们在使用的是我们提供的产品，而不是让用户“被动地”去看所谓的广告。广告对于网站的发展固然重要，但是绝对不是最重要的！
Taobao 的首页改版，整体来说还是很成功的，功能板块比之前清晰了不少，立体感也强了很多，给人感觉很好，之前的页面感觉信息有点匮乏，而且信息冗余很多，经常进来，就陷入迷失状态（会不感觉有点马后炮的感觉，呵呵，不过这的确是我的最初的感觉，首页信息的杂乱，影响了用户最网站忠诚度，现在的改版，整体感觉更清新，页面功能也更明了，对用户的操作也有一定的引导性整体来说，个人感觉改版还是非常成功的，至少在一定程度上我在首页关注的时间比以前多很多，很多有用的信息，在首页就能找到。目前还在学习相关理论，等书全看完了，再过来分析一下～ 软文？
页:
[1]