本期的網頁設計制作學習內容:作為一名**的網頁設計師需要知道如何評判網站的外觀和使用感受,接下來的ui交互設計學習為大家收集些關于評價網站的外觀和使用感受的一些觀點。希望對還在學習網頁設計制作的小伙伴有所幫助。
好了,廢話不多說,正式開始本期的ui交互設計的學習:
1、一致性:最重要的交互元素一定要友好,并且風格一致。
盡管在設計一款網站時,我們可以融入很多創(chuàng)新點和美學風格,但是一些經常使用、且重要的元素,風格一定要一致,比如按鈕、鏈接、導航欄、表單等等。我建議可以多瀏覽一些電商網站,他們在這一點上做的就很棒,他們通常有很多的茶品頁面,但是整體體驗卻相差不大,我們可以看看優(yōu)衣庫的網站。像產品類別、當前按鈕和重要的文本信息都通過紅色來高亮顯示:頁面不同,布局基本相同。
評判網站的外觀和使用感受的5個標準
2、可讀性:一般來說,網頁瀏覽者不會通讀全文,而是僅僅閱讀自己感興趣的部分。
眼動研究展示了用戶最基本的瀏覽模式:從左到右,從上到下。因此,在設計時,要根據用戶閱讀習慣,合理進行布局。
評判網站的外觀和使用感受的5個標準
3、做足留白
4、圖像要大,這樣用戶才會停下來瀏覽,圖標能增添讀者對文本的閱讀興趣
5、字體大小和種類要有層次感
6、標題要吸引人
7、速度:如果頁面加載速度過慢,那么沒人愿意瀏覽。研究表明,加載超過4秒,會流失25%的用戶。使用頁面速度檢測工具來檢測網頁加載速度,利用CSS Sprites來減少所需加載文件的數(shù)量,設計風格要盡量簡約:通過Google Analytics分析回頭率,來驗證加載速度提升是否**。
評判網站的外觀和使用感受的5個標準
8、關聯(lián)性
9、定制化,是用戶體驗設計的**階段:比方說, 這個網站 **的捕捉了目標用戶的需求,優(yōu)雅、經典的字體設計,和需求高度關聯(lián)的圖像。
評判網站的外觀和使用感受的5個標準
10、字體要大、要方便閱讀,這樣設計看起來就很經典,簡約的界面,導航起來更輕松。
11、功能性:當用戶與設計進行交互式,他們希望信息組織分明,功能完善。網頁設計的交互性其實很簡單:操作起來舒服就好。華而不實的網頁設計只會流行一時,看看這個案例:
評判網站的外觀和使用感受的5個標準
12、按鈕的辨識度要高,以便從頁面中脫穎而出
13、重要信息應該高亮顯示,這樣用戶便會注意到最基本、最重要的信息
14、填表務求簡潔**。
15、功能大于形式,通過設計解決問題,提高用戶體驗為主,而不是僅僅的提高美感。
總結:以上就是關于評判網站的外觀和使用感受的一些建議方法,這是網頁設計師中總結的經驗,不僅能讓你徹底了解ui交互設計,還能幫在這個ui交互設計領域發(fā)展提供些更多的參考作用,更多的網頁設計制作資料可以登錄課課家官網查詢相關課程學習:http://www.kokojia.com/s/143.html
資訊來源:http://www.kokojia.com/article/5114.html
|