2022-5-7 博博
最近有同學(xué)問老王，UI設(shè)計(jì)師是不是需要交互設(shè)計(jì)能力？
當(dāng)然需要，不懂交互的UI不是好UI~
首先UI設(shè)計(jì)不僅僅需要把功能需求可視化，還需要注重用戶體驗(yàn)。所謂用戶體驗(yàn)，其實(shí)就是用戶與頁面的交互。而在交互設(shè)計(jì)中有很多的方法和理論，如格式塔心理學(xué)、尼爾森可用性原則、7+2法制、3次點(diǎn)擊法制、功能可見性原則、菲茨定律等。他們大多的方法也是共同的。
所以呢，今天老王來說說交互設(shè)計(jì)用的最多的原則——尼爾森十大可用性原則。
很多情況用戶是不知道當(dāng)前狀態(tài)的，所以在適當(dāng)?shù)臅r(shí)間內(nèi)做出反饋很重要。不僅能讓用戶知道情況，還能防止用戶發(fā)生錯(cuò)誤操作。常見反饋有刷新提示、新頁面加載提示、支付提示、下載提示。除了結(jié)果反饋提示外，對于進(jìn)程中的頁面會(huì)用進(jìn)度條進(jìn)行表現(xiàn)。
今日頭條APP首頁中，看過的文章標(biāo)題變?yōu)榱嘶疑?、而沒讀過的文章標(biāo)題依舊保留了黑色字體。
簡單來說就是讓軟件看起來跟符合真實(shí)世界，還原現(xiàn)實(shí)認(rèn)知。通過直觀的視覺快速傳達(dá)給用戶。
音樂軟件通過模擬現(xiàn)實(shí)唱片并結(jié)合旋轉(zhuǎn)的播放動(dòng)畫，從而降低了學(xué)習(xí)成本，更輕松的理解界面。
說白了就是給用戶發(fā)后悔藥，當(dāng)用戶誤操作時(shí)要給用戶提供提供撤銷、取消、重做等相關(guān)功能。買錯(cuò)商品可以無條件包郵退回。
拼多多凸顯了“退貨免運(yùn)費(fèi)”“7無理由退回”服務(wù)，解決了用戶買到不滿意產(chǎn)品的售后擔(dān)心。減少了承擔(dān)運(yùn)費(fèi)的成本，從而促使了用戶快速下單。
一個(gè)好的產(chǎn)品從視覺上首先是統(tǒng)一的，色彩、字體、元素保持統(tǒng)一，能加強(qiáng)用戶的記憶力。在交互中同樣如此，頁面結(jié)構(gòu)、操作反饋都需要保持一致性。
QQ首頁列表中不管你點(diǎn)擊那一條目，下一級界面都是由右往左滑出。點(diǎn)擊左上角返回按鈕，會(huì)從左往右滑回，體驗(yàn)完全一致；幾乎所有產(chǎn)品進(jìn)入下一層級頁面的交互方式都是如此。
為了減少用戶錯(cuò)誤的可行性，進(jìn)階是給出錯(cuò)誤反饋是不夠的，用心一點(diǎn)的設(shè)計(jì)師其實(shí)會(huì)發(fā)現(xiàn)很多的產(chǎn)品是這樣做的。為了防止錯(cuò)誤的發(fā)生，會(huì)進(jìn)行防錯(cuò)設(shè)計(jì)。
比如在發(fā)朋圈時(shí)，點(diǎn)擊返回按鈕出現(xiàn)的提示彈窗。彈出框方式會(huì)增加不可逆操作的難度，減少操作刪除帶來的順勢。更人性化的是，提示給出了保留和不保留按鈕選擇，選擇保留退出還可以再次編輯。
通過把組件、按鈕及選項(xiàng)可見化，減少用戶的記憶負(fù)荷，讓使用更輕松。在使用過程中不需要記住上一頁面的信息就能完成當(dāng)前頁的操作。
通常更新完APP之后，會(huì)出現(xiàn)新功能引導(dǎo)。引導(dǎo)提示能告訴用戶新功能所在的位置和作用。這也是協(xié)助記憶原則的體現(xiàn)。
好的產(chǎn)品不僅僅需要滿足新用戶，還需要滿足深度用戶。保證第一次使用者，能清晰明白功能。對于老用戶需要提供更高效使用方式。
對用戶重復(fù)使用的功能，提供便捷按鈕。比如叮咚買菜的再次購買。
適當(dāng)?shù)牧舭啄茏岉撁婀δ芡怀?，也能讓視覺更加舒服。精致的圖形元素能給用戶留下好的印象。
很多K12的產(chǎn)品會(huì)運(yùn)用IP形象進(jìn)行延展，不僅強(qiáng)化了品牌記憶力，更增強(qiáng)了互動(dòng)感。
好了，以上就老王對尼爾森十大原則的解析。其實(shí)原理很簡單，甚至很多都是很直觀的廢話，但如果不把它們一條條列出來，還是有很多人連這些廢話都做不到。
關(guān)注細(xì)節(jié)，才能成就大事！
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn