全球范圍內越來越關注用戶體驗,而成功的用戶體驗設計是基于設計師對清晰可用性和高速網頁反應等等設計出來的。本文就圍繞提高網站可用性提出幾點建議。
對稱代碼
構建響應式網站過程復雜,網站整體布局都應通過HTML和CSS代碼庫進行編碼。在設計有關網頁可用性的步驟時,強烈建議設計師們使用對稱代碼。在這期間,設計師們還應該研究可能影響舊版本用戶的瀏覽器限制和漏洞。要想保證可用性,設計師們就需要進行各種檢測,保證最后的成果與預期一致。
網頁設計:專注可用性和使用效果
對稱代碼庫的使用還能讓升級變得更加輕松。對現(xiàn)有布局進行編輯時可以使用相似代碼設計按鈕、表格或用戶界面。除非是構建大型社交網絡或網頁應用,否則強烈建議使用同一個樣式表。即便經過壓縮也應該是方便下載的小型代碼,還可以保存本地解壓縮副本進行編輯。
連續(xù)加載時間
龜速加載時間是用戶體驗的一大勁敵,解決這一問題的最好方法是減少過大資產和可能產生的卸載HTTP請求,為網頁服務器加速。雖然在網站設計中看不到實際的等待時間數(shù)據,但是過長的等待時間也是實際設計缺陷的一種體現(xiàn)。無論是網站崩潰,還是配色方案失效,抑或導航困難,還是等待時間過長,都會導致用戶流失。
網頁設計再美觀,如果出現(xiàn)網站運行速度過慢的問題,也會功虧一簣。
網頁設計:專注可用性和使用效果
谷歌網頁速度(Google PageSpeed)是一款免費的網頁應用,能夠幫助設計師分析網頁加載速度過慢的原因。大部分情況中,網頁加載速度過慢的原因都是由于代碼或圖片沒有優(yōu)化導致的。圖片優(yōu)化問題可以通過Photoshop或其他圖像編輯器完成,外部JS或CSS文件可以通過CSS Minifier或JS Compress等在線工具縮小。
不得不承認,這些過程略顯繁瑣,但其效果可能是長期且一勞永逸的。
未雨綢繆
一定要在新項目剛剛開始階段就做好規(guī)劃,全新的創(chuàng)意、全新的概念、加上看似無窮的機會,只等創(chuàng)意非凡又專注實用性的大腦。UI設計從來不是一件簡單的事,但是可以通過簡化整個過程讓UI設計(成都裝修設計:www.zx028.com)變得簡單,而實用性是簡化的重要部分。設計師們一定要從用戶的角度考慮,在設計過程中充分考慮細節(jié),保證設計師的角度和用戶看到的最終成果相同。
交互領域
對于網頁布局來說,表單十分重要,是聯(lián)系用戶和網站的紐帶。靜態(tài)頁面則將更多注意力放在導航和內容架構上。雖然兩者都很重要,但是身為設計師,要做好這兩方面的平衡。
網頁設計:專注可用性和使用效果
本文作者建議設計師在實際操作將概念數(shù)字化之前作草稿或將想法寫成文字便于整理思路,對于創(chuàng)意性工作內容來說,鍵盤和鼠標界面有一定局限性。在設計時不光要考慮美觀,更多的是要考慮其實際作用能力。
反思
執(zhí)行性和可用性歸根結底就是間接與易用。設計師需要在研究具體配色和圖標之類的詳細內容之前充分考慮用戶體驗。
全部評論