七七爱美丽的异想世界

最近，新蛋全新改版上线拉，俺也凑个热闹，试用了一把。就挑几点说说吧

1. 全局导航

这个全局导航里面首页后面的“品牌专卖，限时抢购和寻宝专区”并不是和首页一层的并列的导航，其实是首页下面的二级导航。这个我想了半天才明白，因为

1）点了品牌专卖之后，“品牌专卖”这几个字后面的颜色并没有变成黄色，（这点让我很不习惯，有点感觉不知道自己到底在哪的感觉，）并且搜索栏下面的面包屑设计也提示“品牌专卖”是在首页下面的。

2）“品牌专卖”这个标签和“首页”之间是有距离的，这也说明设计人员在告诉用户“品牌专卖”和“首页”不是一级的。

总之这个全局导航让我觉得挺别扭的。

如果是我设计的话，宁愿首页和品牌专卖是同一级的，并在品牌专卖下面设计下级导航，事实证明品牌专卖下面是有下级内容的 - 品牌旗舰店和品牌专卖店，奇怪的是为什么上面有两个按钮所有分类和所有品牌（为什么所有分类又出现了一次？并且在所有品牌前面），如果是我设计的话，会把所有分类在这里去掉，只留下所有品牌。并在这一页适当的加些广告。

2. 搜索栏

新的：

旧的：

一句话，原来那么有个性的搜索栏被改得如此平凡

3. bug

1) 有些字没有显示

2)

到底是品牌专区还是品牌专卖阿？

3)没有产品型号可以选，并且点了搜索也没有反应。

总体感受，改版之后的新蛋像个爱干净的女孩子，满清爽的，就是不太像个热热闹闹的大卖场。

之前面试的时候被问到这个问题，感觉自己回答的不好。回来自己总结下

互联网带给人们最大的好处就是触手可及的便利的资源，无论是海量的资讯，信息，mp3,电影等，快捷的电子商务购物，还是即时通讯。我想这就是互联网行业之于其他行业最大的区别，也是互联网行业的核心竞争力之一。

除了电子商务购物以外，为用户提供资讯以及电子邮件，即时通讯服务，或者SNS等等，都没有直接向用户收取费用，这就导致了互联网行业的另外一个特点，用户的用脚投票，你这里不好用，我去别的地方。我想这也是互联网产品面向用户的设计大热的原因。而其大热，也可以看得出互联网行业最最看重的人气的重要性，网站人气旺，就容易开发相关的商业模式,网站就容易赚钱。

人气的积累，并不是一朝一夕的事情，靠得是好的产品和坚持的不懈的运营。有人说好的产品靠得就是好的想法，不错，有好的产品固然重要，但是，别忘了，互联网行业中好的想法被复制的速度之快。。所以踏踏实实的运营还是赚钱的根本之一。

再说说电子商务，其实他就是零售的一个渠道而已，并没有多高深。零售业发展了几百年，其中积累的经验教训还值得电子商务这个小弟多学习。

(接上)

• 框架层

      - 界面设计

      京东

     京东的搜索设计，把热门设计放在了搜索框的上面，这个和大部门购物网站的设计不一样，虽说没什么不好，觉得总是有些别扭。

    新蛋

    相比京东，新蛋的这个搜索框就比较符合大部分用户的视觉习惯。

   - 导航设计

     京东

     下图是京东的首页导航，左边和上面都是全局导航，里面的上面的导航栏在京东任何一个页面都可以看到，起到了很好的定位和指示作用。左边的可以视为是因为可以直接显示大类下面的小类，所以可以视为是放在首页的方便导航。

     但是左边的导航有一个问题就是每个小类里面的子类后面有一些灰色的字，我理解为是对每个小类的解释，不过这个解释不是很有必要，如果每个小类的名字可以自己解释自己的话（就是不能自解释，当把鼠标放上去以后，小类里下面的子类就会显示出来，这个时候，每个小类的意思也很明确了），后面灰色的小字就不会有人看，所以也没有必要放在那里。

      新蛋

     下面是新蛋的首页导航，它也是在上面放置了全局导航，左边放置了和全局导航内容一样但更方便使用的导航。

     它上面的全局导航没有再分商品大类只有一个所有分类，以及一些促销区，友好导航，不知道是不是后面的内容较多，所以导致不能显示太多的商品的分类。但是如果用户已经进入了某个商品描述，就只能回到首页，到所有分类或者使用搜索来找到某类商品。

     左边的分类的话，没有了灰色字的提示，但是，它商品下的小类是没有超链接的，但是当我点上去的时候，却变成了手的形状，给了我错误的提示。还有它每个分类是可以用旁边的“—”号收起来的，但是这个“—”号颜色和周围一样，我刚开始还以为是起装饰作用的。

     - 信息设计

      1 搜索后的集中展示

        京东

      发现的问题： 1）每个商品之见没有明显的区分，显得拥挤

                         2）商品描述中描述了过多的参数，而没有强调特点，用途

新蛋

1）商品展示之间有区隔，

2）商品描述相对较短，说出了每个商品的特点

