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

2022-9-2    博博

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

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

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

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

一、預(yù)見(jiàn)性原則

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

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

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



二、場(chǎng)景化原則

軟件的使用更符合現(xiàn)實(shí)的場(chǎng)景,通過(guò)直觀的視覺(jué)來(lái)貼近真實(shí)的世界,比如使用易懂和約定俗成的表達(dá)。

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



三、可控性原則

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

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



四、一致性原則

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



五、防錯(cuò)原則

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

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



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

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

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



七、靈活高效原則

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

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



八、輕量簡(jiǎn)約原則

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

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



九、容錯(cuò)原則

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

示例:word的自動(dòng)保存功能;登錄頁(yè)密碼輸入錯(cuò)誤,給出錯(cuò)誤提示并修改建議



十、人性化幫助原則

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

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




作者:Nanngua      來(lái)源:站酷

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

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

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

日歷

鏈接

個(gè)人資料

存檔