目前的我，已經(jīng)成為Chrome的嚴(yán)重依賴用戶，甚至U盤(pán)內(nèi)也隨身裝著Chrome便攜版。對(duì)我而言，它有著其他瀏覽器無(wú)法代替的殺手級(jí)優(yōu)勢(shì)：快速，穩(wěn)定，完美支持Google所有在線服務(wù)；簡(jiǎn)潔到一塌糊涂的界面。

而其他瀏覽器，他們只在一些特殊需求中才會(huì)使用，如Firefox的AutoProxy翻墻，IE插件下的網(wǎng)銀支付，Opera的turbo加速等。

用過(guò)Chrome的的人都有個(gè)習(xí)慣：就是都不好意思說(shuō)Chrome不好用。當(dāng)然這是玩笑話，Chrome 3.0版本之前功能也一直較為簡(jiǎn)單，但并不妨礙它的用戶對(duì)其贊不絕口。究其根本，還是出在其獨(dú)具一格的UI體驗(yàn)上。

只用一句話來(lái)評(píng)價(jià)：Chrome 才是瀏覽器，其他的只是軟件。

戈達(dá)爾曾經(jīng)為證明斯皮爾伯格是一個(gè)平庸的導(dǎo)演而憤怒地說(shuō)過(guò)：“如果你真想知道他為什么（平庸），我會(huì)在放映室里一個(gè)鏡頭一個(gè)鏡頭地講給你聽(tīng)！”

現(xiàn)在我要做一件類(lèi)似的事情，不過(guò)目的是為了證明Chrome是一款多么優(yōu)秀的瀏覽器。

目標(biāo)導(dǎo)向設(shè)計(jì)

Chrome剛推出的時(shí)候，所有人都大吃一驚：界面簡(jiǎn)單得以至于菜單欄都砍掉了。這么多的菜單欄命令去哪里了呢？被重新組合了。

示例問(wèn)題：猜猜，“清除歷史瀏覽記錄”的功能分別在哪個(gè)菜單項(xiàng)里面？

當(dāng)你還在思考此命令在Firefox中的“History”還是“Tools”時(shí)；我想你應(yīng)該早已確定這個(gè)功能位于chrome的“控制谷歌瀏覽器”的菜單內(nèi)。

看，這是多大的差別！什么叫做符合用戶第一直覺(jué)，這就是。

作為一個(gè)M粉，我個(gè)人的臆想是，Chrome是向Ribbon的致敬與學(xué)習(xí)：

1.基于用戶的目標(biāo)，對(duì)瀏覽器的命令進(jìn)行再分類(lèi)。

這使得Chrome只有兩個(gè)菜單項(xiàng)：控制當(dāng)前頁(yè)，控制谷歌瀏覽器。這有效的降低用戶對(duì)命令的記憶要求。（可用性原則之一：依賴識(shí)別而不是記憶。）

M粉牢騷：這與Ribbon的的分類(lèi)有異曲同工之妙。

2.先將命令砍掉一半，剩下的再砍掉一半。

Chrome對(duì)于命令的精簡(jiǎn)可謂大刀闊斧，把一些用戶目標(biāo)之外的功能都通通剔除，避免陷入了功能主義，打造一個(gè)純粹的、100%的瀏覽器。（當(dāng)然，這其中也有Google的產(chǎn)品戰(zhàn)略原因）

看上圖你就能看到Chrome是如何砍命令項(xiàng)的，命令雖然精簡(jiǎn)了，但實(shí)際使用上，Chrome的右鍵菜單并不會(huì)讓我有功能缺失感。Chrome并不是為了精簡(jiǎn)而精簡(jiǎn)，他們的精簡(jiǎn)是有理有據(jù)的，由用戶的目標(biāo)而來(lái)。

而對(duì)比菜單項(xiàng)命令，以及對(duì)話框的命令。Chrome將“歷史記錄”“下載記錄”“擴(kuò)展記錄”這些功能都采用獨(dú)立標(biāo)簽頁(yè)呈現(xiàn)。一些常用對(duì)話框呈現(xiàn)的命令修改為浮層呈現(xiàn)。如“設(shè)為默認(rèn)瀏覽器”，“保存密碼”，”添加至收藏夾“。

這些做法的好處就是：讓Chrome的命令項(xiàng)始終保持在“淺并且窄”的結(jié)構(gòu)內(nèi)（可參閱《設(shè)計(jì)心理學(xué)》），遵循用戶從外到內(nèi)的認(rèn)知規(guī)則，確保用戶有較好的控制感（Sense of Control）：