2 价格展示

      京东

     京东的价格与市场价的对比是放在具体商品描述里的，而不是放在搜索结果后的集中展示里的。这样做的一个问题是，搜索结果后的集中展示，用户需要了解到京东价与市场价的差别作为购买依据的一部分，而客户一旦点了商品具体描述说明他已经对这个商品比较感兴趣，对京东价与市场价的差别没有集中展示时那么敏感。

新蛋     

在商品搜索集中展示里，就展示了市场价和新蛋价的差别。

3 商品描述

这个不多说了，都差不多，就是新蛋里面不能看细节图。

• 视觉层

     看看那他们俩的搜索按钮就知道谁更注意视觉了。

(完)

(接上篇)

• 结构层

     - 交互设计

        先来一段用户体验，然后咱再说理论。

           京东：不得不提我在京东上的一次经历，

           在淘宝上看到有京东卷，开放卷号的，跑去京东试试看，结果都下完单了也没有找到在哪里输入卷号，然后想取消订单，这个时候它让我输入为什么取消，我输入了，可是。。。没有取消成功。再次取消的时候说我已经输入过取消原因，不能再次输入，也就意味着不能取消。。。我那个汗啊。。只好打电话给客服，居然没有800或者400的，客服倒是很乐意的帮我取消了，但是丝毫没有注意到这是一个其网站的流程问题。。

          新蛋：其实我在新蛋上也做过同样的事，实验蛋券，取消订单。但是每次都很顺畅。

     交互设计在书中被定义为“系统如何配合与相应”“可能的用户行为”。

       我们假设一个简单的用户行为，看一下这两家的设计。假设我都是第二次在这个两个网站上订货，也就是说他们已经知道我的联系信息了，但是我第二次订货需要修改送货地址，这时候其实有两种情况会发生，1）我第一次填的地址我以后还要用，比如是公司地址，我以后还可能会送到那里去，2）我第一次填的地址以后不用了，比如我搬家了，我上次填的是以前的地址。

     当我想修改地址时，我发现京东是这么做的，他在上次收货人信息旁加了个修改链接，我默认他就是让我改了这个地址，没有考虑到第一种情况。

并且上次的收货人信息就会被覆盖，我点了修改之后，下面的框又跳出来。说我可以管理收货人地址，这个我也试了下，可以存放多个地址，但是不能给这些地址起名字，只能用1，2 来表示。。。

      看看新蛋的， 可以新增地址，编辑现有地址，可以给地址们起一个名字。功能很明确。

总结一下，再修改，保存送货地址这个功能上，新蛋的设计要比京东更容易交互，更易使用。

再总结一下，这本书对交互设计有个比喻，就是在用户和系统再交互的时候，就好比用户和系统在跳舞，用户移动，系统响应，作为对系统的回应，用户再移动，系统再响应。这个时候，如果系统的响应，不是用户所期望的，用户的舞步就会错乱，这时候，系统的响应就很难再追上用户的舞步。

     -信息架构

      这个意思应该是说应该是网站对信息的组织，这俩网站都是一样的从上往下也就是从商品大类，到小类，再到每个商品，但分类的标准新蛋要比京东要多，新蛋可以按品类，品牌，价格，上架时间，甚至型号参数，比如笔记本电脑里的内存容量等，京东的话就只有 品牌：价格：尺寸：平台：显卡

（未完待续，大头还在后面）

今天匆匆读完了《用户体验的要素》,对其中讲到的5个要素，由于没有实践经验，仍然处于一知半解的状态。暂时可能都没有机会去亲自参与到一个网站的设计中，只能从人家设计好的网站上做做比较的功课。刚好最近各在京东和新蛋上买过一次东西，今天又仔细看了下这两个网站。俺就从用户体验的5个要素上对他俩评头论足一把。

• 战略层

       -  京东：京东的slogan 中国最大的电脑，手机，数码，家电，日用百货网上商城,从 它的slogan上看，1）电脑，手机，数码，家电都和用电有关系，我对这个行业也不是特别了解，但感觉似乎有更简洁的词来形容。2）日用百货和前面几类商品关系似乎远了点，开始以为是日用的小家电，手电筒之类，后来发现它连服装也卖，顿时觉得它的战略模糊起来。

      - 新蛋：slogan 很清楚 ，新蛋中国 - 全球最大的IT、数码网上购物商城- 后面balabala的又具体的解释了一下，其实他也卖些百货，像望远镜什么的。但基本上还属于标准化程度较高的产品，种类也不多，所以新蛋的战略还是比较集中的，就是卖IT，数码为主的。

     - 比较：京东要比新蛋的战略更广，新蛋则更集中一些。对这个战略的好坏，不做评论。咱只看他们上面的范围层

• 范围层：

     对于B2C网上商城来说，从功能来说，它们的基本功能都是一样的，即 使用户能够在网上实现，查看商品，选择商品，购买商品，填写送货资料等功能。

    从内容来说，由于京东的战略比新蛋要广，它的内容肯定要比新蛋要多。从对于每件商品的描述深度上看，两者也基本一样。都有商品基本情况，包括价格，库存等，商品描述，包括一般性描述，详细规格（主要是一些技术参数）以及包装清单等。还有就是对此商品的评论，和对此商品的咨询。但是这两位对每件商品描述的组织形式大不一样，这个我们放到框架层再说。

（未完待续）