網(wǎng)頁(yè)設計提升用戶(hù)體驗的設計原則
作為用戶(hù),在很多時(shí)候會(huì )很容易判斷出一個(gè)網(wǎng)站的用戶(hù)體驗是否優(yōu)秀,因為主觀(guān)感受是很難被欺騙的。但是作為網(wǎng)站的設計者和開(kāi)發(fā)者,角色轉換之后,所需要面對問(wèn)題就復雜得多。身為構建者,要讓體驗盡善盡美需要花費大量的時(shí)間精力來(lái)完善整個(gè)體驗的閉環(huán)。今天為你所整理的這7個(gè) UX設計的原則,能夠幫你更好地進(jìn)行網(wǎng)站的 UX設計,并且盡可能地將整體的用戶(hù)體驗提升到一定高度。
1. 圍繞用戶(hù)體驗來(lái)進(jìn)行整體設計
想要創(chuàng )造難忘的用戶(hù)體驗,自然要圍繞著(zhù)用戶(hù)體驗本身來(lái)進(jìn)行設計。甚至在某種意義上來(lái)說(shuō),數據和內容也應該是服務(wù)于體驗的, 它們應該以什么樣的體驗來(lái)呈現出來(lái),這是設計者需要反復思考和琢磨的問(wèn)題。
圖形、布局、文本和交互元素之間的協(xié)同工作才能創(chuàng )造體驗,任何一個(gè)維度缺一不可,單純的信息展示是不夠的。
想讓你的網(wǎng)頁(yè)能在互聯(lián)網(wǎng)上大量的信息中脫穎而出,體驗是至關(guān)重要的。現代網(wǎng)頁(yè)中大量的視覺(jué)和交互內容存在,是為了能通過(guò)體驗直擊人心,這樣才能在激烈的競爭中存活。
2. 網(wǎng)站內容應當一目了然
如果你認為網(wǎng)站內容是用來(lái)讀的,那就錯了。現代用戶(hù)的注意力集中的時(shí)間非常短,絕大多數用戶(hù)在瀏覽信息的時(shí)候,都是快速掃視,而非逐字逐句地仔細閱讀,信息的展現一定要直觀(guān)、清晰,確保能夠一瞥就能看明白。借助信息圖表和視覺(jué)特效,更快地傳達信息和數據。
你需要讓你的內容更加吸引用戶(hù),絕大多數用戶(hù)會(huì )為觸動(dòng)它們的信息和內容而駐足,當他們想要了解更多的時(shí)候,才會(huì )點(diǎn)擊,了解更多。
3. 用戶(hù)想要簡(jiǎn)單而清晰的內容
用戶(hù)只需要半秒就能判斷出網(wǎng)站設計和內容,你需要盡量讓網(wǎng)站的交互和指引足夠清晰,顯而易見(jiàn)。不要讓按鈕難以被用戶(hù)發(fā)現,在首頁(yè)上放上一大堆的按鈕和鏈接,不如通過(guò)視覺(jué)上的引導,讓用戶(hù)注意到最關(guān)鍵的那個(gè) CTA按鈕。
通過(guò)迭代和測試,不斷地優(yōu)化和提升網(wǎng)站的易用性。有的設計對于絕大多數的用戶(hù)都非常有用,凸顯最重要的選項,允許隱藏額外的功能,并且為用戶(hù)提供顯示全部的選項。
除了清晰的設計,整體的一致性也很重要。統一的配色、交互和圖形能夠讓用戶(hù)對于后續的操作有更清晰的預期,減少用戶(hù)在后續操作過(guò)程中探索的力度,這是通過(guò)統一性設計提升產(chǎn)品易用性的一種方式。
4. 通用設計元素 vs 創(chuàng )造性
當某個(gè)設計元素在其他地方很常見(jiàn)的時(shí)候,它就已經(jīng)形成了特定的 UI 模式,盡量不要去修改它,哪怕是很富有創(chuàng )意的方式。當你將這種約定俗成的元素修改成其他樣子的時(shí)候,用戶(hù)需要花費比平時(shí)更長(cháng)的時(shí)間來(lái)判斷它究竟是什么。這種認知負荷將會(huì )影響整個(gè)網(wǎng)站的使用效率和轉化率。比如漢堡圖標,比如網(wǎng)站登錄入口的位置(右上角)。沒(méi)有必要在這種地方重新「標準化」。
<< 上一篇:網(wǎng)頁(yè)設計中漸變色彩作用特點(diǎn) | >> 下一篇:網(wǎng)頁(yè)設計較新流行設計趨勢 |
- 2018-06-04室內裝修中式風(fēng)格的設計原則
- 2018-05-26網(wǎng)頁(yè)設計中漸變色彩作用特點(diǎn)
- 2018-05-12現在正在流行的3種網(wǎng)頁(yè)設計趨勢
- 2018-04-202018年較新網(wǎng)頁(yè)設計流行趨勢分析
- 2018-04-13網(wǎng)頁(yè)設計中背景紋理的設計特點(diǎn)
- 2018-04-10學(xué)習網(wǎng)頁(yè)設計的心得體會(huì )
- 2018-04-10網(wǎng)頁(yè)設計中的標準尺寸規范
- 2018-03-19網(wǎng)頁(yè)設計中如何系統的畫(huà)原型
- 2018-03-10網(wǎng)頁(yè)設計中的css用法特點(diǎn)注意事項
- 2018-03-09網(wǎng)頁(yè)設計師必須要學(xué)習的視覺(jué)層級技巧
- 2018-03-08響應式網(wǎng)頁(yè)設計的9項基本原則
- 2018-03-04網(wǎng)頁(yè)設計常用的技能手法:色彩疊加
- 2018-02-21網(wǎng)頁(yè)設計手機移動(dòng)端設計稿寬度多少
- 2018-02-08人工智能網(wǎng)頁(yè)設計的特點(diǎn)和優(yōu)勢
- 2018-02-052018年較新流行的網(wǎng)頁(yè)設計趨勢
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16