
只要你的設(shè)計(jì)涉及到人與界面之間的交互,這八大規(guī)則在設(shè)計(jì)過(guò)程中至關(guān)重要。
如果你想設(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)你的工作。
界面設(shè)計(jì)的八大黃金法則
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ù)?,人性化的反饋。如設(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ù)在完成在線購(gòu)買(mǎi)后看到“謝謝購(gòu)買(mǎi)”消息提示和支付憑證后會(huì)感到滿足和安心。
提供簡(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ě)在線表單時(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ò)感知線索讓相關(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)果的設(shè)計(jì)如何整合Shneiderman的8大黃金法則
蘋(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)條款和許可:合理使用
工作表:如何將Shneiderman的8項(xiàng)黃金法則應(yīng)用于你的界面設(shè)計(jì)
作為設(shè)計(jì)師,你的工作是創(chuàng)建直觀,精美和流暢的用戶(hù)界面設(shè)計(jì),讓用戶(hù)感到輕松和滿意。下面這個(gè)工作表可以幫你把上述這些規(guī)則應(yīng)用于你的設(shè)計(jì)中。
從Mac和PC到移動(dòng)設(shè)備甚至是虛擬現(xiàn)實(shí),以及將來(lái)可能出現(xiàn)的任何互動(dòng)科技,只要你的設(shè)計(jì)涉及到人與界面之間的交互,這八大規(guī)則在設(shè)計(jì)過(guò)程中至關(guān)重要,不容忽視,現(xiàn)在就用這個(gè)工作表學(xué)習(xí)如何將它應(yīng)用到你的設(shè)計(jì)中吧。
以上就是上海網(wǎng)站制作公司——海淘科技為你推出《界面設(shè)計(jì)的八大黃金法則》的全部?jī)?nèi)容。想看更多的內(nèi)容,可點(diǎn)擊:企業(yè)微博營(yíng)銷(xiāo)注意事項(xiàng),于此同時(shí),海淘科技還提供了網(wǎng)站建設(shè)案例,可點(diǎn)擊:金融行業(yè)網(wǎng)站建設(shè)案例