如果你想設(shè)計(jì)出卓越，高效和流暢的用戶界面，就請(qǐng)參考Ben Shneiderman的“界面設(shè)計(jì)的八大黃金法則” 。蘋果，谷歌和微軟設(shè)計(jì)的產(chǎn)品都反映了Shneiderman的法則，這些行業(yè)巨頭制定的用戶界面指南都包含Shneiderman黃金法則中的特征，而這些公司的熱門界面設(shè)計(jì)則是法則的視覺體現(xiàn)。本文將告訴你如何整合8大黃金法則來(lái)改進(jìn)你的工作。

界面設(shè)計(jì)的八大黃金法則

Ben Shneiderman（生于1947年8月21日）是美國(guó)馬里蘭大學(xué)人機(jī)交互實(shí)驗(yàn)室的計(jì)算機(jī)科學(xué)家和教授。他的工作可以媲美Don Norman和Jakob Nielsen。Shneiderman在其熱門書“設(shè)計(jì)用戶界面：有效的人機(jī)交互策略（Designing the User Interface: Strategies for Effective Human-Computer Interaction）”中介紹了界面設(shè)計(jì)的八個(gè)黃金法則：

一致性

當(dāng)你在設(shè)計(jì)類似的功能和操作時(shí)，可以利用熟悉的圖標(biāo)，顏色，菜單的層次結(jié)構(gòu)，行為召喚，用戶流程圖來(lái)實(shí)現(xiàn)一致性。規(guī)范信息表現(xiàn)的方式可以減少用戶認(rèn)知負(fù)擔(dān)，用戶體驗(yàn)易懂流暢。一致性通過幫助用戶快速熟悉產(chǎn)品的數(shù)字化環(huán)境從而更輕松地實(shí)現(xiàn)其目標(biāo)。

常用用戶使用快捷操作

隨著使用次數(shù)的增加，用戶需要有更快的完成任務(wù)的方法。例如，Windows和Mac為用戶提供了用于復(fù)制和粘貼的鍵盤快捷方式，隨著用戶更有經(jīng)驗(yàn)，他們可以更快速，輕松地瀏覽和操作用戶界面。

提供有用信息的反饋

用戶每完成一個(gè)操作，需要系統(tǒng)給出反饋，然后用戶才能感知并進(jìn)入下一步操作。反饋有很多類型，例如聲音提示，觸摸感，語(yǔ)言提示，以及各種類型的組合。對(duì)于用戶的每一個(gè)動(dòng)作，應(yīng)該在合理的時(shí)間內(nèi)提供適當(dāng)?shù)模诵曰姆答仭Ｈ缭O(shè)計(jì)多頁(yè)問卷時(shí)應(yīng)該告訴用戶進(jìn)行到哪個(gè)步驟，要保證讓用戶在盡量少受干擾的情況下得到最有價(jià)值的信息。

作者/版權(quán)持有人：Google，Inc.    版權(quán)條款和許可：合理使用

Windows Media Player設(shè)計(jì)師應(yīng)該牢記Ben Shneiderman的第三個(gè)黃金法則：提供有用信息的反饋。體驗(yàn)不佳的錯(cuò)誤消息通常會(huì)只顯示錯(cuò)誤代碼，對(duì)用戶來(lái)說(shuō)這毫無(wú)意義。作為一名好的設(shè)計(jì)師，你應(yīng)該始終給用戶以可讀和有意義的反饋。

設(shè)計(jì)流程需要設(shè)計(jì)一個(gè)完結(jié)

不要讓你的用戶猜來(lái)猜去，告訴他們其操作會(huì)引導(dǎo)他們到哪個(gè)步驟。例如，用戶在完成在線購(gòu)買后看到“謝謝購(gòu)買”消息提示和支付憑證后會(huì)感到滿足和安心。

提供簡(jiǎn)潔的錯(cuò)誤操作的解決方案

