正在阅读：Web2.0电子商务网站的交互设计Web2.0电子商务网站的交互设计

　　版权归作者Alite所有，转载文章请注明作者与文章出处：http://alite.aliued.cn

　　嘀咕嘀咕：

　　每次写文章往往开头是最难的，总想给UED读者不同的sense。就像我们设计产品总是想迎合我们的用户，最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应，用户是否买单就很难说了。从一个极端走向另一个极端，显然是不科学的。用户的需求一定要听，但要有鉴别的听。好的设计用户总愿意为它买单，差的设计用户会让我们为他买单。

　　商品的类目选择

　　这里我先从电子商务网站中比较重要的类目选择谈起，什么样的设计用户才会愿意掏出钱包支付设计账单?

　　eBay.com

　　EBAY的LIST搜索结果页面类目选择

图1

　　从EBAY的设计的样式看，国外用户更喜欢把类目选择放在最左边的位置，并且在LIST页面类目选择还是可以折叠的。根据最新YAHOO报告显示：可能用户点击左侧的比上面的要少，但是他们觉得这样促使了更多对Results和翻页的点击，并且没有对广告产生影响。也不需要用户在看结果前需要滚动……

　　针对以上的特点我设计了搜索结果后LIST页面一个隐性广告的方式，在为用户提供导航功能的同时，还为用户有针对性的提供一些推荐热卖商品信息。

图2

　　当用户在首页搜索框中输入MP3时，点击搜索按钮进入LIST搜索结果页面，将看到左边为MP3相关类目选择，右边为搜索OFFER结果页面。上图给出了类目的几种状态（鼠标经过，鼠标移开，鼠标点击后），让用户可以轻松的选择自己需要的产品类目。同时，为用户提供关联度高的隐性提示产品信息,可以提高用户使用类目的黏度。当顾客在超市选择购买的物品时,他们会根据卖场放置产品的位置去寻找自己需要的产品.所以越简单的提示类目选择会对用户寻找产品越方便.由此,制定出一套类目选择规则的方案：

　　1、白色方框代表未被选中类目；

　　2、蓝色方框代表已被选中类目；

　　3、白色方框内含对号代表鼠标经过未必选中类目,鼠标点击后将变成蓝色方框已选状态,其他如有被选中状态将被取消；

　　4、蓝色方框内含叉号代表鼠标经过已被选中类目,鼠标点击后将变成白色方框弃选状态,页面刷新恢复到未被选中初始状态。

　　Alibaba.com

图3

　　阿里巴巴国际站的类目的选择交互方式的诞生，其实听起来蛮偶然的，首先是内因：右边的广告位卖出去了，所以左边没有地方放类目选择和其他过滤条件。然后是外因：基于搜索结果页内容的侧重来说，绝大多数用户首先想看的还是结果，其次才是过滤等操作。所以国外大多数网站都是左右布局的，但当我们的过滤条件越来越丰富时，每用一次过滤或撤销，都需要对页面进行上下滚动。这对用户造成了困扰，这也是曾经在买家调研中获得的反馈。目前还没有绝对的定论来说明是左右好还是上下好。所以，我们还是要基于现有的内容丰富程度，作多种尝试。未来的国际站的类目也有可能是左右和上下的结合。

　　思想启迪

　　从阿里巴巴国际站类目的选择交互方式不断演化的过程中，偶然中孕育着必然的萌芽。当类目运营非常专业化时，是否先去引导用户点击类目；当所搜商品没有规范类目或少时，是否直接引导用户看Results。不同时期的侧重点应该是不同的，针对现在阿里巴巴中国站的现状，我们的主要用户群为国内的中小企业老板，他们对电脑大部分是初学者，交互控件的简单方便是我们首要考虑的问题。所以我们保留了一些中庸的方式，但不代表未来我们不会改变，随着用户年龄层次的逐渐降低，更多的青年中小企业的老板会重新组合我们的用户群体，他们拥有高学历，有新的思想愿意尝试新鲜的事物。那时候的类目交互方式的定位和现在一定不同。