網頁設計：專註可用性和使用效果

07-10

全球範圍內越來越關注用戶體驗，而成功的用戶體驗設計是基於設計師對清晰可用性和高速網頁反應等等設計出來的。本文就圍繞提高網站可用性提出幾點建議。

對稱代碼

構建響應式網站過程複雜，網站整體布局都應通過HTML和CSS代碼庫進行編碼。在設計有關網頁可用性的步驟時，強烈建議設計師們使用對稱代碼。在這期間，設計師們還應該研究可能影響舊版本用戶的瀏覽器限制和漏洞。要想保證可用性，設計師們就需要進行各種檢測，保證最後的成果與預期一致。

對稱代碼庫的使用還能讓升級變得更加輕鬆。對現有布局進行編輯時可以使用相似代碼設計按鈕、表格或用戶界面。除非是構建大型社交網路或網頁應用，否則強烈建議使用同一個樣式表。即便經過壓縮也應該是方便下載的小型代碼，還可以保存本地解壓縮副本進行編輯。

連續載入時間

龜速載入時間是用戶體驗的一大勁敵，解決這一問題的最好方法是減少過大資產和可能產生的卸載HTTP請求，為網頁伺服器加速。雖然在網站設計中看不到實際的等待時間數據，但是過長的等待時間也是實際設計缺陷的一種體現。無論是網站崩潰，還是配色方案失效，抑或導航困難，還是等待時間過長，都會導致用戶流失。

網頁設計再美觀，如果出現網站運行速度過慢的問題，也會功虧一簣。

谷歌網頁速度（Google PageSpeed）是一款免費的網頁應用，能夠幫助設計師分析網頁載入速度過慢的原因。大部分情況中，網頁載入速度過慢的原因都是由於代碼或圖片沒有優化導致的。圖片優化問題可以通過Photoshop或其他圖像編輯器完成，外部JS或CSS文件可以通過CSS Minifier或JS Compress等在線工具縮小。

不得不承認，這些過程略顯繁瑣，但其效果可能是長期且一勞永逸的。

未雨綢繆

一定要在新項目剛剛開始階段就做好規劃，全新的創意、全新的概念、加上看似無窮的機會，只等創意非凡又專註實用性的大腦。UI設計從來不是一件簡單的事，但是可以通過簡化整個過程讓UI設計變得簡單，而實用性是簡化的重要部分。設計師們一定要從用戶的角度考慮，在設計過程中充分考慮細節，保證設計師的角度和用戶看到的最終成果相同。

交互領域

對於網頁布局來說，表單十分重要，是聯繫用戶和網站的紐帶。靜態頁面則將更多注意力放在導航和內容架構上。雖然兩者都很重要，但是身為設計師，要做好這兩方面的平衡。

根據網頁結構和內容的不同，每個表單也都不一樣。將不同的元素合併投放在同一個設計精良的主題中並不容易。因此，在著手設計之前，設計師們要確保表單可用性和直觀性。

本文作者建議設計師在實際操作將概念數字化之前作草稿或將想法寫成文字便於整理思路，對於創意性工作內容來說，鍵盤和滑鼠界面有一定局限性。在設計時不光要考慮美觀，更多的是要考慮其實際作用能力。

反思

執行性和可用性歸根結底就是間接與易用。設計師需要在研究具體配色和圖標之類的詳細內容之前充分考慮用戶體驗。