谁为用户买单(1)——电子商务网站的交互设计

《谁为用户买单(1)——电子商务网站的交互设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、嘀咕嘀咕：每次写文章往往开头是最难的，总想给UED读者不同的sense。就像我们设计产品总是想迎合我们的用户，最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应，用户是否买单就很难说了。从一个极端走向另一个极端，显然是不科学的。用户的需求一定要听，但要有鉴别的听。好的设计用户总愿意为它买单，差的设计用户会让我们为他买单。类目选择：这里我先从电子商务网站中比较重要的类目选择谈起，什么样的设计用户才会愿意掏出钱包支付设计账单?eBay.comEBAY的LIST搜索结果页面类目选择如图所示

2、。从EBAY的设计的样式看，国外用户更喜欢把类目选择放在最左边的位置，并且在LIST页面类目选择还是可以折叠的。根据最新YAHOO报告显示：可能用户点击左侧的比上面的要少，但是他们觉得这样促使了更多对Results和翻页的点击，并且没有对广告产生影响。也不需要用户在看结果前需要滚动……针对以上的特点我设计了搜索结果后LIST页面一个隐性广告的方式，在为用户提供导航功能的同时，还为用户有针对性的提供一些推荐热卖商品信息。如图所示。当用户在首页搜索框中输入MP3时，点击搜索按钮进入LIST搜索结果页面，将看到左边为MP

3、3相关类目选择，右边为搜索OFFER结果页面.上图给出了类目的几种状态（鼠标经过，鼠标移开，鼠标点击后），让用户可以轻松的选择自己需要的产品类目。同时，为用户提供关联度高的隐性提示产品信息,可以提高用户使用类目的黏度。当顾客在超市选择购买的物品时,他们会根据卖场放置产品的位置去寻找自己需要的产品.所以越简单的提示类目选择会对用户寻找产品越方便.由此,制定出一套类目选择规则的方案:1.白色方框代表未被选中类目;2.蓝色方框代表已被选中类目;3.白色方框内含对号代表鼠标经过未必选中类目,鼠标点击后将变成蓝色方框已选状态

4、,其他如有被选中状态将被取消;4.蓝色方框内含叉号代表鼠标经过已被选中类目,鼠标点击后将变成白色方框弃选状态,页面刷新恢复到未被选中初始状.Alibaba.com阿里巴巴国际站的类目的选择交互方式的诞生，其实听起来蛮偶然的，首先是内因：右边的广告位卖出去了，所以左边没有地方放类目选择和其他过滤条件。然后是外因：基于搜索结果页内容的侧重来说，绝大多数用户首先想看的还是结果，其次才是过滤等操作。所以国外大多数网站都是左右布局的，但当我们的过滤条件越来越丰富时，每用一次过滤或撤销，都需要对页面进行上下滚动。这对用户造成了

5、困扰，这也是曾经在买家调研中获得的反馈。目前还没有绝对的定论来说明是左右好还是上下好。所以，我们还是要基于现有的内容丰富程度，作多种尝试。未来的国际站的类目也有可能是左右和上下的结合。思想启迪从阿里巴巴国际站类目的选择交互方式不断演化的过程中，偶然中孕育着必然的萌芽。当类目运营非常专业化时，是否先去引导用户点击类目；当所搜商品没有规范类目或少时，是否直接引导用户看Results。不同时期的侧重点应该是不同的，针对现在阿里巴巴中国站的现状，我们的主要用户群为国内的中小企业老板，他们对电脑大部分是初学者，交互控件的简单

6、方便是我们首要考虑的问题。所以我们保留了一些中庸的方式，但不代表未来我们不会改变，随着用户年龄层次的逐渐降低，更多的青年中小企业的老板会重新组合我们的用户群体，他们拥有高学历，有新的思想愿意尝试新鲜的事物。那时候的类目交互方式的定位和现在一定不同。属性筛选：很多电子商务网站中的属性筛选与类目选择联系的非常紧密，这里我也不想单独去谈属性筛选毕竟他们联合起来才能更好的帮助用户完成查找商品的操作。eBay.comeBay的属性筛选紧贴类目的下面，可见它们的关系非常的紧密。其中所有属性筛选条件都是可以叠加筛选的，交互控件也

7、是非常常见的几种，减少实现成本，提高用户接受程度，使操作的门槛尽量放底。关于它放置的位置，也是和类目相同的考虑，前边已经说明这里不再赘述。还有一点也值得关注，把类目和属性都放在最左边的位置，可以让搜索结果OFFER尽量在第一屏显示更多条数，这是用户最关心的结果。在用户测试过程中，在购买消费品中的C类用户里更关心属性大于类目，属性筛选和快速筛选的操作频度会略高于类目选择。相比类目他们的黏度会更高。如果大家关注下，Taobao.COM的LIST页面属性筛选，原来是标签方式的，现在也变成了下拉菜单为主的控件。Alibab

8、a.com阿里巴巴国际站他们选中四万个搜索词汇做类目直达，经过用户研究证明：这四万个搜索词汇用户关心属性筛选大过类目选择。所以国际站把属性筛选放在类目的上面。如图所示。当选择属性中的内存大小，音乐格式后，当前的内存一行和音乐格式一行会消失，已选的4G与WMA会在已选行中出现。再次点击已选属性，将删除已选属性，同时页面刷新。这样的一个属性直达改进方案：属性区域