在互聯(lián)網(wǎng)技術(shù)為主體的時(shí)代浪潮下，網(wǎng)頁建設(shè)設(shè)計(jì)中的用戶體驗(yàn)是指用戶在訪問網(wǎng)站界面、功能的過程中建立起來的心理感受。研究重點(diǎn)在于網(wǎng)頁所帶來的愉悅度和價(jià)值感，而不是網(wǎng)頁的性能本身。 如何高效的做好網(wǎng)頁設(shè)計(jì)提升網(wǎng)站品質(zhì)

• 網(wǎng)頁設(shè)計(jì)中的用戶體驗(yàn)概述

網(wǎng)頁設(shè)計(jì)中的用戶體驗(yàn) (user experience) 是指用戶在訪問網(wǎng)站界面、功能的過程中建立起來的心理感受。唐納德-諾曼博士(美國)在《Emotional Design》一書中提到一個(gè)完好開發(fā)的，有凝聚力的產(chǎn)品，應(yīng)該看上去美觀，用起來舒心，并且以擁有它為自豪，也就是說，快樂的擁有，快樂的使用!

 

良好的用戶體驗(yàn)成為網(wǎng)頁設(shè)計(jì)最終目標(biāo)之一。網(wǎng)頁設(shè)計(jì)中的用戶體驗(yàn)是指用戶在訪問網(wǎng)站界面、功能的過程中建立起來的心理感受。研究重點(diǎn)在于網(wǎng)頁所帶來的愉悅度和價(jià)值感，而不是網(wǎng)頁的性能本身。要求以用戶為中心進(jìn)行組織設(shè)計(jì)和提供服務(wù)， 通過創(chuàng)造性的工作來體現(xiàn)獨(dú)特的個(gè)性和價(jià)值，讓用戶在與產(chǎn)品交互過程中感到愉快、有趣， 富有啟發(fā)性， 給用戶帶來成就感，刺激消費(fèi)等情感要求。

• 明確網(wǎng)頁設(shè)計(jì)流程，找準(zhǔn)用戶體驗(yàn)設(shè)計(jì)思路

用戶體驗(yàn)不應(yīng)該是獨(dú)立的研究環(huán)節(jié)，而是貫穿于整個(gè)項(xiàng)目流程的。要做好的用戶體驗(yàn)設(shè)計(jì)就必須清楚網(wǎng)頁設(shè)計(jì)流程，這樣才能理清思路。一般互聯(lián)網(wǎng)產(chǎn)品項(xiàng)目設(shè)計(jì)制作流程如下：制定市場需求文檔-.制定產(chǎn)品需求文檔-用戶分析報(bào)告-產(chǎn)品架構(gòu)設(shè)計(jì)(界面交互與流程的設(shè)計(jì))-產(chǎn)品原型設(shè)計(jì)(頁面線框圖)-界面UI設(shè)計(jì)(頁面效果圖)-界面輸出(界面代碼化CSS+DIV布局)-設(shè)計(jì)調(diào)整、維護(hù)-SEO優(yōu)化設(shè)計(jì)。在每一個(gè)環(huán)節(jié)中，都應(yīng)該換位思考，移情地做好用戶體驗(yàn)設(shè)計(jì)

• 重視交互設(shè)計(jì)

設(shè)計(jì)人員需經(jīng)常瀏覽大量的網(wǎng)站，親身體驗(yàn)和感受交互流程，并收集優(yōu)秀素材。交互設(shè)計(jì)也是UI設(shè)計(jì)中工作量最大，難度最高的部分。

• 做好移情設(shè)計(jì)

充分考慮用戶的使用環(huán)境和體驗(yàn)地位進(jìn)行設(shè)計(jì)。仔細(xì)觀察用戶的行為習(xí)慣和真實(shí)反應(yīng)。這里可以在設(shè)計(jì)過程中做好用戶調(diào)查或者模擬用戶參與，嘗試瀏覽我們?cè)O(shè)計(jì)的網(wǎng)站，在過程中記錄問題、做好修正。在選擇調(diào)查用戶的時(shí)，主要、次要、特殊群體都要有所考慮。

• 色彩導(dǎo)向、注重細(xì)節(jié)。

細(xì)節(jié)決定成敗，體驗(yàn)是建立在信息上的。信息的來源可能是文字、圖形、色彩或其他頁面元素。特別是網(wǎng)頁界面的設(shè)計(jì)，應(yīng)該精細(xì)到每一個(gè)像素。網(wǎng)頁中的色彩選擇和搭配不同會(huì)呈現(xiàn)出不同的色彩情感，設(shè)計(jì)師應(yīng)該了解色彩情緒，并加以利用。這樣色彩不僅能表現(xiàn)情感，還具有引導(dǎo)功能。網(wǎng)站色彩運(yùn)用恰當(dāng)、色彩情感表達(dá)合理，不僅能讓頁面美觀更加可以提升網(wǎng)站頁面瀏覽量。因此完全有必要對(duì)色彩情感進(jìn)行深入的研究與探討。

• 內(nèi)容吸引(實(shí)時(shí)更新、迅速、快捷)體驗(yàn)都是建立在信息之上的，良好及時(shí)的信息能讓用戶更好的掌握，如果它不是過于強(qiáng)烈的描述的話，還可以創(chuàng)造一個(gè)愉悅的體驗(yàn)。網(wǎng)頁中的內(nèi)容要切實(shí)，新聞?lì)惖倪€需快捷、更新。
• 網(wǎng)站優(yōu)化、兼容性考慮。

隨著越來越多的移動(dòng)終端電子設(shè)備使用率上漲，人們的上網(wǎng)方式發(fā)生了翻天覆地變化。簡單地舉例：網(wǎng)頁可能會(huì)在PC機(jī)上顯示，也可能在手機(jī)上顯示。兼容性的考慮，移動(dòng)化的優(yōu)化都被提上日程。設(shè)計(jì)人員可以結(jié)合頁面布局技術(shù)、JQuery Mobile技術(shù)、PHP等技術(shù)應(yīng)用方面入手研究。