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