2025-7-30 杰睿 大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞
你會(huì)怎么評(píng)價(jià)下面兩款收音機(jī)收音機(jī)的設(shè)計(jì)？
圖1是索尼的一款收音機(jī)。它的面板右下方4*8依次排布的黑色按鍵分別對(duì)應(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è)按鍵對(duì)應(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)。你對(duì)這個(gè)點(diǎn)以外的區(qū)域是盲目的。比如當(dāng)你集中注意力在閱讀可能的文字時(shí)，就注意不到你的曼谷脊柱屏幕的頂端時(shí)間指針發(fā)生了變化。
夜間操作（手勢(shì)）：指用戶對(duì)界面的一個(gè)連續(xù)的操作，可能是一個(gè)鼠標(biāo)或雙擊。
模式(mode) : 針對(duì)一個(gè)操作，如果一個(gè)系統(tǒng)根據(jù)其當(dāng)前的狀態(tài)有不同的反應(yīng)，就代表這個(gè)系統(tǒng)存在不同的模式，而每個(gè)一個(gè)模式下界面的反應(yīng)是一致的
——比如作者非常反對(duì)的大寫鎖定鍵（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é)果是完全不同的。
為了從用戶的角度討論模式的利弊，作者進(jìn)一步嚴(yán)格定義了界面模式：
針對(duì)用戶操作： 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)為界面存在模式。
模式是用戶誤操作和影響業(yè)余性的主要原因之一：因?yàn)橛脩魶]有意識(shí)當(dāng)前的系統(tǒng)狀態(tài)，因此無法了解到哪一個(gè)模式下，也不會(huì)知道自己的操作會(huì)帶來什么樣的結(jié)果。很多時(shí)候他們只能不斷試錯(cuò)來完成任務(wù)，這也阻礙了使用習(xí)慣的養(yǎng)成。
為了避免上述問題，界面設(shè)計(jì)應(yīng)該完全采用Quasimode。Quasimode指的是用戶必須通過連續(xù)的物理操作讓系統(tǒng)維持在某種特定狀態(tài)下，并在此狀態(tài)下避免引入某種模式。典型的例子就是電腦的Shift鍵，按下Shift的同時(shí)敲擊鍵盤會(huì)進(jìn)入大寫字母輸入模式。這樣的優(yōu)勢(shì)在于連續(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è)人對(duì)于我們注意力之外的事物，都是“看不見”的。
從非常真實(shí)的意義上來說，我們對(duì)于我們關(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ā)，決定開坑一系列讀后感！
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.cqzjtgb.com