田锋林:搜索框类比

 上篇以Vancl为例谈了B2C类网站体验设计上的那些事儿,看到搜索框了,憋不住说说搜索框的设计,上面说了:

搜索框的存在是为了解决信息量较大的网站用户快速索引信息的需求。

这是搜索框能够存在的核心需求,所以我们今天来类比一下几类信息量比较大的网站的搜索框设计情况,当然可能类比的站点不全,只取了几个在某个行业或者领域有代表性的网站做比较,但是也能从中看出端倪。

1、分类信息网站

哑口网(雅虎口碑合并)基本属于阿里系,与淘宝专业的同学们做作业的方式差不多,基本互相抄袭即可满足良好的用户需求了。

 

58同城是故友了,基本是把所有的类别都放在下拉框里面咧,对下拉框的期望很高,兄弟,你一定得争气,希望用户能在下拉菜单中看到所有的类别包括经常有用的和基本不用的做摆设的类别。

老子就喜欢折腾用户,扰乱用户的视觉,没有人用的类别老子也加上去。

对比结果:口碑首页对搜索框的强调很明显。我靠,会不会是枫林在这里说明显就明显了?

你不信拿J8量一下口碑网搜索框的宽度和高度在对比下58的搜索框的宽度和高度;

你不信看看口碑网的搜索框的周围有多少东西,58搜索框的周围有多少东西;

你不信从色彩上分析下那种,是口碑的屎黄色更显眼还是58的灰不溜球的颜色让用户更有欲望;

你不信看看口碑的默认搜索框里面是什么而58的默认搜索里面空空如也;

你不信再拔跟球毛量一下口碑搜索按钮和58搜索按钮的高宽。

你不信看看哪个更像个搜索框?

你不信看看口碑有没有UED团队(证据:http://ued.koubei.com/)而58没有UED团队。

2、B2C类网站

刘强东说到2010年,京东的年销售额要达到100亿,用户进来都不知道怎么搜索,看不到搜索框,搜索框很难用,搜索框很丑,刘强东团队仍需努力。不要觉得京东很有名就牛逼,不要觉得100亿就很牛逼,同学们看好了是销售额不是利润,所以京东照样没钱钱。

搜索框放成亚马逊这样的在国内有几家网站?你觉得亚马逊的设计师很蠢?把搜索框设计的这么宽,有Bing?

对比结果:

京东从专卖3C产品扩展到啥J8都卖,搜索框忘记加类别选择了,我估计搜索结果也没戏,压根就没重视搜索设计。

搜索框设计的很小气,咱就不能大点?

搜索按钮设计的更小气,咱就不能再大点?

亚马逊类别选择跟搜索框很俗气,但是表达的很清楚,用户也许不知道58.com的搜索框是个搜索框,也许不知道京东的搜索框是个搜索框,但是一定知道亚马逊的搜索框是个搜索框。

用户大概首页可能第一眼注视的不是京东的搜索框,但是打开亚马逊第一眼注释的肯定是搜索框。

3、B2B类网站

郭凡生喜欢喜庆,跟手下人说一定要见红,一定要很红,结果搜索框就这样了。

阿里系的UED是出了名的,自己看就知道。

对比结果:

慧聪恨不得把自己的logo全屏了,搜索框跟个小鸡鸡一样。

慧聪搜索按钮不像的按钮。

慧聪搜索按钮后面的文字有干扰。

慧聪的搜索框上面的条件切换不是慧聪用户最关注的。

慧聪没有区域搜索。B2B企业交易,区域性还是比较强的。

阿里有热门搜索,有类别筛选,有像个按钮的搜索按钮。

4、C2C类网站

百度、淘宝、腾讯都有自己的UED团队,搜索框设计确实显得专业合理的多了,没有太多笑话让枫林看。

总结:有UED团队跟没有的,真不一样,马云组建团队绝对不是在凑人数,阿里系在用户体验设计这块的成就有目共睹,有些二球说,互联网产品没有隐私,我们抄袭即可,就怕你个怂娃抄都不会抄,看不到的细节,更何况你肯定比别人慢半拍,别走捷径,抓住用户本质需求,一手捏老二,一手捏蛋蛋,两手都要抓,两手都要硬。

12 条评论

  1. 泰州房产网 的头像 泰州房产网 说:
    搜索框设计的确各有千秋。
  2. shunyiseo 的头像 shunyiseo 说:
    没想到搜索框也有这么多门道呀
  3. 尘缘 的头像 尘缘 说:
    谢谢枫林的精彩点评~!
    这篇文章
    liaozali~!
  4. 天大 的头像 天大 说:
    不同的网站需要不同的搜索框,做网站不是一味的模仿。
    不然画虎不成反类犬~
    对么?
  5. 广州seo 的头像 广州seo 说:
    慧聪不行,好像它压根就没想过要大做电子商务,现在的慧聪B2B简直就是摆那而已
  6. 阿福 的头像 阿福 说:
    电子商务类网站搜索功能是非常重要的,它贯穿整个网站所有页面。丰胸对产品的确有自己的理解方法。
    不过这篇文章可读性不是很强啊,用户体验有待提高。
  7. 龙哥 的头像 龙哥 说:
    尽管语言有点rude,但是还是说的在理的,学习了
  8. i枫林 的头像 i枫林 说:
    没想到这还有这么多学问呢啊
  9. 七月 的头像 七月 说:
    谢谢枫林大哥~~讲的精彩~~透彻~~淫荡~~华丽~~哈哈
  10. 阿城 的头像 阿城 说:
    那天李开复老师的讲座,提问怎样让用户在google首页的搜索框输入更多的字?
    有的说可以提示用户输入多少字,有的说可以用多个输入框。。。
    开复老师的答案,也就现在现在在使用的策略非常简单:就是把输入框设计的长一点、高一点,用户就会下意识的输入更多的内容。

    还有一个,就是有下拉菜单的搜索表单,下拉+输入框+搜索按钮,还是输入框+下拉+搜索按钮? 这个问题我也一直没找到答案。心底还是较倾向前者。因为默认用户是在使用鼠标的,可以先用鼠标选择下拉菜单,然后切换到键盘输入关键词到输入框,然后回车,感觉这是比较流程的过程;

    还有一种就是http://newyork.craigslist.org/首页的搜索框,输入框+下拉+按钮,不过是竖排的,感觉craigslist这样一个鼠标流的网站,这种搜索更流程一些。各种设计,要考虑的东西太多了。
    只言片语,一起进步吧,欢迎讨论!
  11. 阿城 的头像 阿城 说:
    另外,craigslist.org的搜索设计感觉非常合理,在搜索操作时,鼠标的移动范围都很有讲究。
  12. 池州网络公司 的头像 池州网络公司 说:
    搜索框设计的确各有千秋。

留下评论