也许缺的就是那“6个像素”

by OutC on 04/3/2009

也许缺的就是那“6个像素”

1.大学的时候，我看到室友做了一件很让我感到莫名其妙的事情：他为了去进新浪网，竟然通过百度搜索“www.sina.com”来进入新浪，我问他为什么不通过地址栏输入，而且这样能省略一次点击操作。虽然他也意识到这样比较繁琐，但是他自己也说不上来为什么。

2.很多人都在比较百度和Gooogle的差异，更多关注的是搜索结果的展示，却很少有人关注其信息入口——搜索框。

仔细观察后我发现一个问题，百度的搜索框比起Google的搜索框高度显得要略高，高出了6个像素。

百度

google

回过头把百度的搜索框和大部分浏览器的地址栏一比较，发现百度搜索框的高度同样也比那些地址栏高出一小块。最后说来其实我那位同学的做法很容易解释：

  • 百度的搜索框在屏幕中间，浏览器地址栏在屏幕上方，根据懒人法则，他肯定首选百度搜索框，因为光标定位时鼠标移动路径相对会比较短；
  • 百度的搜索框高度比地址栏高，这就更加使得同学使用百度搜索框来代替地址栏，因为高高的输入框能更快捷容易的定位光标。

中文字体本身就比英文字母复杂很多，但是Google依然让中文用户使用10pt的字体来键入关键字，而百度那边则使用了更清晰的12pt大小的字体。如果Google在追求本土化的路上不能很好的“因地制宜”，还是把美国的那一套“标准化”迁移到中国来时，似乎起不到预想中的效果。

不妨再对比一下百度和Google的首页结构：

百度

google

图中我作了红色高亮：很明显，最大的不同在于产品连接的方位不一样，百度的产品连接放在了搜索框的上方，减少了鼠标的移动路径，同时也给出一种暗示：所有的搜索产品是围绕在这个搜索框的，点击相应的产品页面似乎不会跳转。您要什么，点击后搜索便是。

而Google，则把产品链接放在了左上角，不仅增加了鼠标移动路径，而且离搜索框较远的产品链接还给人一种暗示：我会跳转，也不保证链接后会有你想要的搜索框。用户何必冒这个险去跳转一次？两个首页对比之下其实还有很多异同，不再一一阐述，我只想说的是：好产品，需要好的用户体验来支撑。有时候好产品赢不了市场，也许输掉的也就是那“6个像素”。

There are 32 comments in this article:

  1. 04/9/2009ZZB says:

    有道理，但同样也有些牵强。

      [引用]

  2. 04/9/2009OutC says:

    [Comment ID #22743 Will Be Quoted Here]

    其实百度和Google之间用户体验的差异远不止我说的这一点点，我只是想说明一下细节往往能改变一个产品的命运。我知道我们代表不了全部用户，但是能够去摸透用户的心理就是我们一直在追求的。

      [引用]

  3. 04/9/2009Freeman Sun says:

    6个像素可以影响用户体验，这个我相信，不过区别google和baidu，6个px实在不大适合做论据。
    另外一处bug：
    “google依然让中文用户使用10像素的字体来搜索信息，而百度那边则以更清晰的12像素大小的字体”
    中的“10像素”和“12像素”分别应该是“13像素(10pt)”和“16像素(12pt)”

      [引用]

  4. 04/9/2009OutC says:

    [Comment ID #22750 Will Be Quoted Here]

    呵呵，我文章最后末尾已经说了，这仅仅诸多异同中的一个小小的例子，没有以小见大的野心。你说的bug我已经作了修改，谢谢。

      [引用]

  5. 04/9/2009小马 says:

    一万亿也是一毛积累起来的！博主很仔细

      [引用]

  6. 04/9/2009bombee says:

    没看出来百度强在哪里。
    从搜索结果来看，谷歌还是老大。
    所以我常用谷歌。

      [引用]

  7. 04/9/2009Jackie Zhang says:

    不敢苟同，我到觉得GOOGLE不错，百度的产品连接在搜索输入框上方，更容易误导和误点。

      [引用]

  8. 04/9/2009willerce says:

    同样不敢苟同。

    字体大小并不是问题。高度也不是问题。
    问题是大家不懂Google，不懂百度。

      [引用]

  9. 04/9/2009OutC says:

    [Comment ID #22755 Will Be Quoted Here]

    我没看出误导在哪里，至于误点，百度“高高”的搜索框正好解答了你的疑问，况且同类形式的搜索框在Web中应用的很多很多，应该不存在你说的误点的问题。

      [引用]

  10. 04/10/2009Eureka says:

    不错 有点道理 早上我还看到一同事在百度搜索框里打网址 我还觉得奇怪呢

      [引用]

  11. 04/14/2009NBAVS`BLOG says:

    厉害，专业的就是专业的，呵呵，你的这篇文章本我分享到了CNBEAT.COM上http://www.cnbeta.com/articles/81765.htm，看看他们杂评论的吧

      [引用]

  12. 04/14/2009NBAVS`BLOG says:

    忘了，贴个我的地址，：）

      [引用]

  13. 04/14/2009LeeThree says:

    说得真好，不过还是有一点点保留意见的地方：
    一是开篇那个例子，用Google“手气不错”显然比百度快吧。
    二是产品链接的位置，这个其实体现出Google通用搜索和百度垂直搜索截然相反的两种理念。百度认为用户知道自己需要搜索网页、图片还是MP3，所以先分类再垂直搜索符合用户的习惯。而Google认为在一次通用搜索中给出网页、图片、视频、新闻、音乐的相关结果更有效率更方便。
    所以Google不希望产品的链接干扰用户的搜索体验，希望用户用这一个搜索框搞定所有需求。
    我觉得如果按照Don’t Make Me Think书中的观点来看，Google的这种处理方式更加高效。

      [引用]

  14. 04/14/2009Jack says:

    从cnbeta上过来的，感觉你的这篇文章很不错，就按照cc来转载了

      [引用]

  15. 04/14/2009烂掉 says:

    百度里面搜索网址的太多了.就像经常看到一些人在某些pdf文档上说要下载Adobe Reader 就兴致勃勃的去下载.NND我就不懂了.你都能看了还要下载干嘛呢?更有甚者居然不知道天天上网的那玩意叫浏览器就更告诉他叫IE了,有时候看到一什么小技巧什么的就马上冲过来问你.我是不是没有IE啊!
    一个网管的心声:大家能不能都执行一个标准?

      [引用]

  16. 04/14/2009leesum says:

    这6像素是否真的影响这么大我们还不可考察，但博主有这心能细心深入的观察值得称赞······细节决定成败，值得反复推敲

      [引用]

  17. 04/14/2009草根网 says:

    好文，收藏至20ju.com

      [引用]

  18. 04/14/2009DHC says:

    还真是有些意思，呵呵~~~
    但我想相信这个因素可能影响到了1%

      [引用]

  19. 04/14/2009sool says:

    你不进入地址栏，你怎么打开百度？观点太牵强了。

      [引用]

  20. 04/14/2009OutC says:

    [Comment ID #22819 Will Be Quoted Here]

    默认首页。

      [引用]

  21. 04/14/2009sool says:

    这和搜索栏的高度没有直接关系，就算是有，也没有你说的那么大。

      [引用]

  22. 04/14/2009sool says:

    错了，是搜索框

      [引用]

  23. 04/14/2009OutC says:

    [Comment ID #22821 Will Be Quoted Here]

    之前的回复里我已经说明了我的观点，况且你看到了吗，文章里“6个像素”加了引号，并非就具体指的是这“6个像素”，6个像素确实改变不了什么，但是积沙成塔，集腋成裘，在设计产品的时候如果没注意到这些细节，产品的品质就提高不了。

      [引用]

  24. 04/14/2009时尚通讯社 says:

    looks good

      [引用]

  25. 04/16/2009也许还真就缺那6个像素(转自uesign.com) « eux UED says:
  26. 08/7/2009醉中仙 says:

    Google已经改了哦，呵呵~

      [引用]

  27. 08/19/2009OutC says:

    呵呵，看到了。

      [引用]

  28. 12/28/2009我的经验分享：幻灯片演示中提高用户体验的10个技巧 | 广告新生力量 | Just another eye & another ear. says:
  29. 07/13/2011济南456解放军医院 says:

    写的不错，有点道理，支持了

      [引用]

  30. 11/8/2011去耳畔 says:

    真是不错啊，嘿嘿嘿

      [引用]

  31. 03/17/2012Beatrice says:

    有才！

      [引用]

  32. 04/18/2012胡阳 says:

    学习了，细节不可忽略

      [引用]

Write a comment: