一個網(wǎng)站好不好，用戶體驗很重要。互聯(lián)網(wǎng)行業(yè)的用戶體驗，主要是用戶在瀏覽網(wǎng)頁時的視覺體驗。總的來說，良好的用戶體驗，就是讓客戶能夠用最舒服的狀態(tài)來瀏覽網(wǎng)頁。中培偉業(yè)《用戶體驗與UI設計開發(fā)》課程培訓專家劉老師根據(jù)自己多年的工作經(jīng)驗，對用戶體驗五要素做了簡單的注釋。如下：

一、戰(zhàn)略層：產(chǎn)品目標及其目標用戶（做什么、為誰而做？）經(jīng)營者和用戶分別想從網(wǎng)站得到什么。

來自企業(yè)外部的用戶需求（user need）是網(wǎng)站的目標——尤其是那些將要使用我們網(wǎng)站的用戶。與用戶需求相對應的，是我們自己對網(wǎng)站的期望目標。

成功的用戶體驗，其基礎必須是一個被明確表達的戰(zhàn)略。了解企業(yè)與用戶對產(chǎn)品的期望和目標，能夠促進用戶體驗的確立和制定。我們?nèi)绾螌ふ耶a(chǎn)品的戰(zhàn)略呢？

目前市場上的IM類產(chǎn)品、電商類產(chǎn)品、手機游戲等，都看到了市場前景，蜂擁而至。討論中：坐在公交上經(jīng)常可以看到有人把微信當對講機。微信很大一部分成功，不是因為本身的產(chǎn)品，而是因為本省龐大的用戶基數(shù)；微信的成功也是正好碰上了那時候即時語音剛開始在國內(nèi)發(fā)展。

二、范圍層：功能及其內(nèi)容需求整合（需要做哪些？）

當你把用戶需求和網(wǎng)站目標轉(zhuǎn)變成網(wǎng)站應該提供給用戶什么樣的內(nèi)容和功能時，戰(zhàn)略就變成了范圍。進入范圍層以后，在功能產(chǎn)品上它就轉(zhuǎn)變成對產(chǎn)品的“功能組合”描述。而在信息產(chǎn)品方面，范圍則是對各種內(nèi)容元素的要求的詳細描述。在這里，我們需要回答——我們需要為產(chǎn)品做哪些功能？

我們?nèi)绾问占δ苄枨竽兀抗δ軓暮味鴣恚?/strong>

一些需求適用于整個產(chǎn)品。如品牌需求或技術需求。另一些需求只適用于特殊的特性。大多數(shù)時候，當人們說到某種需求的時候，他們想的是產(chǎn)品必須擁有的、某種特殊的一句簡短描述。用戶需求總會千差萬別、參差不齊。去了解“人們在想什么”的最佳途徑就是直接詢問他們。

需求的三個主要類別：人們講述的、他們想要的；用戶實際想要的；潛在需求。

當需求找到后，我們需要為需求定義優(yōu)先級，優(yōu)先級別是決定人們所建議的相關特性的首要因素。

戰(zhàn)略——范圍的關系是什么？

戰(zhàn)略決定范圍，功能承載產(chǎn)品價值，范圍層是為了實現(xiàn)戰(zhàn)略層意圖。

　　三、結(jié)構層：交互設計及其信息架構（怎樣做？）

在功能產(chǎn)品，結(jié)構層將從范圍轉(zhuǎn)變成系統(tǒng)如何響應用戶的請求。在信息產(chǎn)品方面，結(jié)構層則是信息空間中內(nèi)容元素的分布。

結(jié)構層確定各個將要呈現(xiàn)給用戶的選項的模式和順序。主要包括：

交互設計：作為軟件界面的網(wǎng)頁，為用戶設計結(jié)構化體驗；

信息架構：作為超文本的網(wǎng)頁，內(nèi)容建設通過信息架構構建用戶體驗；產(chǎn)品關心的是理解用戶、用戶的工作方式和思考方式。

很多人不了解微信朋友圈如何添加文字內(nèi)容，以為只能帶圖片發(fā)，只有一個右上角的相機按鈕，這樣的交互設計目的是什么呢？開始就沒有考慮用戶發(fā)布文字內(nèi)容的需求么？還是根本就不需要單獨發(fā)布文字內(nèi)容呢？

我們來看一下大家的討論設計內(nèi)容：微信剛開始朋友圈看得見好友回復別人的狀態(tài)，所以經(jīng)常會看見一個人在那里自言自語，改版后體驗提高很多。

四、框架層：界面設計、導航設計和內(nèi)容（信息）設計（要做成什么樣子？）

確定用什么樣的形式來實現(xiàn)，主要包括：界面設計：確定框架，“按鈕、輸入框、界面控件”的領域；導航設計：呈現(xiàn)信息；信息設計：呈現(xiàn)有效地信息溝通。

成功的界面設計是那些能讓用戶一眼就看到“最重要的東西”的界面設計。一個設計良好的界面是要組織好用戶最常采用的行為，同時讓這些界面元素用最容易的方式獲取和使用。為用戶想完成的任務選擇正確的界面元素，通過一種能迅速理解和易于使用的方式，把他們放置到頁面上去。

任何一個產(chǎn)品的導航設計都必須完成這3目標：目標一：必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法。目標二：必須傳達出這些元素和它們所包含內(nèi)容之間的關系。目標三：必須傳達出它的內(nèi)容和用戶當前瀏覽頁面之間的關系。

　　UED和UI在戰(zhàn)略層、范圍層、結(jié)構層扮演的角色？

UED感覺在結(jié)構層和框架層更重要了，前面兩層只需要理解并能在后續(xù)層次中貫徹實現(xiàn)。UED從交互來考慮如何讓別人把產(chǎn)品用好。UED是理解并執(zhí)行戰(zhàn)略。

實際工作中會不會出現(xiàn)這樣的問題？框架的設計和實現(xiàn)已經(jīng)與戰(zhàn)略偏移了。出現(xiàn)了這個問題，怎么解決呢？

這個時候如果是更好的，會反過來微調(diào)戰(zhàn)略，戰(zhàn)略也不是定下來后就不變的，從微信當初的戰(zhàn)略到現(xiàn)在的產(chǎn)品，已經(jīng)經(jīng)過演化了。在做之前一定要溝通好，在了解需求之后，設計的同時還要注意用戶體驗的重點。

需求打折原因，要么是需求太多不能全部實現(xiàn)，要么是需求超出現(xiàn)在的技術能力無法實現(xiàn)。核心功能先實現(xiàn)，其次是輔助功能，附加功能可以砍掉。設計要懂得溝通、理解，理解了需求之后在去設計，設計的過程中注意用戶體驗的重點。

五、表現(xiàn)層：功能及內(nèi)容的視覺呈現(xiàn)（做成了什么樣子？）

內(nèi)容、功能和美學匯集到一起來產(chǎn)生一個最終設計，從而滿足其他層面的所有目標。“彌補網(wǎng)站框架層的邏輯排布”的視覺呈現(xiàn)問題。

如果你的設計是成功的，那么用戶的眼睛在產(chǎn)品上移動的軌跡模式應該有以下兩個特點

首先，他們遵循的是一條流暢的路徑。

第二，在不需要用太多細節(jié)來嚇倒用戶的前提下，為用戶提供有效選擇的、某種可能的“引導”。

想了解更多，請咨詢中培偉業(yè)官網(wǎng)：http://www.qinzhounet.cn