2025-7-30 杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞
你會怎么評價下面兩款收音機收音機的設(shè)計？
圖1是索尼的一款收音機。它的面板右下方4*8依次排布的黑色按鍵分別對應(yīng)了32個提前設(shè)置好的收音機。按任意一個按鍵，可以收到某一個收音機。
圖2是一個車載收音機。左邊首先把收音機劃分為三組。屏幕右下方的兩排圓形按鈕中，有一個是用來選擇三組收音機的其中之一。剩下的1*6個按鍵來選定該組中的某一個收音機（如果需要切換AM-FM，操作還比較復(fù)雜）
以前索尼的無線電設(shè)計看起來很復(fù)雜，但它實際上更好用。因為每一個按鍵對應(yīng)著同一個收音機，當(dāng)用戶熟悉了健身并使用習(xí)慣后，他們甚至可以不用揉捏操作面板，而直接通過手指觸摸數(shù)字按下自己想要的按鍵。這樣的操作即使是在黑夜中也能進(jìn)行。前置遙控器的設(shè)計雖然減少了按鍵并節(jié)省了空間，卻犧牲了易用性。因為這是該設(shè)計中引入了模式（modes）：當(dāng)用戶使用同一個操作時，而系統(tǒng)由于不同的狀態(tài)給出了不同的回應(yīng)。
這里引入了《人性化界面》這本書推崇的一個主要原則：好的界面不應(yīng)該存在模式。
如果無論系統(tǒng)狀態(tài)如何，相同的用戶輸入總是會產(chǎn)生相同的結(jié)果，則系統(tǒng)是非模式的。
為了更好的理解模式和界面設(shè)計的關(guān)系，以下是一些需要了解的概念：
注意力點（locus of Attention）：是指時刻我們意識的集中的地方。人類在任何時刻都有一個注意力點。你對這個點以外的區(qū)域是盲目的。比如當(dāng)你集中注意力在閱讀可能的文字時，就注意不到你的曼谷脊柱屏幕的頂端時間指針發(fā)生了變化。
夜間操作（手勢）：指用戶對界面的一個連續(xù)的操作，可能是一個鼠標(biāo)或雙擊。
模式(mode) : 針對一個操作，如果一個系統(tǒng)根據(jù)其當(dāng)前的狀態(tài)有不同的反應(yīng)，就代表這個系統(tǒng)存在不同的模式，而每個一個模式下界面的反應(yīng)是一致的
——比如作者非常反對的大寫鎖定鍵（Caps Lock）：當(dāng)這個按鍵被按下時，電腦處于一個大寫輸出模式中；當(dāng)這個按鍵被再次按下時，電腦回到另一個模式；
— — 再比如所有電腦的電源鍵就存在模式。根據(jù)電腦當(dāng)前的開關(guān)狀態(tài)，同樣按下電源會導(dǎo)致電腦開機或關(guān)機；
— — 還有 Photoshop 中的鼠標(biāo)操作，在不同的繪畫狀態(tài)中，點擊鼠標(biāo)的結(jié)果是完全不同的。
為了從用戶的角度討論模式的利弊，作者進(jìn)一步嚴(yán)格定義了界面模式：
針對用戶操作： 1. 根據(jù)當(dāng)前系統(tǒng)狀態(tài)的不同而給出不同的反應(yīng)，2. 并且此時的系統(tǒng)狀態(tài)是在用戶的注意點之外（即用戶無法感知到的系統(tǒng)狀態(tài)）此時就認(rèn)為界面存在模式。
模式是用戶誤操作和影響業(yè)余性的主要原因之一：因為用戶沒有意識當(dāng)前的系統(tǒng)狀態(tài)，因此無法了解到哪一個模式下，也不會知道自己的操作會帶來什么樣的結(jié)果。很多時候他們只能不斷試錯來完成任務(wù)，這也阻礙了使用習(xí)慣的養(yǎng)成。
為了避免上述問題，界面設(shè)計應(yīng)該完全采用Quasimode。Quasimode指的是用戶必須通過連續(xù)的物理操作讓系統(tǒng)維持在某種特定狀態(tài)下，并在此狀態(tài)下避免引入某種模式。典型的例子就是電腦的Shift鍵，按下Shift的同時敲擊鍵盤會進(jìn)入大寫字母輸入模式。這樣的優(yōu)勢在于連續(xù)的動作動作讓用戶時刻記住自己在某個模式中，從而不會誤操作。
值得強調(diào)的是，遵循模式設(shè)計原則的產(chǎn)品往往也會影響盲人所用（可訪問性設(shè)計）。因為模式的定義就考慮了人們的注意力集中點，而我們每個人對于我們注意力之外的事物，都是“看不見”的。
從非常真實的意義上來說，我們對于我們關(guān)注點之外的世界都是盲目的。
《人性化界面》的杰夫·拉斯金（Jef Raskin）是Mac的初代設(shè)計師和思考者。他相信機器的交互方式應(yīng)該是人性化的：即交互的過程能夠最大化作者的考慮并遏制我們?nèi)祟惖哪芰腿毕荨?/span>
本書的第二章為讀者鋪墊了很多重要的理論基礎(chǔ)，而后面的章節(jié)會開始剖析和挑戰(zhàn)我們平時習(xí)習(xí)的UI模式，比如文件夾，桌面，導(dǎo)航。
因為本書讀完相見恨晚深受啟發(fā)，決定開坑一系列讀后感！
藍(lán)藍(lán)設(shè)計的小編 http://www.gerard.com.cn