1.大學(xué)的時(shí)候，我看到室友做了一件很讓我感到莫名其妙的事情：他為了去進(jìn)新浪網(wǎng)，竟然通過百度搜索“www.sina.com”來進(jìn)入新浪，我問他為什么不通過地址欄輸入，而且這樣能省略一次點(diǎn)擊操作。雖然他也意識(shí)到這樣比較繁瑣，但是他自己也說不上來為什么。

2.很多人都在比較百度和Gooogle的差異，更多關(guān)注的是搜索結(jié)果的展示，卻很少有人關(guān)注其信息入口——搜索框。仔細(xì)觀察后我發(fā)現(xiàn)一個(gè)問題，百度的搜索框比起Google的搜索框高度顯得要略高，高出了6個(gè)像素。

 

回過頭把百度的搜索框和大部分瀏覽器的地址欄一比較，發(fā)現(xiàn)百度搜索框的高度同樣也比那些地址欄高出一小塊。***說來其實(shí)我那位同學(xué)的做法很容易解釋：

◆百度的搜索框在屏幕中間，瀏覽器地址欄在屏幕上方，根據(jù)懶人法則，他肯定***百度搜索框，因?yàn)楣鈽?biāo)定位時(shí)鼠標(biāo)移動(dòng)路徑相對(duì)會(huì)比較短；

◆百度的搜索框高度比地址欄高，這就更加使得同學(xué)使用百度搜索框來代替地址欄，因?yàn)楦吒叩妮斎肟蚰芨旖萑菀椎亩ㄎ还鈽?biāo)。

中文字體本身就比英文字母復(fù)雜很多，但是Google依然讓中文用戶使用10pt的字體來鍵入關(guān)鍵字，而百度那邊則使用了更清晰的12pt大小的字體。如果Google在追求本土化的路上不能很好的“因地制宜”，還是把美國的那一套“標(biāo)準(zhǔn)化”遷移到中國來時(shí)，似乎起不到預(yù)想中的效果。

不妨再對(duì)比一下百度和Google的首頁結(jié)構(gòu)：

 

 

圖中我作了紅色高亮：很明顯，***的不同在于產(chǎn)品連接的方位不一樣，百度的產(chǎn)品連接放在了搜索框的上方，減少了鼠標(biāo)的移動(dòng)路徑，同時(shí)也給出一種暗示：所有的搜索產(chǎn)品是圍繞在這個(gè)搜索框的，點(diǎn)擊相應(yīng)的產(chǎn)品頁面似乎不會(huì)跳轉(zhuǎn)。您要什么，點(diǎn)擊后搜索便是。

而Google，則把產(chǎn)品鏈接放在了左上角，不僅增加了鼠標(biāo)移動(dòng)路徑，而且離搜索框較遠(yuǎn)的產(chǎn)品鏈接還給人一種暗示：我會(huì)跳轉(zhuǎn)，也不保證鏈接后會(huì)有你想要的搜索框。用戶何必冒這個(gè)險(xiǎn)去跳轉(zhuǎn)一次？?jī)蓚€(gè)首頁對(duì)比之下其實(shí)還有很多異同，不再一一闡述，我只想說的是：好產(chǎn)品，需要好的用戶體驗(yàn)來支撐。有時(shí)候好產(chǎn)品贏不了市場(chǎng)，也許，也許輸?shù)舻囊簿褪悄恰?個(gè)像素”。

【編輯推薦】

1. CSS技術(shù)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用
2. CSS網(wǎng)頁布局困擾新手的八個(gè)問題