10大交互設(shè)計原則,大廠都在用

2022-4-2    周周

所以呢,今天老王來說說交互設(shè)計用的最多的原則——尼爾森十大可用性原則。


1、預(yù)見性原則


很多情況用戶是不知道當(dāng)前狀態(tài)的,所以在適當(dāng)?shù)臅r間內(nèi)做出反饋很重要。不僅能讓用戶知道情況,還能防止用戶發(fā)生錯誤操作。常見反饋有刷新提示、新頁面加載提示、支付提示、下載提示。除了結(jié)果反饋提示外,對于進(jìn)程中的頁面會用進(jìn)度條進(jìn)行表現(xiàn)。



今日頭條APP首頁中,看過的文章標(biāo)題變?yōu)榱嘶疑?、而沒讀過的文章標(biāo)題依舊保留了黑色字體。


2、場景化原則

簡單來說就是讓軟件看起來跟符合真實世界,還原現(xiàn)實認(rèn)知。通過直觀的視覺快速傳達(dá)給用戶。


音樂軟件通過模擬現(xiàn)實唱片并結(jié)合旋轉(zhuǎn)的播放動畫,從而降低了學(xué)習(xí)成本,更輕松的理解界面。


3、可控性原則

說白了就是給用戶發(fā)后悔藥,當(dāng)用戶誤操作時要給用戶提供提供撤銷、取消、重做等相關(guān)功能。買錯商品可以無條件包郵退回。


拼多多凸顯了“退貨免運費”“7無理由退回”服務(wù),解決了用戶買到不滿意產(chǎn)品的售后擔(dān)心。減少了承擔(dān)運費的成本,從而促使了用戶快速下單。


4、一致性原則

一個好的產(chǎn)品從視覺上首先是統(tǒng)一的,色彩、字體、元素保持統(tǒng)一,能加強用戶的記憶力。在交互中同樣如此,頁面結(jié)構(gòu)、操作反饋都需要保持一致性。



QQ首頁列表中不管你點擊那一條目,下一級界面都是由右往左滑出。點擊左上角返回按鈕,會從左往右滑回,體驗完全一致;幾乎所有產(chǎn)品進(jìn)入下一層級頁面的交互方式都是如此。


5、防錯原則

為了減少用戶錯誤的可行性,進(jìn)階是給出錯誤反饋是不夠的,用心一點的設(shè)計師其實會發(fā)現(xiàn)很多的產(chǎn)品是這樣做的。為了防止錯誤的發(fā)生,會進(jìn)行防錯設(shè)計。


比如在發(fā)朋圈時,點擊返回按鈕出現(xiàn)的提示彈窗。彈出框方式會增加不可逆操作的難度,減少操作刪除帶來的順勢。更人性化的是,提示給出了保留和不保留按鈕選擇,選擇保留退出還可以再次編輯。


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

通過把組件、按鈕及選項可見化,減少用戶的記憶負(fù)荷,讓使用更輕松。在使用過程中不需要記住上一頁面的信息就能完成當(dāng)前頁的操作。


通常更新完APP之后,會出現(xiàn)新功能引導(dǎo)。引導(dǎo)提示能告訴用戶新功能所在的位置和作用。這也是協(xié)助記憶原則的體現(xiàn)。


7、靈活高效原則

好的產(chǎn)品不僅僅需要滿足新用戶,還需要滿足深度用戶。保證第一次使用者,能清晰明白功能。對于老用戶需要提供更高效使用方式。


對用戶重復(fù)使用的功能,提供便捷按鈕。比如叮咚買菜的再次購買。


8、輕量化原則


適當(dāng)?shù)牧舭啄茏岉撁婀δ芡怀?,也能讓視覺更加舒服。精致的圖形元素能給用戶留下好的印象。


很多K12的產(chǎn)品會運用IP形象進(jìn)行延展,不僅強化了品牌記憶力,更增強了互動感。


9、容錯原則



10、人性化幫助原則



好了,以上就老王對尼爾森十大原則的解析。其實原理很簡單,甚至很多都是很直觀的廢話,但如果不把它們一條條列出來,還是有很多人連這些廢話都做不到。

關(guān)注細(xì)節(jié),才能成就大事!

文章來源:站酷 作者:micu設(shè)計

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

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

藍(lán)藍(lá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ù)



分享本文至:

日歷

鏈接

個人資料

存檔