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

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

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

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

目前市場(chǎng)上的IM類(lèi)產(chǎn)品、電商類(lèi)產(chǎn)品、手機(jī)游戲等，都看到了市場(chǎng)前景，蜂擁而至。討論中：坐在公交上經(jīng)常可以看到有人把微信當(dāng)對(duì)講機(jī)。微信很大一部分成功，不是因?yàn)楸旧淼漠a(chǎn)品，而是因?yàn)楸臼↓嫶蟮挠脩艋鶖?shù)；微信的成功也是正好碰上了那時(shí)候即時(shí)語(yǔ)音剛開(kāi)始在國(guó)內(nèi)發(fā)展。

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

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

如：微信需不需要語(yǔ)音功能，需不需要加入搖一搖功能，需不需要朋友圈，需不需要導(dǎo)入QQ好友，需不需要加入訂閱號(hào)和公共號(hào)，朋友圈評(píng)論對(duì)誰(shuí)可見(jiàn)，等等。

產(chǎn)品功能的確定，需要緊隨產(chǎn)品戰(zhàn)略，否則產(chǎn)品會(huì)面臨很大的調(diào)整，甚至是夭折。

我們?nèi)绾问占δ苄枨竽兀抗δ軓暮味鴣?lái)？

一些需求適用于整個(gè)產(chǎn)品。如品牌需求或技術(shù)需求。另一些需求只適用于特殊的特性。大多數(shù)時(shí)候，當(dāng)人們說(shuō)到某種需求的時(shí)候，他們想的是產(chǎn)品必須擁有的、某種特殊的一句簡(jiǎn)短描述。用戶需求總會(huì)千差萬(wàn)別、參差不齊。去了解“人們?cè)谙胧裁础钡淖罴淹緩骄褪侵苯釉儐?wèn)他們。

需求的三個(gè)主要類(lèi)別：人們講述的、他們想要的；用戶實(shí)際想要的；潛在需求。

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

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

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

三、結(jié)構(gòu)層：交互設(shè)計(jì)及其信息架構(gòu)（怎樣做？）

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

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

交互設(shè)計(jì)：作為軟件界面的網(wǎng)頁(yè)，為用戶設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)；

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

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

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

微信5.0不是說(shuō)單獨(dú)發(fā)文字的功能可能會(huì)在后續(xù)版本中取消。這樣做，怕走了QQ的路，又回到QQ里面去了。要和QQ區(qū)分開(kāi)，尤其是QQ能發(fā)語(yǔ)音以后。結(jié)構(gòu)，還是和界面布局、導(dǎo)航體系強(qiáng)相關(guān)。結(jié)構(gòu)上，我們需要考慮如何將這些功能排列、組合，提高產(chǎn)品用戶體驗(yàn)。結(jié)構(gòu)層，其實(shí)需要做的是怎樣把需要做的功能進(jìn)行排列。

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

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

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

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

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

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

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

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

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

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

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

如果你的設(shè)計(jì)是成功的，那么用戶的眼睛在產(chǎn)品上移動(dòng)的軌跡模式應(yīng)該有以下兩個(gè)特點(diǎn)：

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

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