用戶不喜歡被告知其操作錯(cuò)誤。設(shè)計(jì)時(shí)應(yīng)該盡量考慮如何減少用戶犯錯(cuò)誤的機(jī)會(huì)，但如果用戶操作時(shí)發(fā)生不可避免的錯(cuò)誤，不能只報(bào)錯(cuò)而不提供解決方案，請(qǐng)確保為用戶提供簡(jiǎn)單，直觀的分步說(shuō)明，以引導(dǎo)他們輕松快速地解決問題。例如，用戶在填寫在線表單時(shí)忘記填寫某個(gè)輸入框時(shí)，可以標(biāo)記這個(gè)輸入框以提醒用戶。

允許撤銷操作

設(shè)計(jì)人員應(yīng)為用戶提供明顯的方式來(lái)讓用戶恢復(fù)之前的操作，無(wú)論是單次動(dòng)作，數(shù)據(jù)輸入還是整個(gè)動(dòng)作序列后都應(yīng)允許進(jìn)行返回操作，正如Shneiderman在他的書中所說(shuō)：

“這個(gè)功能減輕了焦慮，因?yàn)橛脩糁兰幢悴僮魇д`，之前的操作也可以被撤銷，鼓勵(lì)用戶去大膽放手探索。”

給用戶掌控感

設(shè)計(jì)時(shí)應(yīng)考慮如何讓用戶主動(dòng)去使用，而不是被動(dòng)接受，要讓用戶感覺他們對(duì)數(shù)字空間中一系列操作了如指掌，在設(shè)計(jì)時(shí)按照他們預(yù)期的方式來(lái)獲得他們的信任。

減少短時(shí)記憶負(fù)擔(dān) 

人的記憶力是有限的，我們的短時(shí)記憶每次最多只能記住五個(gè)東西。因此，界面設(shè)計(jì)應(yīng)當(dāng)盡可能簡(jiǎn)潔，保持適當(dāng)?shù)男畔哟谓Y(jié)構(gòu)，讓用戶去再認(rèn)信息而不是去回憶。再認(rèn)信息總是比回憶更容易，因?yàn)樵僬J(rèn)通過感知線索讓相關(guān)信息重現(xiàn)。例如，我們經(jīng)常發(fā)現(xiàn)選擇題比簡(jiǎn)答題更容易，因?yàn)檫x擇題只需要我們對(duì)正確答案再認(rèn)，而不是從我們的記憶中提取。被彭博商業(yè)周刊稱為“世界上最具影響力的設(shè)計(jì)師之一”的Jakob Nielsen發(fā)明了幾種可用性研究方法，包括啟發(fā)式評(píng)估。信息再認(rèn)而非回憶就是Nielsen界面設(shè)計(jì)10種可用性啟發(fā)式原則之一。

了解蘋果的設(shè)計(jì)如何整合Shneiderman的8大黃金法則

蘋果整合Shneiderman的八項(xiàng)黃金法設(shè)計(jì)出成功的產(chǎn)品，他們從Mac到移動(dòng)設(shè)備設(shè)計(jì)都取得了巨大的成功，他們以產(chǎn)品設(shè)計(jì)的一致性，直觀而美麗為榮。蘋果的iOS人機(jī)界面指南也告訴我們他們的設(shè)計(jì)團(tuán)隊(duì)如何應(yīng)用Shneiderman的設(shè)計(jì)原則。

1. 一致性

“一致性”和“感知的穩(wěn)定性”在Mac OS的設(shè)計(jì)中體現(xiàn)得淋漓盡致。不管是80年代的版本，還是現(xiàn)在的版本，Mac OS菜單欄設(shè)計(jì)都包含一致的圖形元素。

作者/版權(quán)持有人：StockSnap.io    版權(quán)條款和許可：CC0

作者/版權(quán)持有人：StockSnap.io    版權(quán)條款和許可證：CC0

隨著時(shí)間的推移，Mac OS的外觀有很大變化，Mac OS菜單欄設(shè)計(jì)都保持一致。

2. 快捷操作

如前所述，Mac允許用戶使用各種鍵盤快捷鍵，使用頻率高的包括復(fù)制和粘貼（Command-X和Command-V）以及截圖（Command-Shift-3）。

作者/版權(quán)持有人：StockSnap.io    版權(quán)條款和許可證：CC0

Mac允許用戶鍵盤快捷方式操作實(shí)現(xiàn)通常需要鼠標(biāo)、觸控板或其他輸入設(shè)備才能完成的操作。

3. 有用信息反饋

當(dāng)用戶點(diǎn)擊Mac桌面上的文件時(shí)，該文件會(huì)“突出顯示”，這是視覺反饋的一個(gè)很好的示例。另外，當(dāng)用戶拖動(dòng)桌面上的文件夾時(shí)，他們可以看到在按住鼠標(biāo)時(shí)，文件夾顯示被移動(dòng)的狀態(tài)。

作者/版權(quán)持有人：Euphemia Wong    版權(quán)條款和許可：合理使用

作者/版權(quán)持有人：Euphemia Wong    版權(quán)條款和許可：合理使用

4.  操作流程的設(shè)計(jì)

當(dāng)用戶將軟件安裝到Mac OS時(shí)，提示信息的屏幕顯示用戶當(dāng)前的安裝步驟。

作者/版權(quán)持有人：Google，Inc.    版權(quán)條款和許可：合理使用

5.  錯(cuò)誤操作的解決方案

在軟件安裝過程中，如果發(fā)生錯(cuò)誤，用戶將收到友好的提示信息。提供復(fù)雜的解決方案，或用戶難以理解的解決方案，或只報(bào)錯(cuò)不提供解決方案，都是極大影響用戶體驗(yàn)，使用戶沮喪的關(guān)鍵原因。根據(jù)錯(cuò)誤操作的嚴(yán)重程度，區(qū)分何時(shí)使用小的，不會(huì)影響用戶操作的提醒，以及何時(shí)使用大的，侵入式提醒。但當(dāng)錯(cuò)誤操作發(fā)生時(shí)，請(qǐng)謹(jǐn)慎選擇正確的語(yǔ)氣和正確的語(yǔ)言提醒用戶操作錯(cuò)誤。

作者/版權(quán)持有人：Google，Inc.    版權(quán)條款和許可：合理使用

Mac OS通過顯示一個(gè)溫和的提示消息向用戶解釋出現(xiàn)了什么錯(cuò)誤操作及其原因。另外，解釋這是由于自己的安全偏好選擇，進(jìn)一步向用戶保證，告訴他們一切在掌控范圍內(nèi)。

作者/版權(quán)持有人：Manutencaonet Blogspot     版權(quán)條款和許可：CC BY 3.0

Windows系統(tǒng)中這個(gè)非常不友好的提示信息使用“fatal（后果嚴(yán)重的）”和“terminated（被終止）”字樣。這樣的負(fù)面的，不友好的言語(yǔ)肯定會(huì)嚇倒大多數(shù)用戶！

6. 允許撤銷操作

當(dāng)用戶在安裝過程中提供信息時(shí)發(fā)生錯(cuò)誤，允許他們重新回到上一步，而不必重新開始。

作者/版權(quán)持有人：Euphemia Wong    版權(quán)條款和許可：合理使用

7. 給用戶掌控感

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

作者/版權(quán)持有人：Euphemia Wong    版權(quán)條款和許可：合理使用

8. 減少短時(shí)記憶負(fù)荷

由于人類短時(shí)記憶每次只能記住5個(gè)東西，所以蘋果iPhone屏幕底部的主菜單區(qū)域中只能放置4個(gè)及以下的應(yīng)用程序圖標(biāo)，這個(gè)設(shè)計(jì)不僅涉及對(duì)記憶負(fù)荷的考慮，還考慮了不同版本一致性問題。

作者/版權(quán)持有人：Brian Voo    版權(quán)條款和許可：合理使用

工作表：如何將Shneiderman的8項(xiàng)黃金法則應(yīng)用于你的界面設(shè)計(jì)

作為設(shè)計(jì)師，你的工作是創(chuàng)建直觀，精美和流暢的用戶界面設(shè)計(jì)，讓用戶感到輕松和滿意。下面這個(gè)工作表可以幫你把上述這些規(guī)則應(yīng)用于你的設(shè)計(jì)中。

譯者：oftodesign

原文作者：Euphemia Wong（The Interaction Design Foundation用戶體驗(yàn)研究員，設(shè)計(jì)師）

本文由 @oftodesign 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

蘭亭妙微(www.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan