網頁互動之設計美學提高網站瀏覽體驗

當你瀏覽一款網站時，一般會迅速的對網站的外觀和使用感受做個評判，整體的設計風格是第一印象，能否引導用戶繼續閱讀取決於此。

金玉其外敗絮其中必然無法長久，功能性也是重要考量。
好的用戶體驗不僅僅關乎到功能性和設計美學，還需要考慮很多因素，我們一起來看一下吧。

一致性

最重要的交互元素一定要友好，並且風格一致。

儘管在設計一款網站時，我們可以融入很多創新點和美學風格，但是一些經常使用、且重要的元素，風格一定要一致，比如按鈕、連結、導覽欄、表單等等。我建議可以多瀏覽一些電商網站，他們在這一點上做的就很棒，他們通常有很多的茶品頁面，但是整體體驗卻相差不大，我們可以看看優衣庫的網站。

像產品類別、當前按鈕和重要的文本訊息都通過紅色來高亮顯示
頁面不同，佈局基本相同。

可讀性

一般來說，網頁瀏覽者不會通讀全文，而是僅僅閱讀自己感興趣的部分。

眼動研究展示了用戶最基本的瀏覽模式：從左到右，從上到下。因此，在設計時，要根據用戶閱讀習慣，合理進行佈局。

做足留白
圖像要大，這樣用戶才會停下來瀏覽
圖標能增添讀者對文本的閱讀興趣
字體大小和種類要有層次感
標題要吸引人

速度

如果頁面加載速度過慢，那麼沒人願意瀏覽。
研究表明，加載超過4秒，會流失25%的用戶。

使用頁面速度檢測工具來檢測網頁加載速度
利用CSS Sprites來減少所需加載文件的數量
設計風格要盡量簡約
通過Google Analytics分析回頭率，來驗證加載速度提升是否有效。

關聯性

定制化，是用戶體驗設計的高級階段

比方說, 這個網站 有效的捕捉了目標用戶的需求，優雅、經典的字體設計，和需求高度關聯的圖像。

字體要大、要方便閱讀，這樣設計看起來就很經典
簡約的界面，導覽起來更輕鬆。

功能性

當用戶與設計進行交互式，他們希望訊息組織分明，功能完善。
網頁設計的交互性其實很簡單：操作起來舒服就好。華而不實的網頁設計只會流行一時，看看這個案例：

按鈕的辨識度要高，以便從頁面中脫穎而出
重要訊息應該高亮顯示，這樣用戶便會注意到最基本、最重要的訊息
填表務求簡潔高效。