1.瀏覽器Tab欄,在Chrome出來之前絕大部分瀏覽器的Tab欄均放置在地欄下方(IE那會兒連Tab欄都木有),初見Chrome時很詫異它的Tab欄設(shè)計,位于地址欄上方以梯形的樣式出現(xiàn),視覺印象很深刻,第一印象(Blink)就與其它瀏覽器形成了區(qū)別。
當(dāng)最大化Chrome并進(jìn)行瀏覽操作時,總算理解了為什么Chrome的設(shè)計為什么要將Tab欄放置在地址欄的上方了。在Windows下,用戶將Chrome最大化后,它的邊框?qū)⑾В琓ab欄就處于整個屏幕最上面一行的位置了。為什么這樣Tab欄的設(shè)計能夠Don't make user think呢?先介紹一個交互理論的常識--Fitts定律,該定律指的是:
使用指點(diǎn)設(shè)備到達(dá)一個目標(biāo)的時間與兩個因素有關(guān):
1.設(shè)備當(dāng)前位置和目標(biāo)位置的距離;
2.目標(biāo)的大小。位于頂部的Tab欄其實(shí)是對Fitts定律的靈活運(yùn)用,由于光標(biāo)不可能跑出屏幕以外,因此用戶盡可以隨便將光標(biāo)向上移動,光標(biāo)肯定位于Tab欄上(Tab欄呈條狀展現(xiàn)更易被選中),這降低了光標(biāo)指向的難度,節(jié)約了用戶時間。我們可以看一個更有名的例子,Apple的應(yīng)用程序menu bar與Windows的應(yīng)用程序menu bar對比,Windows一直以來的UI設(shè)計都是把menu bar放在應(yīng)用程序的title bar下面,而OSX採取完全不同的設(shè)計,把menu bar固定在螢?zāi)蛔铐敹?注意下圖紅色框起來的部分)。一般人對這兩種設(shè)計沒有太多觀感,但當(dāng)我們應(yīng)用Fitts定律后,會發(fā)現(xiàn)OSX把menu bar放在屏幕最頂端,雖然移動距離變長了,但目標(biāo)的大小也跟著變成了“無限大”。

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

2.ToolBar,簡潔、極端的簡潔,剛安裝好的瀏覽器Toolbar簡潔我只能輸入地址。Toolbar上的列出用戶最需要的功能:后退、前進(jìn)、刷新、輸入框、設(shè)置,只有5項,數(shù)量上屬于短期記憶的能力范圍內(nèi),減少了用戶的認(rèn)知負(fù)擔(dān),此時用戶關(guān)注點(diǎn)只在瀏覽本身上,幾乎不需要對瀏覽器進(jìn)行額外的學(xué)習(xí)。
新聞熱點(diǎn)
疑難解答
圖片精選