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