如果你想設計出卓越,高效和流暢的用戶界面,就請參考Ben Shneiderman的“界面設計的八大黃金法則” 。蘋果,谷歌和微軟設計的產(chǎn)品都反映了Shneiderman的法則,這些行業(yè)巨頭制定的用戶界面指南都包含Shneiderman黃金法則中的特征,而這些公司的熱門界面設計則是法則的視覺體現(xiàn)。本文將告訴你如何整合8大黃金法則來改進你的工作。
界面設計的八大黃金法則
Ben Shneiderman(生于1947年8月21日)是美國馬里蘭大學人機交互實驗室的計算機科學家和教授。他的工作可以媲美Don Norman和Jakob Nielsen。Shneiderman在其熱門書“設計用戶界面:有效的人機交互策略(Designing the User Interface: Strategies for Effective Human-Computer Interaction)”中介紹了界面設計的八個黃金法則:
一致性
當你在設計類似的功能和操作時,可以利用熟悉的圖標,顏色,菜單的層次結構,行為召喚,用戶流程圖來實現(xiàn)一致性。規(guī)范信息表現(xiàn)的方式可以減少用戶認知負擔,用戶體驗易懂流暢。一致性通過幫助用戶快速熟悉產(chǎn)品的數(shù)字化環(huán)境從而更輕松地實現(xiàn)其目標。
常用用戶使用快捷操作
隨著使用次數(shù)的增加,用戶需要有更快的完成任務的方法。例如,Windows和Mac為用戶提供了用于復制和粘貼的鍵盤快捷方式,隨著用戶更有經(jīng)驗,他們可以更快速,輕松地瀏覽和操作用戶界面。
提供有用信息的反饋
用戶每完成一個操作,需要系統(tǒng)給出反饋,然后用戶才能感知并進入下一步操作。反饋有很多類型,例如聲音提示,觸摸感,語言提示,以及各種類型的組合。對于用戶的每一個動作,應該在合理的時間內提供適當?shù)模诵曰姆答?。如設計多頁問卷時應該告訴用戶進行到哪個步驟,要保證讓用戶在盡量少受干擾的情況下得到最有價值的信息。
作者/版權持有人:Google,Inc. 版權條款和許可:合理使用
Windows Media Player設計師應該牢記Ben Shneiderman的第三個黃金法則:提供有用信息的反饋。體驗不佳的錯誤消息通常會只顯示錯誤代碼,對用戶來說這毫無意義。作為一名好的設計師,你應該始終給用戶以可讀和有意義的反饋。
設計流程需要設計一個完結
不要讓你的用戶猜來猜去,告訴他們其操作會引導他們到哪個步驟。例如,用戶在完成在線購買后看到“謝謝購買”消息提示和支付憑證后會感到滿足和安心。
提供簡潔的錯誤操作的解決方案
用戶不喜歡被告知其操作錯誤。設計時應該盡量考慮如何減少用戶犯錯誤的機會,但如果用戶操作時發(fā)生不可避免的錯誤,不能只報錯而不提供解決方案,請確保為用戶提供簡單,直觀的分步說明,以引導他們輕松快速地解決問題。例如,用戶在填寫在線表單時忘記填寫某個輸入框時,可以標記這個輸入框以提醒用戶。
允許撤銷操作
設計人員應為用戶提供明顯的方式來讓用戶恢復之前的操作,無論是單次動作,數(shù)據(jù)輸入還是整個動作序列后都應允許進行返回操作,正如Shneiderman在他的書中所說:
“這個功能減輕了焦慮,因為用戶知道即便操作失誤,之前的操作也可以被撤銷,鼓勵用戶去大膽放手探索?!?/EM>
給用戶掌控感
設計時應考慮如何讓用戶主動去使用,而不是被動接受,要讓用戶感覺他們對數(shù)字空間中一系列操作了如指掌,在設計時按照他們預期的方式來獲得他們的信任。
減少短時記憶負擔
人的記憶力是有限的,我們的短時記憶每次最多只能記住五個東西。因此,界面設計應當盡可能簡潔,保持適當?shù)男畔哟谓Y構,讓用戶去再認信息而不是去回憶。再認信息總是比回憶更容易,因為再認通過感知線索讓相關信息重現(xiàn)。例如,我們經(jīng)常發(fā)現(xiàn)選擇題比簡答題更容易,因為選擇題只需要我們對正確答案再認,而不是從我們的記憶中提取。被彭博商業(yè)周刊稱為“世界上最具影響力的設計師之一”的Jakob Nielsen發(fā)明了幾種可用性研究方法,包括啟發(fā)式評估。信息再認而非回憶就是Nielsen界面設計10種可用性啟發(fā)式原則之一。
了解蘋果的設計如何整合Shneiderman的8大黃金法則
蘋果整合Shneiderman的八項黃金法設計出成功的產(chǎn)品,他們從Mac到移動設備設計都取得了巨大的成功,他們以產(chǎn)品設計的一致性,直觀而美麗為榮。蘋果的iOS人機界面指南也告訴我們他們的設計團隊如何應用Shneiderman的設計原則。
1. 一致性
“一致性”和“感知的穩(wěn)定性”在Mac OS的設計中體現(xiàn)得淋漓盡致。不管是80年代的版本,還是現(xiàn)在的版本,Mac OS菜單欄設計都包含一致的圖形元素。
作者/版權持有人:StockSnap.io 版權條款和許可:CC0
作者/版權持有人:StockSnap.io 版權條款和許可證:CC0
隨著時間的推移,Mac OS的外觀有很大變化,Mac OS菜單欄設計都保持一致。
2. 快捷操作
如前所述,Mac允許用戶使用各種鍵盤快捷鍵,使用頻率高的包括復制和粘貼(Command-X和Command-V)以及截圖(Command-Shift-3)。
作者/版權持有人:StockSnap.io 版權條款和許可證:CC0
Mac允許用戶鍵盤快捷方式操作實現(xiàn)通常需要鼠標、觸控板或其他輸入設備才能完成的操作。
3. 有用信息反饋
當用戶點擊Mac桌面上的文件時,該文件會“突出顯示”,這是視覺反饋的一個很好的示例。另外,當用戶拖動桌面上的文件夾時,他們可以看到在按住鼠標時,文件夾顯示被移動的狀態(tài)。
作者/版權持有人:Euphemia Wong 版權條款和許可:合理使用
作者/版權持有人:Euphemia Wong 版權條款和許可:合理使用
4. 操作流程的設計
當用戶將軟件安裝到Mac OS時,提示信息的屏幕顯示用戶當前的安裝步驟。
作者/版權持有人:Google,Inc. 版權條款和許可:合理使用
5. 錯誤操作的解決方案
在軟件安裝過程中,如果發(fā)生錯誤,用戶將收到友好的提示信息。提供復雜的解決方案,或用戶難以理解的解決方案,或只報錯不提供解決方案,都是極大影響用戶體驗,使用戶沮喪的關鍵原因。根據(jù)錯誤操作的嚴重程度,區(qū)分何時使用小的,不會影響用戶操作的提醒,以及何時使用大的,侵入式提醒。但當錯誤操作發(fā)生時,請謹慎選擇正確的語氣和正確的語言提醒用戶操作錯誤。
作者/版權持有人:Google,Inc. 版權條款和許可:合理使用
Mac OS通過顯示一個溫和的提示消息向用戶解釋出現(xiàn)了什么錯誤操作及其原因。另外,解釋這是由于自己的安全偏好選擇,進一步向用戶保證,告訴他們一切在掌控范圍內。
作者/版權持有人:Manutencaonet Blogspot 版權條款和許可:CC BY 3.0
Windows系統(tǒng)中這個非常不友好的提示信息使用“fatal(后果嚴重的)”和“terminated(被終止)”字樣。這樣的負面的,不友好的言語肯定會嚇倒大多數(shù)用戶!
6. 允許撤銷操作
當用戶在安裝過程中提供信息時發(fā)生錯誤,允許他們重新回到上一步,而不必重新開始。
作者/版權持有人:Euphemia Wong 版權條款和許可:合理使用
7. 給用戶掌控感
讓用戶有權選擇是繼續(xù)運行程序還是退出程序,Mac的活動監(jiān)視器允許用戶在程序意外崩潰時“強制退出”。
作者/版權持有人:Euphemia Wong 版權條款和許可:合理使用
8. 減少短時記憶負荷
由于人類短時記憶每次只能記住5個東西,所以蘋果iPhone屏幕底部的主菜單區(qū)域中只能放置4個及以下的應用程序圖標,這個設計不僅涉及對記憶負荷的考慮,還考慮了不同版本一致性問題。
作者/版權持有人:Brian Voo 版權條款和許可:合理使用
工作表:如何將Shneiderman的8項黃金法則應用于你的界面設計
作為設計師,你的工作是創(chuàng)建直觀,精美和流暢的用戶界面設計,讓用戶感到輕松和滿意。下面這個工作表可以幫你把上述這些規(guī)則應用于你的設計中。
工作表的PDF格式下載鏈接: https://pan.baidu.com/s/1nvp1EKp 密碼: mjq7
從Mac和PC到移動設備甚至是虛擬現(xiàn)實,以及將來可能出現(xiàn)的任何互動科技,只要你的設計涉及到人與界面之間的交互,這八大規(guī)則在設計過程中至關重要,不容忽視,現(xiàn)在就用這個工作表學習如何將它應用到你的設計中吧。
譯自Euphemia Wong(The Interaction Design Foundation用戶體驗研究員,設計師)博文