Shneiderman 八條黃金法則:助你設(shè)計出更優(yōu)秀的界面

2 評論 16663 瀏覽 49 收藏 13 分鐘

今天跟隨作者來學習下Ben Shneiderman的“界面設(shè)計的八項黃金法則”。

如果你想設(shè)計出色的、高效的、無挫折的用戶界面,請遵循Ben Shneiderman的“界面設(shè)計的八項黃金法則”。

蘋果,谷歌和微軟是其中一些非常成功的公司,其精心設(shè)計的產(chǎn)品反映了Shneiderman的規(guī)則。 Shneiderman黃金法則的特征可以通過企業(yè)巨頭(如上面提到的公司)制定的各種用戶界面指南來識別。 對這些規(guī)則的運用,在它們設(shè)計的流行界面中更為明顯。 本文將通過整合8條黃金法則來教你改善工作。

界面設(shè)計的八條黃金法則

Ben Shneiderman(生于1947年8月21日)是美國馬里蘭大學人機交互實驗室的美國計算機科學家和教授。 他的作品與唐·諾曼(Don Norman)和雅各布·尼爾森(Jakob Nielsen)等當代設(shè)計思想家的實力相當。 在他廣受歡迎的書《設(shè)計用戶界面:有效的人機交互策略》中,Shneiderman展示了他的8個界面設(shè)計黃金法則:

一致性

在設(shè)計類似的情況和操作順序時,通過利用相似的圖標、顏色、菜單層次結(jié)構(gòu)、新手引導、用戶流程來爭取一致性。統(tǒng)一信息傳遞的方式,確保用戶能夠?qū)⒅R從一次點擊遷移到另一次;而無需為同樣的行為學習新的操作。 通過幫助用戶熟悉產(chǎn)品的數(shù)字環(huán)境,一致性扮演著重要的角色,從而可以更輕松地實現(xiàn)目標。

讓經(jīng)常使用你產(chǎn)品的用戶可以使用快捷鍵

隨著使用頻率的增加,用戶需要更快的方法以完成任務(wù)。 例如,Windows和Mac都為用戶提供了用于復制和粘貼的鍵盤快捷方式,因此隨著用戶變得更有經(jīng)驗,他們可以更快速和輕松地導航和操作用戶界面。

提供有意義的反饋

用戶應該始終知道他們當前位于哪里以及發(fā)生了什么。 對于每一個行動,在合理的時間內(nèi)應該有適當?shù)?、人類可讀的反饋。 一個很好的例子就是用戶在回答多頁問卷時,向用戶表明他們在哪里。 我們經(jīng)常看到的一個不好的例子是,一個錯誤信息的提示,顯示著錯誤代碼而不是一個可讀的、有意義的信息。

Windows媒體播放器的設(shè)計者應該記得Ben Shneiderman的第三個黃金法則:提供有意義的反饋。 設(shè)計不當?shù)腻e誤消息通常會顯示一個錯誤代碼,對用戶來說這什么也不是。 作為一名優(yōu)秀的設(shè)計師,您應該始終致力于提供可讀的、有意義的反饋。

告知狀態(tài)

不要讓你的用戶猜測。 告訴他們他們的行為把他們導向了哪里。 例如,用戶在完成在線購買后,會很喜歡“感謝購買”這樣的提示以及購買收據(jù)的證明。

提供簡單的錯誤處理

沒有人喜歡被告知他們錯了,尤其是你的用戶。 系統(tǒng)的設(shè)計應該盡可能地防止錯誤,但是當發(fā)生不可避免的錯誤時,應確保向用戶提供簡單、直觀的分步說明,以盡快、盡可能沒有痛苦得解決問題。 例如,標記出用戶忘記填寫的表單字段。

允許輕松地進行撤銷操作

設(shè)計師應該為用戶提供明顯的方式來扭轉(zhuǎn)他們的行為。 不管是單一行動、數(shù)據(jù)輸入還是整個行動序列,都應允許這些逆轉(zhuǎn)。 正如Shneiderman在他的書中所述:

這個功能減輕了焦慮,因為用戶知道錯誤可以被撤銷; 因此這鼓勵了用戶探索不熟悉的功能。

讓用戶有掌控感

讓你的用戶成為行動的發(fā)起者。 讓用戶感覺到他們完全控制了數(shù)字空間中發(fā)生的事件。 當你設(shè)計的系統(tǒng)的行為像他們所期望的那樣,你就贏得了他們的信任。

減少短期記憶負載

人的注意力是有限的,我們一次只能在短期記憶中記住五項內(nèi)容左右。 因此,界面應盡可能簡單,信息層次要適當,讓用戶去識別信息而不是去回憶。 識別事物總是比回憶容易,因為識別涉及找到線索,并進入我們廣闊的記憶,允許相關(guān)的信息浮出水面。