• 大部分右鍵菜單項(xiàng)在10個(gè)以內(nèi)。
• 沒(méi)有三層或更深的菜單項(xiàng)或者窗口疊加。
• 少用模態(tài)的控件打斷用戶焦點(diǎn)，讓其保持在標(biāo)簽頁(yè)內(nèi)。

M粉的我再次牢騷：Ribbon的設(shè)計(jì)的目的之一就是提高用戶的控制感。BTW，如果數(shù)一下每個(gè)瀏覽器的工具欄命令數(shù)，Chrome再次證明它是最“純”的。

最佳響應(yīng)性與操控感

相對(duì)于其他瀏覽器，Chrome做了以下的變化：

• 砍掉了菜單欄以及窗口標(biāo)題欄。
• 將地址欄與搜索欄整合。
• 動(dòng)態(tài)的狀態(tài)欄。

界面簡(jiǎn)單了，命令也少了。給Chrome的帶來(lái)的第一優(yōu)勢(shì)就是：同等屏幕尺寸下，Chrome擁有最佳的最大的的顯示區(qū)域。但在響應(yīng)性上，Chrome卻反而領(lǐng)先其他瀏覽器。Chrome的優(yōu)秀反饋，讓用戶只需較少的注意力就能了解系統(tǒng)的狀態(tài)，從而專(zhuān)注于自己的本身的任務(wù)與信息。

讓我們從標(biāo)簽欄說(shuō)起。這是Chrome最具魅力的地方。

1.向左轉(zhuǎn)，向右轉(zhuǎn)

注意到加載網(wǎng)頁(yè)時(shí)，標(biāo)簽欄左側(cè)的進(jìn)度圖標(biāo)反饋嗎？

Chrome精細(xì)的用三種相對(duì)的信息（方向，顏色，速度）來(lái)向用戶傳達(dá)瀏覽器的狀態(tài)：正在連接服務(wù)器；已連接服務(wù)器，正在加載網(wǎng)站。

大部分情況他們只是一閃而過(guò)，但出現(xiàn)問(wèn)題時(shí)，他有助與你了解情況：假如您訪問(wèn)一個(gè)不存在的網(wǎng)站，如twitter.com，那么你就只能看到逆時(shí)針的進(jìn)度圖標(biāo)了。

2.向左走，向右走

Chrome的標(biāo)簽欄操作上始終保持著緩沖式的過(guò)渡動(dòng)畫(huà)，對(duì)于反饋而言，他提供了隱喻，符合用戶的操作期望。

于是乎，當(dāng)一個(gè)新標(biāo)簽打開(kāi)時(shí)，看起來(lái)就像一個(gè)新的標(biāo)簽從左側(cè)向右滑出（這里順帶說(shuō)一下，Mac下是從下自上滑出，有點(diǎn)意思吧。）。當(dāng)關(guān)閉一個(gè)標(biāo)簽時(shí)，看起來(lái)就像標(biāo)簽向左邊縮進(jìn)去一樣。Chrome始終用一種與現(xiàn)實(shí)生活相符合的預(yù)期動(dòng)畫(huà)，去呈現(xiàn)用戶的操作，而這種動(dòng)畫(huà)，是最高效最生動(dòng)而又最小化的反饋。

3.最小的操作需求

無(wú)論什么樣的用戶，大都想不勞而獲，都不喜歡軟件向他索取過(guò)多的東西。用戶不僅僅是討厭輸入，討厭按鍵盤(pán)，用戶甚至討厭去過(guò)多的移動(dòng)他的鼠標(biāo)。尤其是面對(duì)多次的重復(fù)操作時(shí)，想想當(dāng)你需求遍歷多頁(yè)網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)那糟糕的，到處跳動(dòng)的翻頁(yè)導(dǎo)航是多么的讓你憤怒，你就大概能了解為什么了。

Chrome的最小操作需求，是關(guān)閉標(biāo)簽欄，當(dāng)你存在多個(gè)標(biāo)簽時(shí)，你可以不移動(dòng)鼠標(biāo)就能關(guān)閉多個(gè)，這種設(shè)計(jì)操控感非常的強(qiáng)烈。谷奧上已經(jīng)有詳細(xì)的分析了。在此就不多說(shuō)。

4.一個(gè)頂倆

