你會(huì)怎么評價(jià)下面兩款收音機(jī)收音機(jī)的設(shè)計(jì)？

圖1是索尼的一款收音機(jī)。它的面板右下方4*8依次排布的黑色按鍵分別對應(yīng)了32個(gè)提前設(shè)置好的收音機(jī)。按任意一個(gè)按鍵，可以收到某一個(gè)收音機(jī)。

將顯示縮放圖像

圖2是一個(gè)車載收音機(jī)。左邊首先把收音機(jī)劃分為三組。屏幕右下方的兩排圓形按鈕中，有一個(gè)是用來選擇三組收音機(jī)的其中之一。剩下的1*6個(gè)按鍵來選定該組中的某一個(gè)收音機(jī)（如果需要切換AM-FM，操作還比較復(fù)雜）

以前索尼的無線電設(shè)計(jì)看起來很復(fù)雜，但它實(shí)際上更好用。因?yàn)槊恳粋€(gè)按鍵對應(yīng)著同一個(gè)收音機(jī)，當(dāng)用戶熟悉了健身并使用習(xí)慣后，他們甚至可以不用揉捏操作面板，而直接通過手指觸摸數(shù)字按下自己想要的按鍵。這樣的操作即使是在黑夜中也能進(jìn)行。前置遙控器的設(shè)計(jì)雖然減少了按鍵并節(jié)省了空間，卻犧牲了易用性。因?yàn)檫@是該設(shè)計(jì)中引入了模式（modes）：當(dāng)用戶使用同一個(gè)操作時(shí)，而系統(tǒng)由于不同的狀態(tài)給出了不同的回應(yīng)。

這里引入了《人性化界面》這本書推崇的一個(gè)主要原則：好的界面不應(yīng)該存在模式。

如果無論系統(tǒng)狀態(tài)如何，相同的用戶輸入總是會(huì)產(chǎn)生相同的結(jié)果，則系統(tǒng)是非模式的。

重要的概念

為了更好的理解模式和界面設(shè)計(jì)的關(guān)系，以下是一些需要了解的概念：

注意力點(diǎn)（locus of Attention）：是指時(shí)刻我們意識(shí)的集中的地方。人類在任何時(shí)刻都有一個(gè)注意力點(diǎn)。你對這個(gè)點(diǎn)以外的區(qū)域是盲目的。比如當(dāng)你集中注意力在閱讀可能的文字時(shí)，就注意不到你的曼谷脊柱屏幕的頂端時(shí)間指針發(fā)生了變化。

夜間操作（手勢）：指用戶對界面的一個(gè)連續(xù)的操作，可能是一個(gè)鼠標(biāo)或雙擊。

模式(mode) : 針對一個(gè)操作，如果一個(gè)系統(tǒng)根據(jù)其當(dāng)前的狀態(tài)有不同的反應(yīng)，就代表這個(gè)系統(tǒng)存在不同的模式，而每個(gè)一個(gè)模式下界面的反應(yīng)是一致的

——比如作者非常反對的大寫鎖定鍵（Caps Lock）：當(dāng)這個(gè)按鍵被按下時(shí)，電腦處于一個(gè)大寫輸出模式中；當(dāng)這個(gè)按鍵被再次按下時(shí)，電腦回到另一個(gè)模式；

— — 再比如所有電腦的電源鍵就存在模式。根據(jù)電腦當(dāng)前的開關(guān)狀態(tài)，同樣按下電源會(huì)導(dǎo)致電腦開機(jī)或關(guān)機(jī)；

— — 還有 Photoshop 中的鼠標(biāo)操作，在不同的繪畫狀態(tài)中，點(diǎn)擊鼠標(biāo)的結(jié)果是完全不同的。

界面模式的嚴(yán)格定義

為了從用戶的角度討論模式的利弊，作者進(jìn)一步嚴(yán)格定義了界面模式：

針對用戶操作： 1. 根據(jù)當(dāng)前系統(tǒng)狀態(tài)的不同而給出不同的反應(yīng)，2. 并且此時(shí)的系統(tǒng)狀態(tài)是在用戶的注意點(diǎn)之外（即用戶無法感知到的系統(tǒng)狀態(tài)）此時(shí)就認(rèn)為界面存在模式。

• 在這個(gè)定義下再看一個(gè)例子：鍵盤的刪除鍵（退格/刪除）。每當(dāng)你按下刪除鍵，被刪掉的內(nèi)容都是不一樣的。因?yàn)榈侨藗兺⒁饬性诩磳⒈粍h掉的文字上，因此不構(gòu)成模式。

模式是用戶誤操作和影響業(yè)余性的主要原因之一：因?yàn)橛脩魶]有意識(shí)當(dāng)前的系統(tǒng)狀態(tài)，因此無法了解到哪一個(gè)模式下，也不會(huì)知道自己的操作會(huì)帶來什么樣的結(jié)果。很多時(shí)候他們只能不斷試錯(cuò)來完成任務(wù)，這也阻礙了使用習(xí)慣的養(yǎng)成。

對設(shè)計(jì)的啟示

為了避免上述問題，界面設(shè)計(jì)應(yīng)該完全采用Quasimode。Quasimode指的是用戶必須通過連續(xù)的物理操作讓系統(tǒng)維持在某種特定狀態(tài)下，并在此狀態(tài)下避免引入某種模式。典型的例子就是電腦的Shift鍵，按下Shift的同時(shí)敲擊鍵盤會(huì)進(jìn)入大寫字母輸入模式。這樣的優(yōu)勢在于連續(xù)的動(dòng)作動(dòng)作讓用戶時(shí)刻記住自己在某個(gè)模式中，從而不會(huì)誤操作。

值得強(qiáng)調(diào)的是，遵循模式設(shè)計(jì)原則的產(chǎn)品往往也會(huì)影響盲人所用（可訪問性設(shè)計(jì)）。因?yàn)槟Ｊ降亩x就考慮了人們的注意力集中點(diǎn)，而我們每個(gè)人對于我們注意力之外的事物，都是“看不見”的。

從非常真實(shí)的意義上來說，我們對于我們關(guān)注點(diǎn)之外的世界都是盲目的。

《人性化界面》的杰夫·拉斯金（Jef Raskin）是Mac的初代設(shè)計(jì)師和思考者。他相信機(jī)器的交互方式應(yīng)該是人性化的：即交互的過程能夠最大化作者的考慮并遏制我們?nèi)祟惖哪芰腿毕荨?/span>

本書的第二章為讀者鋪墊了很多重要的理論基礎(chǔ)，而后面的章節(jié)會(huì)開始剖析和挑戰(zhàn)我們平時(shí)習(xí)習(xí)的UI模式，比如文件夾，桌面，導(dǎo)航。

因?yàn)楸緯x完相見恨晚深受啟發(fā)，決定開坑一系列讀后感！

蘭亭妙微(www.lmkl.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan