今天跟隨作者來學習下Ben Shneiderman的“界面設計的八項黃金法則”。
如果你想設計出色的、高效的、無挫折的用戶界面,請遵循Ben Shneiderman的“界面設計的八項黃金法則”。
蘋果,谷歌和微軟是其中一些非常成功的公司,其精心設計的產品反映了Shneiderman的規則。 Shneiderman黃金法則的特徵可以通過企業巨頭(如上面提到的公司)制定的各種用戶界面指南來識別。 對這些規則的運用,在它們設計的流行界面中更為明顯。 本文將通過整合8條黃金法則來教你改善工作。
界面設計的八條黃金法則
Ben Shneiderman(生於1947年8月21日)是美國馬里蘭大學人機交互實驗室的美國計算機科學家和教授。 他的作品與唐·諾曼(Don Norman)和雅各布·尼爾森(Jakob Nielsen)等當代設計思想家的實力相當。 在他廣受歡迎的書《設計用戶界面:有效的人機交互策略》中,Shneiderman展示了他的8個界面設計黃金法則:
一致性
在設計類似的情況和操作順序時,通過利用相似的圖標、顏色、菜單層次結構、新手引導、用戶流程來爭取一致性。 統一信息傳遞的方式,確保用戶能夠將知識從一次點擊遷移到另一次;而無需為同樣的行為學習新的操作。 通過幫助用戶熟悉產品的數字環境,一致性扮演著重要的角色,從而可以更輕鬆地實現目標。
讓經常使用你產品的用戶可以使用快捷鍵
隨著使用頻率的增加,用戶需要更快的方法以完成任務。 例如,Windows和Mac都為用戶提供了用於復制和粘貼的鍵盤快捷方式,因此隨著用戶變得更有經驗,他們可以更快速和輕鬆地導航和操作用戶界面。
提供有意義的反饋
用戶應該始終知道他們當前位於哪里以及發生了什麼。 對於每一個行動,在合理的時間內應該有適當的、人類可讀的反饋。 一個很好的例子就是用戶在回答多頁問卷時,向用戶表明他們在哪裡。 我們經常看到的一個不好的例子是,一個錯誤信息的提示,顯示著錯誤代碼而不是一個可讀的、有意義的信息。
Windows媒體播放器的設計者應該記得Ben Shneiderman的第三個黃金法則:提供有意義的反饋。 設計不當的錯誤消息通常會顯示一個錯誤代碼,對用戶來說這什麼也不是。 作為一名優秀的設計師,您應該始終致力於提供可讀的、有意義的反饋。
告知狀態
不要讓你的用戶猜測。 告訴他們他們的行為把他們導向了哪裡。 例如,用戶在完成在線購買後,會很喜歡“感謝購買”這樣的提示以及購買收據的證明。
提供簡單的錯誤處理
沒有人喜歡被告知他們錯了,尤其是你的用戶。 系統的設計應該盡可能地防止錯誤,但是當發生不可避免的錯誤時,應確保向用戶提供簡單、直觀的分步說明,以盡快、盡可能沒有痛苦得解決問題。 例如,標記出用戶忘記填寫的表單字段。
允許輕鬆地進行撤銷操作
設計師應該為用戶提供明顯的方式來扭轉他們的行為。 不管是單一行動、數據輸入還是整個行動序列,都應允許這些逆轉。 正如Shneiderman在他的書中所述:
這個功能減輕了焦慮,因為用戶知道錯誤可以被撤銷; 因此這鼓勵了用戶探索不熟悉的功能。
讓用戶有掌控感
讓你的用戶成為行動的發起者。 讓用戶感覺到他們完全控制了數字空間中發生的事件。 當你設計的系統的行為像他們所期望的那樣,你就贏得了他們的信任。
減少短期記憶負載
人的注意力是有限的,我們一次只能在短期記憶中記住五項內容左右。 因此,界面應盡可能簡單,信息層次要適當,讓用戶去識別信息而不是去回憶。 識別事物總是比回憶容易,因為識別涉及找到線索,並進入我們廣闊的記憶,允許相關的信息浮出水面。
例如,我們經常發現多選題比問答題容易,因為它只需要我們識別答案,而不是從我們的記憶中回想起來。 被彭博“商業周刊”稱為“全球最具影響力設計師”之一的用戶倡導者Jakob Nielsen發明了包括啟發式評估在內的多種可用性方法。 對回憶的認識是尼爾森用於界面設計的十種可用性啟發式方法之一。
了解蘋果如何整合Shneiderman的8項黃金法則
一家北美大型科技公司——蘋果公司就是一個很好的例子,它反映了Shneiderman的八項黃金法則的設計可以帶來成功的產品。 從麥金塔到移動設備,該公司都取得了巨大的成功。 他們以自己一貫、直觀、美觀的設計感到自豪。 蘋果的iOS人機界面指南在2014年年中公開分享,讓人可以窺見到他們的設計團隊是如何應用Shneiderman’s等的設計原則。
1. 一致性
蘋果Mac OS的設計融合了“一致性”和“感知穩定性”。 Mac OS菜單欄旨在包含一致的圖形元素,無論是從1980年代還是2010年的版本。
隨著時間的推移,Mac OS的外觀。 Mac OS菜單欄保持一致。
2.快捷鍵
如前所述,Mac允許用戶使用各種鍵盤快捷鍵,常用的例子包括複製和粘貼(Command-X和Command-V),並採取屏幕截圖(Command-Shift-3)。
Mac允許用戶通過提供鍵盤快捷鍵來取代鼠標點擊。
3. 有意義的反饋
當用戶點擊Mac桌面上的文件時,文件變得“突出顯示”:這是一個很好的視覺反饋的例子。 另一個例子是,當用戶在桌面上拖動一個文件夾時,他們可以看到當他們按住鼠標時被表示的物理文件夾被移動。
用戶單擊Mac桌面上的文件夾時,“學習”文件夾就會變亮。
當用戶按住鼠標並在桌面上拖動文件夾時,該文件夾也相應地產生移動。
4. 告知狀態
當用戶將軟件安裝到Mac OS時,信息屏幕會顯示用戶當前安裝的步驟。
當用戶安裝程序“Parallels Desktop 9”時,顯示它正在“複製文件”。
5.錯誤處理
在軟件安裝過程中,如果發生錯誤,用戶會收到一條提示信息。 根據錯誤的嚴重程度,識別何時使用更小的、打擾更小的警報以及何時使用更大的警報來警告用戶,這一點很重要。 但是,在出現錯誤時懲罰用戶幾乎是不可接受的,因此,在設計錯誤信息時要謹慎小心,選擇正確的語氣和正確的措辭。 所以不要簡單地留下一個錯誤代碼來“處理”錯誤!
這是一個溫和的錯誤信息,向用戶解釋正在發生的事情以及發生的原因。 它甚至進一步向用戶解釋,當前的狀況是由用戶自己的安全性偏好引起的,從而告知用戶當前正處於用戶的掌控中(參見下面第7條的“讓用戶有掌控感”)。
Windows的一個不好的例子是顯示一個錯誤消息,使用“致命”和“終止”兩個字。 這樣的消極、不友好的話語肯定會嚇跑大多數用戶!
6. 允許輕鬆地進行撤銷操作
當用戶在安裝過程中提供信息時出錯時,可以回到上一步,而不必接受“懲罰”重新開始。
用戶可以快速輕鬆地撤銷之前的操作。
7. 讓用戶有掌控感
讓用戶有權選擇是繼續運行程序還是退出程序。 Mac的活動監視器允許用戶在程序意外崩潰時“強制退出”。
如果程序崩潰,用戶可以退出或強制退出。
8. 減少短期記憶負載
由於人類一次只能在我們的短期記憶中保留5個項目,蘋果iPhone一直堅持只允許4個應用程序圖標坐在屏幕底部的主菜單區域。 這個決定不僅涉及到內存負載的考慮,而且也考慮了一致性。
蘋果在不同版本的iOS上顯示相同的底部菜單,是實現一致性規則(第1條規則)的很好例子。 這也是蘋果如何減少短期內存負荷的一個很好的例子(第8條規則)。 由於人類一次只能在我們的短期記憶中保留5個項目,蘋果iPhone一直堅持只允許4個應用程序圖標坐在屏幕底部的主菜單區域,不管它是否是iOS 4 或iOS 7。
#專欄作家#
新設計青年(微信公眾號:新設計青年),人人都是產品經理專欄作家,2017年度作家評選最佳人氣獎。 愛奇藝高級交互設計師。 留德海龜,曾任職騰訊微生活、網易、宜信。 5年交互設計經驗,專注設計領域。
本文原創發佈於人人都是產品經理。 未經許可,禁止轉載。
題圖來自PEXELS,基於CC0協議