我說(shuō)的一個(gè)頂倆指的是Chrome的地址欄。網(wǎng)上有云：真正好的用戶界面都只有一個(gè)按鈕，比如iPhone，比如抽水馬桶。說(shuō)起來(lái)還真有那么一點(diǎn)道理。

地址欄的作用就是帶我們?nèi)サ较肴サ牡胤健＿@么說(shuō)，一定需要把地址欄與搜索欄區(qū)分嗎？

難道的士司機(jī)會(huì)和你說(shuō)：hey，你說(shuō)的這個(gè)地方我無(wú)法識(shí)別，你問(wèn)問(wèn)我旁邊的這個(gè)家伙，他能搜索？

Chrome的一條地址欄減少了用戶的思考。但地址欄的自動(dòng)完成反饋反而讓用戶更直白了解瀏覽器接下來(lái)將帶領(lǐng)去去到何處?？梢钥吹剑珻hrome在這里進(jìn)行了有效分類(lèi)，不至于讓用戶迷失和困惑。

另外其的可學(xué)性也不差，你無(wú)需幫助即可了解Ctrl+Enter的快捷操作。

Chrome的地址欄設(shè)計(jì)方法，我個(gè)人的看法而言，有點(diǎn)像我之前所討論過(guò)的低度認(rèn)知設(shè)計(jì)：將任務(wù)的開(kāi)始點(diǎn)壓迫得極度精簡(jiǎn)（只保留一條地址欄），提高任務(wù)的深度（輸入后的可選路徑浮層），反而能幫助用戶做更多的工作。漸進(jìn)式的操作結(jié)構(gòu)，在滿足低級(jí)用戶的默認(rèn)需求時(shí)，能夠給高級(jí)用戶帶來(lái)更高的滿意度。

但是，一條地址欄的缺陷在于：如果用戶的第一目的是搜索，怎么解決？

在Windows的體驗(yàn)規(guī)范中，就有這么一條：在任何界面內(nèi)ctrl+E，將使焦點(diǎn)定位在搜索框內(nèi)。看看Chrome是怎么解決的？你可自行嘗試。嘗試之后記得說(shuō)“Chrome牛X”。

這里還有一個(gè)視頻，15秒Chrome能完成四次搜索。這才叫一個(gè)頂倆。

4.最“有用”

Windows用戶體驗(yàn)規(guī)范中談及狀態(tài)欄時(shí)是這么說(shuō)的：

狀態(tài)欄通常使用文本和圖標(biāo)來(lái)描述狀態(tài)，但它也可以包含進(jìn)度指示器，以及包含與狀態(tài)相關(guān)的命令菜單與選項(xiàng)。確保狀態(tài)欄中的信息對(duì)用戶來(lái)說(shuō)有用且有實(shí)際意義，但也并非至關(guān)重要。——來(lái)源

那我們來(lái)仔細(xì)對(duì)比一下，狀態(tài)欄中的進(jìn)度條到底對(duì)用戶有用嗎？沒(méi)用，因?yàn)榇蟛糠志W(wǎng)站在完全載入之前都無(wú)法正常使用。而且一個(gè)網(wǎng)頁(yè)的載入如果還需要進(jìn)度條來(lái)反饋，那么這個(gè)網(wǎng)頁(yè)本來(lái)就存在問(wèn)題。用戶也不會(huì)對(duì)載入超過(guò)10秒并且還需瀏覽器來(lái)提供進(jìn)度反饋的網(wǎng)站有任何的耐心。

OK，進(jìn)度條是沒(méi)用的，應(yīng)該去掉，那么類(lèi)似IE右側(cè)的狀態(tài)信息有用嗎？對(duì)于一個(gè)沒(méi)有過(guò)多附屬功能的Chrome來(lái)說(shuō)，他確實(shí)沒(méi)用。（但我個(gè)人認(rèn)為，Chrome擴(kuò)展開(kāi)放之后，應(yīng)該在此開(kāi)拓?cái)U(kuò)展欄，與狀態(tài)欄整合。）

什么是有用的且有實(shí)際意義的信息？看圖:

在一個(gè)較為古老的上傳交互模型上，系統(tǒng)本身沒(méi)有提供任何有效的反饋，Chrome通過(guò)狀態(tài)欄秒殺了其他一切瀏覽器：他提供了進(jìn)度的反饋。同時(shí)，他的標(biāo)簽欄采用逆時(shí)針?lè)较?，表示正在和服?wù)器進(jìn)行數(shù)據(jù)交換。

