尼爾森十大設(shè)計原則是由著名的用戶體驗專家、網(wǎng)站設(shè)計師雅各布·尼爾森(Jakob Nielsen)提出的。這些原則旨在幫助設(shè)計師創(chuàng)建更具用戶友好性和易用性的數(shù)字產(chǎn)品和網(wǎng)站。
這些原則的來源可以追溯到尼爾森在其著作《使用者體驗的十大原則》("10 Usability Heuristics for User Interface Design")中提出的。
用戶在界面上應(yīng)該能輕易地看到他們需要的信息。如果信息不直接展示給用戶,那么應(yīng)通過明顯的提示來指引用戶如何獲取。
例如:如果一個功能可以通過菜單訪問,那么這個菜單的標識和位置應(yīng)當清晰明確。
當用戶與界面進行交互時,系統(tǒng)應(yīng)該提供及時的、可見的反饋。
例如:當用戶點擊一個按鈕時,按鈕可以顯示不同的視覺效果(如顏色變化、陷入效果等)來告知用戶其操作已被系統(tǒng)識別。
用戶可用的操作選項應(yīng)該清晰展示。界面應(yīng)避免隱藏用戶可能需要的功能。操作的可見性可以通過良好的界面布局和適當?shù)目丶x擇來加以增強。
例如:當斷網(wǎng)時,下拉刷新用戶會看的一個情感化加載動畫,提示用戶在加載中。
系統(tǒng)的當前狀態(tài)應(yīng)該對用戶是明顯的。
例如:在一個復雜的表單或多步驟流程中,界面應(yīng)該清楚地顯示當前處于哪一步。這樣用戶可以隨時了解自己的進度和狀態(tài),降低因迷茫而產(chǎn)生的用戶挫敗感。
如果發(fā)生錯誤,應(yīng)該有清楚的錯誤信息顯示給用戶,并且提供簡單的、操作性的建議來解決這些錯誤。錯誤信息應(yīng)該具體到足夠用戶理解發(fā)生了什么問題,并指導他們?nèi)绾渭m正。
例如:我們在輸入密碼的界面時,出現(xiàn)錯誤時會在下方提示當前密碼輸入錯誤,提示引導用戶請輸入數(shù)字+符號的組合密碼。
例如:我們常坐的地鐵到站顯示,乘坐高鐵時的候車室列表,還有去超市買菜時自動結(jié)算上顯示的數(shù)量金額、計算器等。
模仿用戶在現(xiàn)實生活中熟悉的物體和行為,這樣可以使用戶能夠輕松地理解和使用軟件。
例如:將按鈕設(shè)計成與現(xiàn)實中的按鈕相似的樣式,讓用戶有按下按鈕的直觀感受。
界面設(shè)計應(yīng)該符合行業(yè)內(nèi)人機交互和設(shè)計規(guī)范的標準符合用戶的習慣,以減少用戶的認知負擔和學習成本。
例如:將網(wǎng)頁的導航菜單放置在頁面的頂部或側(cè)邊,符合用戶對網(wǎng)頁導航的常規(guī)期待。
在整個界面中保持一致性,使得用戶在不同部分之間能夠輕松地轉(zhuǎn)換和理解。這包括一致的布局、一致的交互方式等。一致性可以提高用戶的操作效率,減少錯誤和混淆。
例如:設(shè)計中的UI規(guī)范,交互樣式保持一致性,書籍畫冊等里面的標題內(nèi)容字體大小也遵循一致性原則。
當用戶與界面進行交互時,界面應(yīng)該提供及時、直觀的反饋,讓用戶清楚地知道他們的操作已被識別和響應(yīng)。
例如:按鈕被按下時產(chǎn)生的視覺反饋、鏈接被點擊時的狀態(tài)變化等。
界面設(shè)計應(yīng)避免違背用戶的期望和常規(guī)操作,否則可能導致用戶的困惑和挫敗感。
例如:點擊一個圖標卻得到了與期望不符的結(jié)果,這會讓用戶感到困惑和不滿。
設(shè)計應(yīng)該考慮用戶的認知能力和心理模型,(需要根據(jù)用戶畫像,數(shù)據(jù)統(tǒng)計等定義用戶群體,年齡端的不同認知也是不同的),使得界面的布局和功能對用戶來說更加自然和易于理解。
例如:將相關(guān)的功能組織在一起,符合用戶的認知結(jié)構(gòu)。
例如:最簡單案例體現(xiàn),可以從圖標的演變過程就可以感受到,從真實生活中的電話演變成圖標,一直到現(xiàn)在的扁平化顯示的電話圖標。
貼近現(xiàn)實場景在生活中有哪些體現(xiàn)呢?
例如:我們生活中的汽車發(fā)展過程,從蒸汽汽車,到油車再到現(xiàn)在的新能源汽車,一直在變的是外觀和里面的內(nèi)飾,不變的是在大家受環(huán)境影響認知里的東西,四個輪子大家很容易就想到車。
界面應(yīng)該提供清晰明確的操作選項,讓用戶知道可以做什么以及如何做。
例如:在編輯界面中,應(yīng)該明確標識出保存、撤銷、刪除等操作按鈕,讓用戶知道可以進行哪些操作。
用戶應(yīng)該可以隨時撤銷之前的操作或返回到之前的狀態(tài),而不會造成不可逆的影響。
例如:提供撤銷按鈕、返回按鈕或者多級回退功能,讓用戶可以自由地調(diào)整和修正他們的操作。
界面設(shè)計應(yīng)避免強制用戶進行某些操作或者遵循固定的模式。應(yīng)該給用戶足夠的自由度,讓他們根據(jù)自己的需求和偏好來進行操作。
例如:不要強制用戶在注冊時填寫過多的信息,而是提供必填和選填項,讓用戶可以根據(jù)自己的情況選擇填寫。
在界面中應(yīng)該提供明確的退出選項,讓用戶可以隨時退出當前操作或者返回到上一層級。
例如:在應(yīng)用程序中提供退出按鈕或者返回到主界面的選項,讓用戶可以方便地退出當前任務(wù)或者返回到初始狀態(tài)。
界面設(shè)計應(yīng)該采取措施防止用戶因為誤操作而造成不必要的損失或者困擾。
例如:在危險操作(如刪除文件)前要求用戶確認,以避免誤操作造成的后果。
為用戶提供鍵盤快捷鍵和手勢操作的支持,讓他們可以通過更快速和高效的方式來完成操作。這可以提高用戶的操作效率和滿意度,增強用戶的控制感和自由度。
用戶控制和自由原則在生活中有哪些體現(xiàn)呢?
例如:我們經(jīng)常出去吃飯,有些飯店可能比較火需要進行預約,預約后不想去了可以在軟件上取消也可以打電話取消。我們進行購物時,收到了物品不想要也可以進行退換貨。
界面中的布局、排版和樣式應(yīng)該保持一致,讓用戶在不同頁面和功能之間能夠輕松地切換和理解。例如:相似的功能應(yīng)該采用相似的排列方式和視覺風格,按鈕、導航欄等元素的位置和樣式也應(yīng)該保持一致。
界面中的交互方式和操作流程應(yīng)該保持一致,讓用戶能夠在不同的功能和場景中使用相似的操作方法。例如:點擊按鈕應(yīng)該在不同頁面中具有相同的效果,滑動手勢在不同功能中也應(yīng)該具有相似的操作意義。
界面設(shè)計應(yīng)該遵循行業(yè)的標準化設(shè)計規(guī)范,符合用戶的習慣和期望,減少用戶的認知負擔和學習成本。例如:網(wǎng)頁設(shè)計中遵循Web Content Accessibility Guidelines(WCAG)等國際標準,移動應(yīng)用設(shè)計中遵循iOS Human Interface Guidelines或Material Design等平臺規(guī)范。
界面中使用的圖標和符號應(yīng)該統(tǒng)一且易于理解,避免混淆和歧義。例如,使用相同的圖標來表示相似的功能或操作,以便用戶能夠快速識別和理解。例如:手機主題界面的顯示,電話的圖標會從生活中電話提取圖形標識。
界面中使用的術(shù)語和語言應(yīng)該保持一致,避免混淆和困惑。
例如:在不同頁面和功能中使用相同的術(shù)語和表達方式,以便用戶能夠準確地理解和識別。
界面中的反饋信息應(yīng)該保持一致,讓用戶能夠清晰地知道他們的操作已被識別和響應(yīng)。
例如:成功操作和錯誤操作應(yīng)該有明確的視覺和語言反饋,以便用戶能夠及時調(diào)整和糾正。
例如:我們經(jīng)常逛的超市或者菜市場都會遵循標準化,相同或相似的商品進行歸類,看起來很整齊方便用戶購買,馬路上的紅綠燈,全國保持一致性降低用戶認知負擔。
當用戶出現(xiàn)錯誤或者不確定性時,界面應(yīng)該提供明確的反饋和指導,讓用戶知道出了什么問題以及如何解決。
例如:當用戶輸入錯誤的密碼時,界面應(yīng)該明確提示用戶密碼錯誤,并且提供重新輸入或者找回密碼的選項。
用戶應(yīng)該可以隨時撤銷之前的操作或者返回到之前的狀態(tài),從而糾正錯誤或者重新開始。
例如:在編輯界面中提供撤銷按鈕或者返回按鈕,讓用戶可以隨時取消之前的操作并且返回到之前的狀態(tài)。
界面設(shè)計應(yīng)該盡量避免嚴格的輸入要求,允許用戶輸入格式的靈活性和容錯性。
例如:在表單輸入時,可以采用自動補全、格式化等技術(shù)來輔助用戶輸入,減少用戶的輸入錯誤。
當用戶出現(xiàn)錯誤或者不確定性時,界面應(yīng)該提供輔助和提示,幫助用戶找到正確的解決方案。例如:在輸入框中提供提示性的文字或者示例,指導用戶如何正確地輸入信息。
界面設(shè)計應(yīng)該盡量減少不必要的強制性操作,避免因為用戶的操作失誤而造成不可逆的影響。例如:在我們進行轉(zhuǎn)賬操作時要求用戶對轉(zhuǎn)賬金額進行確認,以避免誤操作造成的損失。
當用戶遇到異常情況時,界面應(yīng)該能夠優(yōu)雅地處理并給予用戶友好的提示和解決方案。
例如:當網(wǎng)絡(luò)連接出現(xiàn)問題時,界面應(yīng)該顯示友好的錯誤信息,并且提供重試或者刷新的選項。
例如:想要出去旅游到窗口購票,發(fā)現(xiàn)買錯了可以去窗口找工作人員改簽,或退票重新購買,這時工作人員會二次確認是否改簽,用戶回答確定,改簽成功。因為天氣原因造成的列車無法發(fā)車,會提示用戶進行退票或改簽操作。
界面設(shè)計應(yīng)該盡量簡化操作流程,減少不必要的步驟和冗余的操作,讓用戶能夠更快速地完成任務(wù)。
例如:在購物網(wǎng)站中,簡化下單流程,減少用戶填寫信息的步驟。
界面應(yīng)該提供直接的路徑讓用戶達到目標,不需要經(jīng)過多次點擊或者瀏覽。
例如:在網(wǎng)頁中提供明顯的導航鏈接,讓用戶可以直接跳轉(zhuǎn)到所需的頁面。
盡量減少用戶需要輸入的信息和數(shù)據(jù),采用自動填充或者預設(shè)數(shù)值的方式來簡化用戶操作。
例如:在搜索框中提供模糊搜索提示的功能,減少用戶輸入的工作量。
界面上的按鈕、鏈接和標識應(yīng)該清晰明確,讓用戶一眼就能看出其功能和作用。同時,界面應(yīng)該提供明確的提示和指導,引導用戶完成操作。
例如:在網(wǎng)頁中使用明顯的按鈕和圖標來表示可點擊的功能,同時提供鼠標懸停提示來解釋按鈕的作用。
界面的響應(yīng)速度應(yīng)該盡量快速,減少用戶等待的時間。
例如;當用戶點擊按鈕或者鏈接時,界面應(yīng)該立即給出反饋,讓用戶知道其操作已被識別。
界面設(shè)計應(yīng)符合用戶的期望和習慣,讓用戶能夠直觀地理解界面上的布局和功能。
例如:將相關(guān)的功能組織在一起,符合用戶的認知結(jié)構(gòu)。
例如:現(xiàn)在一些大型超市購物時提供自動掃碼結(jié)算的機器,減少用戶的等待時間,響應(yīng)速度快,還有快捷刷臉支付(手機沒有帶也可以支付喲)用戶可以很直觀的進行支付。
界面設(shè)計應(yīng)該支持多種操作方式,讓用戶可以根據(jù)自己的習慣和偏好選擇最適合自己的方式進行操作。
例如:提供鍵盤快捷鍵、手勢操作、語音控制等多種方式。
2. 自適應(yīng)和響應(yīng)式設(shè)計
界面設(shè)計應(yīng)該具有自適應(yīng)和響應(yīng)式的特性,能夠適應(yīng)不同設(shè)備和屏幕尺寸的顯示,并且在不同分辨率下保持良好的布局和可用性。這樣用戶可以在任何設(shè)備上以相似的方式進行操作。
例如:我們常見的PC端網(wǎng)站會根據(jù)屏幕尺寸的不同響應(yīng)式布局(Behance、花瓣等網(wǎng)站)。
界面應(yīng)該提供個性化的設(shè)置和選項,讓用戶可以根據(jù)自己的需求和偏好進行定制。
例如,允許用戶自定義界面的布局、顏色主題、字體大小等。
界面設(shè)計應(yīng)該支持快速導航和查找功能,讓用戶能夠迅速找到所需的信息和功能。
例如:提供搜索框和過濾選項,讓用戶可以快速定位到目標內(nèi)容。
界面設(shè)計應(yīng)盡量減少不必要的點擊和步驟,簡化操作流程,提高用戶的操作效率。
例如:采用一鍵下單的方式,減少用戶提交訂單的步驟。
界面設(shè)計應(yīng)該提供即時的反饋和狀態(tài)更新,讓用戶清楚地知道他們的操作已被識別和響應(yīng)。這樣可以提高用戶的操作效率和滿意度。
例如:當用戶提交表單或者完成購買時,界面應(yīng)該立即顯示成功的反饋信息。
例如:火鍋在選擇上提供了多種口味的美食,一口鍋全都煮了,用戶也可以根據(jù)自己口味不同進行調(diào)料,做的比較哇塞的火鍋店,還會貼上不同口味的搭配引導,對于第一次或不經(jīng)常吃火鍋店用戶就很友好,食物放進火鍋里會通過食材的顏色或軟硬程度辨別是否熟了,給到用戶反饋可以吃咯。
界面設(shè)計應(yīng)該去除不必要的冗余信息,只保留核心和重要的內(nèi)容,以減少用戶的干擾和混亂。例如:去除重復的導航鏈接、無關(guān)的廣告等。
界面的布局和排版應(yīng)該簡潔明了,避免過多的裝飾和復雜的結(jié)構(gòu),以提高用戶的閱讀和理解效率。
例如:采用簡單的網(wǎng)格布局,保持頁面的整潔和清晰。
界面設(shè)計應(yīng)該將核心功能突出顯示,讓用戶一目了然地找到所需的功能和信息。不必要的功能應(yīng)該隱藏或者移除,以減少用戶的選擇困難和認知負擔。
例如:商品頁面,商品名稱、信息、價格、快捷加入購物車、買幾份這種功能就放在了下一個頁面減少對用戶的干擾。
操作流程應(yīng)該簡化至最少的步驟,避免不必要的點擊和跳轉(zhuǎn),提高用戶的操作效率。
界面中使用的語言和標識應(yīng)該清晰明了,避免歧義和混淆。按鈕、鏈接等元素的標識應(yīng)該直接表達其功能,讓用戶一目了然。
視覺元素應(yīng)該精簡,避免過多的裝飾和復雜的效果,以保持界面的干凈和清晰。顏色、字體、圖標等元素的使用應(yīng)該簡潔大方,突出重點。
界面設(shè)計應(yīng)該提供必要的幫助和指導,讓用戶能夠快速了解界面的使用方法和操作流程。但是這些幫助信息也應(yīng)該簡潔明了,避免過多的文字和復雜的說明。
例如:商場的逃生通道標識,辦公室滅火器都會放在比較容易看到的地方,經(jīng)常坐地鐵的時候指引箭頭就很符合簡潔性原則,不需要放過多的解釋說明文案,大家都可以看懂具備什么含義。
界面設(shè)計應(yīng)該提供清晰明了的幫助文檔和說明,讓用戶能夠快速找到解決問題的方法和答案。這些文檔和說明應(yīng)該簡潔明了,避免使用過多的專業(yè)術(shù)語和復雜的語言。
界面應(yīng)該提供實時的反饋和指導,讓用戶知道他們的操作是否成功,以及如何繼續(xù)下一步。例如,在表單輸入時實時檢查格式是否正確,并給予相應(yīng)的提示。
界面設(shè)計應(yīng)該提供可搜索的幫助資源,讓用戶能夠快速找到所需的信息和解決方案。這些幫助資源可以包括常見問題解答、在線幫助文檔、視頻教程等。
當用戶遇到錯誤或者問題時,界面應(yīng)該給予友好的錯誤提示和解決方案,讓用戶知道發(fā)生了什么問題以及如何解決。錯誤提示應(yīng)該具體明了,避免使用晦澀難懂的術(shù)語。
界面設(shè)計應(yīng)該提供在線支持和反饋渠道,讓用戶能夠隨時聯(lián)系到客戶服務(wù)團隊并獲得幫助。這些支持和反饋渠道可以包括在線聊天、電子郵件支持、社區(qū)論壇等。
界面設(shè)計應(yīng)該優(yōu)化用戶體驗和流程設(shè)計,減少用戶可能遇到的問題和困難。例如,簡化操作流程、提供明確的導航和引導、避免技術(shù)性障礙等。
界面設(shè)計團隊應(yīng)該持續(xù)改進和優(yōu)化界面,根據(jù)用戶的反饋和需求不斷調(diào)整和改進設(shè)計方案,以提高用戶的滿意度和體驗質(zhì)量。
幫助用戶識別和解決問題原則在生活中有哪些體現(xiàn)呢?
例如:我們在印刷書籍時,印刷廠會給我們講解紙張的尺寸,材質(zhì),類型、價格等,幫助我們了解和選擇適合的印刷品。
界面設(shè)計應(yīng)該使用溫馨、友好和人性化的語言和表達方式,讓用戶感到被關(guān)心和被尊重。
例如:在錯誤提示和幫助文檔中使用親切的語氣和表達方式。
界面設(shè)計應(yīng)該關(guān)注用戶的情感和需求,根據(jù)用戶的心理和情感狀態(tài)來設(shè)計界面和提供幫助。
例如:在用戶遇到困難或者錯誤時,表達理解和支持,提供鼓勵和安慰。
界面設(shè)計應(yīng)該提供個性化的幫助和支持,根據(jù)用戶的偏好和習慣來提供定制化的解決方案。
例如:根據(jù)用戶的歷史操作記錄和偏好,推薦相關(guān)的幫助文檔或者解決方案。
界面應(yīng)該及時地回應(yīng)用戶的需求和問題,給予及時的反饋和解決方案。
例如:提供實時的在線支持和反饋渠道,讓用戶能夠隨時聯(lián)系到客戶服務(wù)團隊。
界面設(shè)計應(yīng)該鼓勵和獎勵用戶的積極行為,增強用戶的參與和忠誠度。
例如:通過積分系統(tǒng)或者優(yōu)惠活動來獎勵用戶的購買行為和參與度。
界面設(shè)計應(yīng)該提供愉快和愉悅的使用體驗,讓用戶感到舒適和愉快。
例如:通過動畫、音效等方式增強界面的趣味性和互動性,讓用戶感到愉悅和享受。
界面設(shè)計應(yīng)該尊重用戶的隱私和權(quán)利,保護用戶的個人信息和數(shù)據(jù)安全。
例如:明確告知用戶數(shù)據(jù)的使用目的和范圍,遵守相關(guān)的隱私政策和法律法規(guī)。
例如:人行道上的盲道,看新聞時的手語講解介紹,都是比較人性化的一部分,還有賣的老年機等等。
關(guān)于尼爾森十大設(shè)計原則包括可見性、反饋、控制性、一致性、容錯、簡潔性、靈活高效、幫助用戶識別和解決問題、人性化幫助、用戶控制和自由。以下為此原則優(yōu)點詳解:
1. 提高用戶體驗質(zhì)量: 這些原則旨在提高用戶對產(chǎn)品的整體感受和滿意度,使用戶更愿意使用并持續(xù)與產(chǎn)品互動。
2. 降低學習成本: 設(shè)計原則的一致性和可見性幫助用戶更快地熟悉界面,減少了學習新功能的時間和認知負擔。
3. 增強用戶參與度: 提供了用戶控制和自由的原則,使用戶感到更加投入和自主,從而增強了其對產(chǎn)品的參與度。
4. 提升用戶效率: 設(shè)計原則的靈活高效性使用戶能夠更快速地完成任務(wù),提高了用戶的工作效率和操作效率。
5. 減少用戶錯誤: 容錯性原則和幫助用戶識別和解決問題的原則有助于減少用戶的錯誤操作,提高了用戶的成功率。
6. 簡化用戶交互: 一致性、簡潔性和靈活高效性設(shè)計原則簡化了用戶與產(chǎn)品之間的交互,使用戶界面更加直觀和易于理解。
7. 增強產(chǎn)品的競爭力: 設(shè)計原則的綜合應(yīng)用使得產(chǎn)品更具有吸引力和競爭力,有助于產(chǎn)品在市場中脫穎而出。
8. 提高用戶忠誠度: 人性化幫助和用戶控制和自由原則增強了用戶對產(chǎn)品的信任和忠誠度,使用戶更愿意選擇并長期使用產(chǎn)品。
9. 節(jié)約資源成本: 通過降低用戶錯誤和提高用戶效率,可以減少用戶的時間和精力成本,從而節(jié)約了資源成本。
10. 適應(yīng)不同用戶群體: 這些設(shè)計原則的靈活性和人性化幫助原則使得產(chǎn)品能夠適應(yīng)不同用戶群體的需求和偏好,從而擴大了產(chǎn)品的受眾范圍。
https://www.nngroup.com/articles/ten-usability-heuristics/
https://medium.com/@nirbenita/the-10-design-heuristics-for-developers-1e70a9dc58a7
https://medium.com/@marialauraramirez/a-summary-of-nielsens-ux-principles-f482f32678f9
https://alonzowebster.medium.com/principles-of-ux-design-f7d5b193e19e
https://medium.com/@fireartstudio/common-ui-design-principles-d9889377f90b
https://medium.com/visual-side/10-usability-heuristics-for-user-interface-design-551dac8744e