2024-10-17 資深UI設(shè)計(jì)者 交互設(shè)計(jì)及用戶體驗(yàn)
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é)果反饋提示外，對(duì)于進(jìn)程中的頁面會(huì)用進(jìn)度條進(jìn)行表現(xiàn)。
今日頭條APP首頁中，看過的文章標(biāo)題變?yōu)榱嘶疑?、而沒讀過的文章標(biāo)題依舊保留了黑色字體。
簡(jiǎn)單來說就是讓軟件看起來跟符合真實(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)擊那一條目，下一級(jí)界面都是由右往左滑出。點(diǎn)擊左上角返回按鈕，會(huì)從左往右滑回，體驗(yàn)完全一致；幾乎所有產(chǎn)品進(jìn)入下一層級(jí)頁面的交互方式都是如此。
為了減少用戶錯(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ì)增加不可逆操作的難度，減少操作刪除帶來的順勢(shì)。更人性化的是，提示給出了保留和不保留按鈕選擇，選擇保留退出還可以再次編輯。
通過把組件、按鈕及選項(xiàng)可見化，減少用戶的記憶負(fù)荷，讓使用更輕松。在使用過程中不需要記住上一頁面的信息就能完成當(dāng)前頁的操作。
通常更新完APP之后，會(huì)出現(xiàn)新功能引導(dǎo)。引導(dǎo)提示能告訴用戶新功能所在的位置和作用。這也是協(xié)助記憶原則的體現(xiàn)。
好的產(chǎn)品不僅僅需要滿足新用戶，還需要滿足深度用戶。保證第一次使用者，能清晰明白功能。對(duì)于老用戶需要提供更高效使用方式。
對(duì)用戶重復(fù)使用的功能，提供便捷按鈕。比如叮咚買菜的再次購買。
適當(dāng)?shù)牧舭啄茏岉撁婀δ芡怀?，也能讓視覺更加舒服。精致的圖形元素能給用戶留下好的印象。
很多K12的產(chǎn)品會(huì)運(yùn)用IP形象進(jìn)行延展，不僅強(qiáng)化了品牌記憶力，更增強(qiáng)了互動(dòng)感。
好了，以上就老王對(duì)尼爾森十大原則的解析。其實(shí)原理很簡(jiǎn)單，甚至很多都是很直觀的廢話，但如果不把它們一條條列出來，還是有很多人連這些廢話都做不到。
關(guān)注細(xì)節(jié)，才能成就大事！
作者：micu設(shè)計(jì)
鏈接：https://www.zcool.com.cn/article/ZMTI2NzQyNA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)(www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
鏈接：https://www.zcool.com.cn/article/ZMTYzNTc2MA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)(www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com