交互設(shè)計十大原則

2022-9-2    博博

十大交互設(shè)計原則-尼爾森十大可用性原則

交互系統(tǒng)設(shè)計的目標(biāo)可以從“可用性”和“用戶體驗”兩個層面上進行分析,關(guān)注以人為本的用戶需求。

交互設(shè)計有許多的方法和理論,如格式塔心理學(xué)原理、尼爾森可用性原則、7±2法則、3次點擊法則、功能可見性原則、菲茨定律等。

詳解尼爾森十大可用性原則

一、預(yù)見性原則

系統(tǒng)應(yīng)當(dāng)在適當(dāng)?shù)臅r間內(nèi)快速讓用戶知道當(dāng)前所處的狀態(tài),即無論單擊、雙擊還是滾動都會給用戶一個反饋,讓用戶對過去發(fā)生、當(dāng)前目標(biāo)、以及對未來去向有所了解,防止用戶出現(xiàn)錯誤操作。

常見的反饋有刷新提示、加載提示、支付提示、下載提示、進度提示等(具體見#產(chǎn)品中的反饋機制#文章)

示例:進度條、已讀文章標(biāo)題變灰



二、場景化原則

軟件的使用更符合現(xiàn)實的場景,通過直觀的視覺來貼近真實的世界,比如使用易懂和約定俗成的表達。

示例:圖標(biāo)ICON等圖形化手法代替純語言文字(音樂播放轉(zhuǎn)盤)



三、可控性原則

產(chǎn)品需要支持用戶“反悔”,即在用戶出現(xiàn)誤操作時,需要給用戶提供“緊急出口”,做出“撤銷”“返回”“取消”“重做”等功能。

示例:微信聊天的撤回及重新編輯功能;備忘錄的恢復(fù)刪除功能



四、一致性原則

產(chǎn)品的信息架構(gòu)、交互方式、視覺表現(xiàn)等應(yīng)該具有一致性,主要包括結(jié)構(gòu)一致性、色彩一致性、文字一致性、操作一致性、反饋一致性



五、防錯原則

給用戶錯誤的提示不如在用戶發(fā)生錯誤之前避免它,可以幫助用戶排除一些容易出錯的情況,或者進行二次確認。

示例:微信朋友圈編輯內(nèi)容后點選返回會出現(xiàn)是否保留此次編輯的彈窗以及在付款頁面等重要操作之前給出彈窗是否確認支付,銀行卡號輸入時自動以4位數(shù)字為一組便于用戶輸入防錯



六、協(xié)助記憶原則

將用戶的記憶負擔(dān)最小化,盡量減少用戶記憶信息,應(yīng)該提供信息讓用戶辨認。

示例:淘寶的搜索功能,使用關(guān)鍵詞聯(lián)想要搜索的內(nèi)容,避免有些商品名稱記不全可以輕松搜索到;引導(dǎo)頁的新功能提示



七、靈活高效原則

既能保證第一次使用者能清晰明白功能,又能給老用戶提供更高效的使用方式,允許用戶可以定制常用功能。

示例:支付寶首頁可以自定義放置常用功能;餓了么訂單頁面支持用戶再次購買上次的菜單,不需要重復(fù)選擇



八、輕量簡約原則

去除冗余和不相關(guān)元素,適當(dāng)留白,讓功能突出,不會分散用戶注意力,簡潔精致的圖形能留下深刻的印象。

示例:知乎、簡書等內(nèi)容為主的產(chǎn)品,減少元素使用,讓用戶聚焦內(nèi)容,提升用戶體驗



九、容錯原則

盡量幫助用戶從錯誤中恢復(fù),讓損失降到最低。指出錯誤信息,并給解決建議。

示例:word的自動保存功能;登錄頁密碼輸入錯誤,給出錯誤提示并修改建議



十、人性化幫助原則

當(dāng)用戶需要幫助時給予用戶適當(dāng)?shù)膸椭肟?,幫助文檔要易于查找, 專注于用戶任務(wù)。

示例:微信 、淘寶等頁面的幫助與反饋




作者:Nanngua      來源:站酷

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計www.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è)計公司 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