Peter Vukovic 是一名在廣告代理商擁有 10 年經驗的設計師與創意總監,他以 Google、LinkedIn 等實例總結了七個使用者介面設計牢不可破的法則(law) 1。這些法則或許是網頁設計師的基本常識,但可能常常被忽略了。
1. 一目瞭然
Gmail 在改版之前,日曆、雲端硬碟、文件以及其它 Google 服務清楚地放在最上方的導覽列,不過改版後,Google 為了「簡化」頁面,將這些功能收攏在一個抽象的符號之內。許多使用者不明所以,他們的 滿腹疑問與埋怨瞬間湧入 Gmail 客服。 對於陌生且無法馬上進入狀況的事物,使用者通常乾脆忽視或採取迴避的姿態,這是基本的人性,因此切忌設計讓使用者得花時間思索的設計元素。2. 優先動作
上圖是 Twitter 頁面,初來乍到的使用者能夠理解他們應該做什麼嗎?顯然使用者應該開始打字發出自己的第一則推文,不過「撰寫新的推文」的輸入框位在左上方,這個位置在整體環境中並不是很突出,從設計的角度來看,Twitter 似乎又想引導使用者搜尋,又想要他們點擊左側選項,太多介面元素混雜,可能令人無所適從。 使用者不必思考就自然而然知道下一步該怎麼做,「優先動作」(preferred action)應當顯而易見。3. 關聯脈絡
想要更換自己在 Facebook 的名字時,得執行一連串的動作:先到位於右上角的「設定」,點擊「帳戶設定」,找到「名字」,點擊「修改」。反之,在 LinkedIn 上,只要在個人資料欄框內點擊「編輯」,各項資料前方就會出現鉛筆符號,非常直覺的設計。 使用者期望的介面元素是他們能夠輕易控制的。在真實世界中,我們想吃爆米花時,會直接打開微波爐,扭動開關,而不會預期有台微波爐會指示我們下樓走進地下室,摸黑找到電箱啓動 G-35 爆米花程序,這就很像 Facebook 迂迴的修改路徑。 盡可能讓使用者操作網站時易如反掌,如果是可以修改的項目,就讓使用者可以直接在上面修改。4. 預設值
覺得這段鈴聲很熟悉嗎?肯定熟到都會哼唱了,這段鈴聲大概是全地球最為人熟知的旋律了。這是 Nokia 的預設鈴聲,很多從前持 Nokia 功能性手機的使用者都不會換掉它。 「預設」容易被忽略,但它的力量卻很強大:- 多數人手機鈴聲維持預設,即時通訊軟體的音效也少有人會更換。
- 多數人從來不會改變電視機的出廠設定。
- 多數人永遠不會更改冰箱的預設溫度。