搜索框的可用性设计：几家英文B2C网站的对比
?
这里举的例子，其中amazon是美国本土网站，产品数量过千万；其余的例子都是China-Based的外贸B2C网站，产品数量在3～10万左右。
搜索框的目的——为了用户检索产品，这对于内容页面多的网站至关重要。
?
用一个实例说明：DealExtreme.com 的网站有超过7万产品，
1. 无论DX网站的菜单和二级菜单分类多么人性化，每个目录都会有数百上千种产品，用户进入目录找到目标产品困难很大。
2. 如果一个用户想找一款特殊型号的USB接口的LED玩具灯，用户不知道是进入LED目录，还是USB目录，还是Toys目录，还是Lifestyle Gadgets目录
上述情况，普通的页面导航和目录分类无法满足需求，必须求助于搜索框。
?
B2C搜索框的设计原则（搜索原理和搜索代码也很重要，在以后的文章中讨论）
1. 要很醒目的让用户看到——可见。
2. 用方便用户输入内容并且点击提交——可用。
?
?
以上的两个原则，其实都符合网站可用性的“Don’t Make Me Think”原理，也就是不要让用户思考，用户一眼就能看到搜索框，一下子就可以完成搜索。
上述原则很简单，但实际上我们经常看到设计糟糕的搜索框。
1. 有的是因为设计师过于炫技而让人看不清搜索按钮。
2. 有的是因为在搜索框上做了太多功能而抹杀了易用性。
3. 还有的是因为色调和底色太接近以至于被大多数用户忽略。
?
所幸的是，上述的B2C网站的搜索框，都没有严重的问题，不过也有高低差别，下面说说笔者自己的看法：
?
LightintheBox的搜索框很醒目，也很容易使用，没有分产品类别，这是源于他们对搜索准确性的信心。实际上在站内搜索的技术上来说，LIB的能力也是顶尖的。
?
?
Dealextreme的搜索框占据了页面整一行，说明站内搜索对其的重要。搜索区缺省内容写着站内产品数量，彰显其实力。旁边是常用搜索关键词。
我思考，DX和Lightinthebox的产品数量和种类都差不多，为什么DX要在搜索框旁边添加关键词呢？在这个地方放置促销信息不是很好么？
答案可能是这样的：DX在首页展现的是具体的产品，而LIB在首页展现的是主打产品的分类，比如衣服和手机。
也就是LIB已经给予分类足够的展现，所以不需要通过搜索词来再次强调。而DX则可以通过搜索词来平衡首页产品类别展现不足的问题。
?
?
Amazon的搜索能力自然比LIB更强，但Amazon的产品实在是太多了，可能是LIB的100倍以上，所以必须添加搜索分类，这无疑会增加用户搜索的难度，但对Amazon来说，也只能做么做了。
?
BuyOnMe的搜索和DX很类似，不过更加简化了，将Search按钮直接修改成了GO。因为搜索框已经出现了“Search”的字样，这么修改会更加简洁，也不会引起用户歧义。
?
个人感觉这个搜索窗口设计不太合理。首先focalprice的产品只有数万种，添加了目录下拉菜单似乎没有必要。
第二点，搜索框线条太淡不明显，第二行的搜索关键词反而更加抢眼，用户心理会稍受干扰。
第三点，关键词太多了，其中 iphone iphone 4g 3g phone好几个词是重复的，不知道为了seo还是什么原因，总之是视觉干扰。
?
分类目录没必要，但比focalprice好一些。因为分类下拉菜单放在了前面，用户的目光可以直接跳到后面输入关键词直接点击Search。
搜索框还是很明显的，没有什么问题。
?
?
?
作者:?谭砚耘@用户体验与可用性设计-科研笔记
版权属于:?谭砚耘 （TOTHETOP至尚国际?）
版权所有。转载时必须以链接形式注明作者和原始出处
如果你希望与作者交流，请发送邮件到?tanyanyun/at/163.com?别忘了修改小老鼠