讓我們回到標(biāo)題的最開(kāi)始，叫做最佳響應(yīng)性：Chrome不是功能最多的瀏覽器，但響應(yīng)性是最佳的。這也就不難理解同樣功能簡(jiǎn)單，而且還是MAC系統(tǒng)默認(rèn)瀏覽器的safari，占有率轉(zhuǎn)眼就被超越。

響應(yīng)性給用戶帶來(lái)何種好處：無(wú)語(yǔ)倫比的操控感；那種感覺(jué)，就像在極品飛車(chē)內(nèi)遇到一款傻瓜式的操控豪華跑車(chē)一樣，爽。

暗藏的OS野心

最后說(shuō)一點(diǎn)題外話，對(duì)于Chrome OS，我們?cè)贑hrome內(nèi)多少能看到其一點(diǎn)雛形，如Chrome的菜單內(nèi)已經(jīng)沒(méi)有打開(kāi)本地文件的命令，但其最重要的創(chuàng)意在于“創(chuàng)建應(yīng)用程序快捷方式…”

在上圖中，這個(gè)界面已經(jīng)具有很強(qiáng)的軟件外觀了，并且其在于本地的東西，只是一個(gè)只有1K大小的快捷方式。

因此看來(lái)，我們還需要安裝一大堆的東西在本地的硬盤(pán)，然后去啟動(dòng)嗎？不用，一切可變得簡(jiǎn)單，也許有天你點(diǎn)擊桌面的某個(gè)快捷方式，你就可以直接使用使用Photoshop，真正的免安裝，且不限平臺(tái)。

當(dāng)然，目前而言，Chrome OS還有一大推的問(wèn)題需要解決，比如如何定義模態(tài)對(duì)話框與非模態(tài)對(duì)話框的實(shí)現(xiàn)，網(wǎng)絡(luò)應(yīng)用如何避免過(guò)渡的單頁(yè)呈現(xiàn)。但從長(zhǎng)遠(yuǎn)來(lái)看，這種趨勢(shì)是不可逆轉(zhuǎn)的。

其實(shí)一開(kāi)始聽(tīng)到Chrome OS我是拒絕的，因?yàn)槟悴荒苷f(shuō)這是OS，我就認(rèn)為這是OS，第一我要試一下，因?yàn)槲也辉敢庠嚵酥笥靡恍┬M惑人心的話去贊美它，很好很強(qiáng)大很快。這樣其他M粉一定會(huì)鄙視我，根本沒(méi)有這么方便的OS，就證明上面那個(gè)是假的。后來(lái)我也證實(shí)Chrome 確實(shí)有OS雛形，我使用了它“創(chuàng)建應(yīng)用程序…”大概一個(gè)月左右,感覺(jué)就像使用本地軟件一樣，后來(lái)我介紹給同事的時(shí)候，也沒(méi)有吹牛，因?yàn)槲易屗麄冎?，我是這么使用的，很爽，你們用得時(shí)候很會(huì)這么爽。

最后的話

Chrome是我最?lèi)?ài)的一個(gè)瀏覽器，同時(shí)它也是優(yōu)秀的。Chrome的優(yōu)秀在于它樹(shù)立了瀏覽器新的未來(lái)方向，瀏覽器的任務(wù)不僅僅是網(wǎng)頁(yè)的呈現(xiàn)，瀏覽器也不應(yīng)該是傳統(tǒng)意義上的軟件，它應(yīng)該是一個(gè)徹底脫離用戶本地電腦的東西，它應(yīng)該被賦予更多的用戶目標(biāo)與期望，利用云端的海量信息和即時(shí)技術(shù)讓用戶的目標(biāo)更快更容易實(shí)現(xiàn)。

本文標(biāo)題雖為榨干Chrome UI，其實(shí)只是力求榨干。我相信，每多使用一次Chrome，你就會(huì)多一次驚喜，多一份滿意。最后附送幾段關(guān)于Chrome的視頻:

• 非常有創(chuàng)意的 Chrome 新廣告
• 19個(gè)有趣的Google Chrome廣告影片(需翻墻)
• 15秒種時(shí)間，Chrome 可以完成什么工作？

最后，假設(shè)您能堅(jiān)持看到這個(gè)，提前祝您虎年快樂(lè)，哥讓我和你說(shuō)：“愛(ài)老虎郵。”、

來(lái)源：http://www.userkon.com/tolyer/analizing_chrome_ui.html