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