6个像素决定百度与Google竞争胜负

开发
百度与Google在中国竞争激烈,有的时候真的就是细节决定成败。这篇文章的作者从页面布局着手,提出或许就是这小小的6个像素决定了竞争的胜负。

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

2.很多人都在比较百度和Gooogle的差异,更多关注的是搜索结果的展示,却很少有人关注其信息入口——搜索框。仔细观察后我发现一个问题,百度的搜索框比起Google的搜索框高度显得要略高,高出了6个像素。



 



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

◆百度的搜索框在屏幕中间,浏览器地址栏在屏幕上方,根据懒人法则,他肯定***百度搜索框,因为光标定位时鼠标移动路径相对会比较短;

◆百度的搜索框高度比地址栏高,这就更加使得同学使用百度搜索框来代替地址栏,因为高高的输入框能更快捷容易的定位光标。

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

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

 

 

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

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

【编辑推荐】

  1. CSS技术在网页设计中的运用
  2. CSS网页布局困扰新手的八个问题
责任编辑:彭凡 来源: cnBeta
相关推荐

2011-09-07 09:47:03

百度·易Android

2009-08-20 08:57:01

框计算

2018-12-14 10:17:45

搜索引擎百度谷歌

2015-02-26 10:29:41

Google百度

2018-09-06 18:37:45

百度云

2013-07-16 15:05:03

云推送极光推送

2013-08-22 17:08:50

2014-07-25 17:12:39

数据库WOT2014MongoDB

2012-03-23 12:12:37

百度开发者大会

2015-02-28 14:16:32

Google百度

2013-09-25 09:35:28

阿里巴巴酷盘云存储

2011-06-29 08:31:56

收录

2012-05-28 22:51:53

百度

2013-12-24 13:43:48

百度360BAT

2012-03-23 11:52:23

百度

2013-08-30 11:05:52

百度百度云

2013-08-30 16:39:07

百度侯震宇移动

2015-01-18 15:16:03

百度百度移动分发百度91

2016-03-25 11:18:23

中华网

2020-12-03 06:13:46

iOS
点赞
收藏

51CTO技术栈公众号