Shneiderman的八大黃金法則——完美界面設(shè)計秘訣

2022-5-16    博博

從Mac和PC,從移動設(shè)備到虛擬現(xiàn)實,以及未來可能出現(xiàn)的任何互動科技,只要涉及到人與界面之間的交互設(shè)計,Shneiderman的八大黃金

f67f5947cdf2a8012193a389f7e5.jpg


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


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


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


  • 一致性


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


  • 常用用戶使用快捷操作


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


  • 提供有用信息的反饋


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


62525947ce14a8012193a31dda20.jpg

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


Windows Media Player設(shè)計師應(yīng)該牢記Ben Shneiderman的第三個黃金法則:提供有用信息的反饋。體驗不佳的錯誤消息通常會只顯示錯誤代碼,對用戶來說這毫無意義。作為一名好的設(shè)計師,你應(yīng)該始終給用戶以可讀和有意義的反饋。


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


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


  • 提供簡潔的錯誤操作的解決方案


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


  • 允許撤銷操作


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


“這個功能減輕了焦慮,因為用戶知道即便操作失誤,之前的操作也可以被撤銷,鼓勵用戶去大膽放手探索。”


  • 給用戶掌控感


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


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


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


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


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


1.  一致性


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


7ad45947ce40a8012193a354848a.jpg

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


c7165947ce52a8012193a32ce01b.jpg

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


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


2.  快捷操作


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


343f5947ce68a8012193a316b2ce.jpg

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


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


3.  有用信息反饋


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


c75f5947ce7da8012193a39ff8f0.jpg

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


56f45947ce8ca8012193a3703cff.jpg

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


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


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


81935947cea0a8012193a3e02c72.jpg

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


5.  錯誤操作的解決方案


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


4be55947ceb2a8012193a3975133.jpg

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


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



b14b5947cec4a8012193a377376a.jpg

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


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


6.  允許撤銷操作


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



b6ba5947ced6a8012193a36254cf.jpg

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


7.  給用戶掌控感


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


1c765947cee9a8012193a3b3fb7c.jpg

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


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


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


e2e95947cf00a8012193a3ebc1a0.jpg

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


a7c65947cf2ca8012193a30aa178.jpg

作者/版權(quán)持有人:Pixabay    版權(quán)條款和許可證:CC0


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


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


73f65947cf85a8012193a32d7543.jpg

工作表的PDF格式下載鏈接: https://pan.baidu.com/s/1nvp1EKp    密碼: mjq7


從Mac和PC到移動設(shè)備甚至是虛擬現(xiàn)實,以及將來可能出現(xiàn)的任何互動科技,只要你的設(shè)計涉及到人與界面之間的交互,這八大規(guī)則在設(shè)計過程中至關(guān)重要,不容忽視,現(xiàn)在就用這個工作表學(xué)習(xí)如何將它應(yīng)用到你的設(shè)計中吧。


作者: oftodesign

轉(zhuǎn)載請注明:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


分享本文至:

日歷

鏈接

個人資料

存檔