1.瀏覽器Tab欄，在Chrome出來之前絕大部分瀏覽器的Tab欄均放置在地欄下方(IE那會兒連Tab欄都木有)，初見Chrome時很詫異它的Tab欄設計，位于地址欄上方以梯形的樣式出現，視覺印象很深刻，第一印象(Blink)就與其它瀏覽器形成了區(qū)別。

　　當最大化Chrome并進行瀏覽操作時，總算理解了為什么Chrome的設計為什么要將Tab欄放置在地址欄的上方了。在Windows下，用戶將Chrome最大化后，它的邊框將消失，Tab欄就處于整個屏幕最上面一行的位置了。為什么這樣Tab欄的設計能夠Don't make user think呢?先介紹一個交互理論的常識--Fitts定律，該定律指的是：

　　使用指點設備到達一個目標的時間與兩個因素有關：

　　1.設備當前位置和目標位置的距離;

　　2.目標的大小。位于頂部的Tab欄其實是對Fitts定律的靈活運用，由于光標不可能跑出屏幕以外，因此用戶盡可以隨便將光標向上移動，光標肯定位于Tab欄上(Tab欄呈條狀展現更易被選中)，這降低了光標指向的難度，節(jié)約了用戶時間。我們可以看一個更有名的例子，Apple的應用程序menu bar與Windows的應用程序menu bar對比，Windows一直以來的UI設計都是把menu bar放在應用程序的title bar下面，而OSX採取完全不同的設計，把menu bar固定在螢幕最頂端(注意下圖紅色框起來的部分)。一般人對這兩種設計沒有太多觀感，但當我們應用Fitts定律后，會發(fā)現OSX把menu bar放在屏幕最頂端，雖然移動距離變長了，但目標的大小也跟著變成了“無限大”。

　　再來說Tab欄的另一個設計，用戶在瀏覽窗口打開過多，需要關閉的情況下，Chrome對Tab進行了一個很人性化的設計 -- Tab自動移動至當前鼠標位置。相信許多Chrome的用戶對此應深有感觸吧，當用戶關閉Tab欄時，Tab會從右向左移動，用戶從最右側的Tab欄開始關閉，Tab會從左向右關閉，并且在等待一段時間用戶沒有進行關閉操作后，Tab才會調整寬度(以保證Tab的關閉icon在用戶操作期間一直在鼠標下方)，細節(jié)啊，這些細節(jié)都亮瞎了我的雙眼。導致用戶在進行連續(xù)多個Tab的關閉時連鼠標都不用移動，只需要點擊、點擊、點擊......Don't make me think

　　2.ToolBar，簡潔、極端的簡潔，剛安裝好的瀏覽器Toolbar簡潔我只能輸入地址。Toolbar上的列出用戶最需要的功能：后退、前進、刷新、輸入框、設置，只有5項，數量上屬于短期記憶的能力范圍內，減少了用戶的認知負擔，此時用戶關注點只在瀏覽本身上，幾乎不需要對瀏覽器進行額外的學習。

　　3.輸入框，將同樣具有輸入屬性的地址欄與搜索框進行融合，導致這個輸入框成為一個很復雜的系統，僅在輸入部分這個框就能夠輸入地址(廢話)、搜索本地歷史、搜索本地收藏、搜索Chrome插件、引用其它搜索引擎......Chrome將這些有機的融合在一起，用戶需要做的只是輸入，結果已經列好了。Chrome試圖簡化用戶在到達瀏覽頁面之前的所有操作，舉個小例子吧，用戶輸入http://zhihu.com進入知乎網站，下次用戶再試圖進入輸入時，從用戶輸入第一字母 Z 時，Chrome已自動幫用戶進行了補全(目前僅支持網址補全，而且是用戶瀏覽過的網站，這個設定很好，細節(jié)不表述自己思考吧)，接下來就看用戶采取何種動作，回車鍵(打開網頁)或Tab鍵。

　　個人認為，Chrome的輸入框還可以針對中文使用習慣進行再深一層次的設計，能夠使輸入框更優(yōu)化。

　　4.后臺同步，這個是神一樣的功能，近乎所有信息均可進行同步，看下圖設置當中的選項就可了解(當然，這些設置項用戶都不用去管，默認同步就好了)，保證多平臺、多端在某一程度體驗上的一致，這功能設計之初就是為了減少用戶重復性的操作及設置。

　　5.Loading，這個放在最后吧，很少有人注意到Loading，也就是我們稱之的進度條，因為曾經有段時間我希望能夠從非技術角度解釋Chrome速度為什么快，讓我Chrome的進度條有了一定的了解。當頁面進行l(wèi)oading時，Tab左側有個不斷滾動的四分之一圓的小環(huán)，最初是以逆時針方向緩慢轉動，這個時候的Loading狀態(tài)可能是解析DNS，并嘗試與服務器進行連接，當連接成功開始Loading服務器上的數據時，小圓環(huán)以順時針快速轉動(看下圖)。這樣的設計有效有讓用戶明確的知道了目前Loading的狀態(tài)，并對結果有一個直觀的預期(一直逆時針用戶就可以果斷關閉網頁了)。同時，這樣的設計讓我感覺在加載服務器數據時更快(有了逆時針緩慢的對比)，并且情感上讓我聯想起小時玩過的后拉式小汽車，往后拉動汽車集蓄動能，放手后車輪就快速的向前奔跑 ^_^，這都是Chrome設計者對細節(jié)的把握，簡單的旋轉被設計者賦予了完全不同的含義，就算用戶不明白技術細節(jié)，從動態(tài)的顯示上也能了解一個大概。

　　6.ctrl+F搜索的時候，如果當前高亮的文字被搜索bar檔住了，搜索bar會移開!這個細節(jié)太贊了!!

　　最后在網上看到一張有意思的圖片,我想當你用了chrome瀏覽器之后,你應該不會在想用其他瀏覽器了。

最新評論