例如,我們經(jīng)常發(fā)現(xiàn)多選題比問答題容易,因為它只需要我們識別答案,而不是從我們的記憶中回想起來。 被彭博“商業(yè)周刊”稱為“全球最具影響力設(shè)計師”之一的用戶倡導者Jakob Nielsen發(fā)明了包括啟發(fā)式評估在內(nèi)的多種可用性方法。 對回憶的認識是尼爾森用于界面設(shè)計的十種可用性啟發(fā)式方法之一。

了解蘋果如何整合Shneiderman的8項黃金法則

一家北美大型科技公司——蘋果公司就是一個很好的例子,它反映了Shneiderman的八項黃金法則的設(shè)計可以帶來成功的產(chǎn)品。 從麥金塔到移動設(shè)備,該公司都取得了巨大的成功。 他們以自己一貫、直觀、美觀的設(shè)計感到自豪。 蘋果的iOS人機界面指南在2014年年中公開分享,讓人可以窺見到他們的設(shè)計團隊是如何應用Shneiderman’s等的設(shè)計原則。

1. 一致性

蘋果Mac OS的設(shè)計融合了“一致性”和“感知穩(wěn)定性”。 Mac OS菜單欄旨在包含一致的圖形元素,無論是從1980年代還是2010年的版本。

隨著時間的推移,Mac OS的外觀。 Mac OS菜單欄保持一致。

2.快捷鍵

如前所述,Mac允許用戶使用各種鍵盤快捷鍵,常用的例子包括復制和粘貼(Command-X和Command-V),并采取屏幕截圖(Command-Shift-3)。

Mac允許用戶通過提供鍵盤快捷鍵來取代鼠標點擊。

3.?有意義的反饋

當用戶點擊Mac桌面上的文件時,文件變得“突出顯示”:這是一個很好的視覺反饋的例子。 另一個例子是,當用戶在桌面上拖動一個文件夾時,他們可以看到當他們按住鼠標時被表示的物理文件夾被移動。

用戶單擊Mac桌面上的文件夾時,“學習”文件夾就會變亮。

當用戶按住鼠標并在桌面上拖動文件夾時,該文件夾也相應地產(chǎn)生移動。

4. 告知狀態(tài)

當用戶將軟件安裝到Mac OS時,信息屏幕會顯示用戶當前安裝的步驟。

當用戶安裝程序“Parallels Desktop 9”時,顯示它正在“復制文件”。

5.錯誤處理

在軟件安裝過程中,如果發(fā)生錯誤,用戶會收到一條提示信息。根據(jù)錯誤的嚴重程度,識別何時使用更小的、打擾更小的警報以及何時使用更大的警報來警告用戶,這一點很重要。 但是,在出現(xiàn)錯誤時懲罰用戶幾乎是不可接受的,因此,在設(shè)計錯誤信息時要謹慎小心,選擇正確的語氣和正確的措辭。 所以不要簡單地留下一個錯誤代碼來“處理”錯誤!

這是一個溫和的錯誤信息,向用戶解釋正在發(fā)生的事情以及發(fā)生的原因。 它甚至進一步向用戶解釋,當前的狀況是由用戶自己的安全性偏好引起的,從而告知用戶當前正處于用戶的掌控中(參見下面第7條的“讓用戶有掌控感”)。

Windows的一個不好的例子是顯示一個錯誤消息,使用“致命”和“終止”兩個字。 這樣的消極、不友好的話語肯定會嚇跑大多數(shù)用戶!

6.?允許輕松地進行撤銷操作

當用戶在安裝過程中提供信息時出錯時,可以回到上一步,而不必接受“懲罰”重新開始。

用戶可以快速輕松地撤銷之前的操作。

7. 讓用戶有掌控感

讓用戶有權(quán)選擇是繼續(xù)運行程序還是退出程序。 Mac的活動監(jiān)視器允許用戶在程序意外崩潰時“強制退出”。

如果程序崩潰,用戶可以退出或強制退出。

8. 減少短期記憶負載

由于人類一次只能在我們的短期記憶中保留5個項目,蘋果iPhone一直堅持只允許4個應用程序圖標坐在屏幕底部的主菜單區(qū)域。 這個決定不僅涉及到內(nèi)存負載的考慮,而且也考慮了一致性。

蘋果在不同版本的iOS上顯示相同的底部菜單,是實現(xiàn)一致性規(guī)則(第1條規(guī)則)的很好例子。 這也是蘋果如何減少短期內(nèi)存負荷的一個很好的例子(第8條規(guī)則)。 由于人類一次只能在我們的短期記憶中保留5個項目,蘋果iPhone一直堅持只允許4個應用程序圖標坐在屏幕底部的主菜單區(qū)域,不管它是否是iOS 4 或iOS 7。

#專欄作家#

新設(shè)計青年(微信公眾號:新設(shè)計青年),人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝高級交互設(shè)計師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。5年交互設(shè)計經(jīng)驗,專注設(shè)計領(lǐng)域。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 好吧,我了解了CC0協(xié)議,打擾了!

    來自廣東 回復
  2. 你分享的內(nèi)容出現(xiàn)在了一本《UI設(shè)計入門一門就夠》書中,具體內(nèi)容頁碼在p49-p56。

    來自廣東 回復