當你瀏覽一款網站時,一般會迅速的對網站的外觀和使用感受做個評判,整體的設計風格是第一印象,能否引導用戶繼續閱讀取決于此。
金玉其外敗絮其中必然無法長久,功能性也是重要考量。推薦您也好好學習《網站用戶體驗的76個要點》。
好的用戶體驗不僅僅關乎到功能性和設計美學,還需要考慮很多因素,我們一起來看一下吧。
一致性
最重要的交互元素一定要友好,并且風格一致。
盡管在設計一款網站時,我們可以融入很多創新點和美學風格,但是一些經常使用、且重要的元素,風格一定要一致,比如按鈕、鏈接、導航欄、表單等等。我建議可以多瀏覽一些電商網站,他們在這一點上做的就很棒,他們通常有很多的產品頁面,但是整體體驗卻相差不大,我們可以看看優衣庫的網站。
- 像產品類別、當前按鈕和重要的文本信息都通過紅色來高亮顯示
- 頁面不同,布局基本相同。
可讀性
一般來說,網頁瀏覽者不會通讀全文,而是僅僅閱讀自己感興趣的部分。
相關推薦:《警惕!你會犯哪些網頁設計最常見的可用性錯誤》
眼動研究展示了用戶最基本的瀏覽模式:從左到右,從上到下。因此,在設計時,要根據用戶閱讀習慣,合理進行布局。
- 做足留白
- 圖像要大,這樣用戶才會停下來瀏覽
- 圖標能增添讀者對文本的閱讀興趣
- 字體大小和種類要有層次感
- 標題要吸引人
速度
如果頁面加載速度過慢,那么沒人愿意瀏覽。
研究表明,加載超過4秒,會流失25%的用戶。
- 使用頁面速度檢測工具來檢測網頁加載速度
- 利用CSS Sprites來減少所需加載文件的數量
- 設計風格要盡量簡約
- 通過Google Analytics分析回頭率,來驗證加載速度提升是否有效。
關聯性
定制化,是用戶體驗設計的高級階段
比方說, 這個網站 有效的捕捉了目標用戶的需求,優雅、經典的字體設計,和需求高度關聯的圖像。
- 字體要大、要方便閱讀,這樣設計看起來就很經典
- 簡約的界面,導航起來更輕松。
功能性
當用戶與設計進行交互式,他們希望信息組織分明,功能完善。
網頁設計的交互性其實很簡單:操作起來舒服就好。華而不實的網頁設計只會流行一時,看看這個案例:
- 按鈕的辨識度要高,以便從頁面中脫穎而出
- 重要信息應該高亮顯示,這樣用戶便會注意到最基本、最重要的信息
- 填表務求簡潔高效。
功能大于形式,通過設計解決問題,提高用戶體驗為主,而不是僅僅的提高美感。
原文地址:designzzz
優設網翻譯:@MartinRGB
本文由優設網原創翻譯,轉摘請注明優設網譯文出處,謝謝各位小編。
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊:網頁設計師必須修煉的內功技法,更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博:擁有粉絲量57萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