用戶(hù)體驗(yàn)五大要素
新聞 2020-10-06編輯：重慶網(wǎng)站建設(shè)標(biāo)簽：
用戶(hù)體驗(yàn)
用戶(hù)體驗(yàn)要素模型
直接來(lái)看一下《用戶(hù)體驗(yàn)要素》這本書(shū)中提到的用戶(hù)體驗(yàn)五要素模型，這個(gè)模型算是這本書(shū)的精華所在了：
用戶(hù)體驗(yàn)要素
用戶(hù)體驗(yàn)要素的應(yīng)用,我們大概可以將我們?nèi)粘５墓ぷ鳉w類(lèi)到各個(gè)層次里面：
戰(zhàn)略層 -- MRD和BRD
范圍層 -- brRD（部分）
結(jié)構(gòu)層 -- brRD（部分）和低保真原型
框架層 -- 高保真原型和交互設(shè)計(jì)
表現(xiàn)層 -- UI設(shè)計(jì)
為什么要重視用戶(hù)體驗(yàn)
《用戶(hù)體驗(yàn)要素》這本書(shū)中有幾個(gè)觀點(diǎn)，我深以為然：
1.產(chǎn)品的使用屬性第一
杯子就是用來(lái)裝水的，如果為了美觀將杯子設(shè)計(jì)成鏤空的，那杯子就不是杯子了，充其量只能算是個(gè)藝術(shù)品。不要為了設(shè)計(jì)而設(shè)計(jì)，要為使用而設(shè)計(jì)。
2.沒(méi)有用戶(hù)會(huì)閱讀使用說(shuō)明書(shū)
用戶(hù)越來(lái)越懶，沒(méi)有用戶(hù)愿意為了使用一個(gè)產(chǎn)品而去閱讀使用說(shuō)明。當(dāng)然，這個(gè)既有用戶(hù)對(duì)互聯(lián)網(wǎng)產(chǎn)品越來(lái)越熟悉的原因，也要?dú)w功于產(chǎn)品的交互設(shè)計(jì)越來(lái)越人性化。
3.在一個(gè)競(jìng)爭(zhēng)激烈的市場(chǎng)，很難有第二次機(jī)會(huì)去接觸用戶(hù)
市場(chǎng)上同類(lèi)的競(jìng)品越來(lái)越多，當(dāng)一個(gè)用戶(hù)離開(kāi)你的產(chǎn)品，并習(xí)慣了別的競(jìng)品時(shí)。他很難會(huì)再回來(lái)使用你的產(chǎn)品。
好的用戶(hù)體驗(yàn)不一定成就一個(gè)產(chǎn)品，但是壞的用戶(hù)體驗(yàn)絕對(duì)可以毀掉一個(gè)產(chǎn)品。
但是，在應(yīng)用用戶(hù)五要素的模型時(shí)，也不能完完全全直接的套用到工作流程里面。這個(gè)模型更多的是提供給我們一個(gè)思考的方式，而并非是一個(gè)指導(dǎo)產(chǎn)品設(shè)計(jì)的流程。
用戶(hù)體驗(yàn)五大要素
隨著互聯(lián)網(wǎng)的發(fā)展，越來(lái)越多的信息型產(chǎn)品有著越來(lái)越多的功能，功能型產(chǎn)品也有不少信息呈現(xiàn)。很難將某個(gè)產(chǎn)品定義為純信息型或純功能型產(chǎn)品。
用戶(hù)體驗(yàn)順序 用戶(hù)拿到你的產(chǎn)品以從上到下的順序來(lái)體驗(yàn)?zāi)愕漠a(chǎn)品。
表現(xiàn)層
用戶(hù)拿到產(chǎn)品后，產(chǎn)品呈現(xiàn)給用戶(hù)的第一印象。例如，產(chǎn)品的主色調(diào)是藍(lán)色還是紅色、采用了扁平風(fēng)格還是擬物的風(fēng)格等。
框架層
當(dāng)用戶(hù)進(jìn)入產(chǎn)品時(shí)，用戶(hù)對(duì)產(chǎn)品的整體印象。例如，進(jìn)入產(chǎn)品后，用戶(hù)可以看到菜單是怎么設(shè)計(jì)的，每個(gè)菜單分別對(duì)應(yīng)什么功能。怎么找到需要的內(nèi)容，是通過(guò)列表還是搜索框。
結(jié)構(gòu)層
用戶(hù)開(kāi)始使用產(chǎn)品后，用戶(hù)對(duì)產(chǎn)品的感知。例如，從購(gòu)物到完成支付的流程是如何的，在各個(gè)環(huán)節(jié)是否有信息提示等。
范圍層
更深入地使用某個(gè)功能時(shí)，用戶(hù)對(duì)功能的感知。例如，聊天功能是否支持自定義表情、是否支持發(fā)送文件等。
戰(zhàn)略層
用戶(hù)使用完產(chǎn)品之后，用戶(hù)判斷是否完成了他的目標(biāo)。例如，通過(guò)產(chǎn)品進(jìn)行購(gòu)物、通過(guò)產(chǎn)品閱讀需要的內(nèi)容。
產(chǎn)品設(shè)計(jì)順序
產(chǎn)品的設(shè)計(jì)和用戶(hù)體驗(yàn)的順序恰好是相反的。產(chǎn)品設(shè)計(jì)是自下而上的一個(gè)過(guò)程。是一個(gè)從抽象到具體的過(guò)程。
先對(duì)產(chǎn)品在戰(zhàn)略上有一個(gè)定義。然后再根據(jù)戰(zhàn)略目標(biāo)，逐步的具體到產(chǎn)品的功能點(diǎn)、最后到具體的實(shí)現(xiàn)細(xì)節(jié)和設(shè)計(jì)風(fēng)格上。
五個(gè)層次是自下而上的建設(shè)，但是各個(gè)層次之間并不是獨(dú)立的，而是一個(gè)環(huán)環(huán)相扣的關(guān)系。
產(chǎn)品設(shè)計(jì)順序
這其實(shí)是一個(gè)很正常的過(guò)程，并不是說(shuō)上層討論得不夠仔細(xì)。因?yàn)槲覀冏韵露系剡M(jìn)行設(shè)計(jì)的時(shí)候，是一個(gè)逐步具體和細(xì)化的過(guò)程。往往在下一個(gè)環(huán)節(jié)的設(shè)計(jì)過(guò)程中能發(fā)現(xiàn)上一層設(shè)計(jì)存在的問(wèn)題，這時(shí)候要適當(dāng)?shù)膶?duì)上一個(gè)環(huán)節(jié)進(jìn)行調(diào)整。
戰(zhàn)略層
戰(zhàn)略層要解決“我們?yōu)槭裁撮_(kāi)發(fā)產(chǎn)品？”的問(wèn)題。這個(gè)問(wèn)題的關(guān)鍵在于弄清楚我們的用戶(hù)是誰(shuí)，用戶(hù)的需求是什么？公司的商業(yè)價(jià)值和風(fēng)險(xiǎn)是什么？
《用戶(hù)體驗(yàn)要素》主要是針對(duì)用戶(hù)體驗(yàn)的。所以作者主要提了“產(chǎn)品目標(biāo)”和“用戶(hù)需求”兩個(gè)維度。
作為產(chǎn)品經(jīng)理，只識(shí)別兩個(gè)維度是不夠的。其實(shí)對(duì)于戰(zhàn)略層的分析，這些內(nèi)容會(huì)出現(xiàn)在我們的BRD和MRD里面。主要包括：
商業(yè)價(jià)值
產(chǎn)品能否為公司帶來(lái)商業(yè)價(jià)值，帶來(lái)怎么樣的商業(yè)價(jià)值。一些戰(zhàn)略型產(chǎn)品的商業(yè)價(jià)值可能不僅僅直接體現(xiàn)在盈利上面。
用戶(hù)痛點(diǎn)
我們的用戶(hù)是誰(shuí)，有什么特征？我們要幫助用戶(hù)解決什么問(wèn)題，用戶(hù)需要通過(guò)我們的產(chǎn)品達(dá)到什么目標(biāo)？
市場(chǎng)現(xiàn)狀和預(yù)期
市場(chǎng)的現(xiàn)狀如何，是否存在競(jìng)品，他們的優(yōu)缺點(diǎn)是什么？我們的市場(chǎng)的預(yù)期如何？
項(xiàng)目的風(fēng)險(xiǎn)
項(xiàng)目的風(fēng)險(xiǎn)有哪些，怎么規(guī)避風(fēng)險(xiǎn)？或針對(duì)這些風(fēng)險(xiǎn)，是否有解決方案？
項(xiàng)目計(jì)劃
制定整體的開(kāi)發(fā)和推廣計(jì)劃，確定各個(gè)里程碑的內(nèi)容和日期。
當(dāng)然，隨著市場(chǎng)逐步進(jìn)入白熾化的階段，競(jìng)品相似度也越來(lái)越高，所以用戶(hù)體驗(yàn)的作用也越來(lái)越重要了。我們可以在戰(zhàn)略階段加入用戶(hù)體驗(yàn)的思考。
是否有亮點(diǎn)的用戶(hù)體驗(yàn)
很多產(chǎn)品的主要賣(mài)點(diǎn)就體現(xiàn)在用戶(hù)體驗(yàn)上。比如提供智能便捷的內(nèi)容瀏覽方式、一鍵處理照片的功能等。
是否有嚴(yán)重影響用戶(hù)體驗(yàn)的設(shè)計(jì)
為了達(dá)成商業(yè)目標(biāo)，我們可能會(huì)對(duì)產(chǎn)品進(jìn)行一些商業(yè)化的設(shè)計(jì)。需要考慮過(guò)度的商業(yè)化是否影響了用戶(hù)的體驗(yàn)，在商業(yè)化和用戶(hù)體驗(yàn)之間如何平衡。比如我們要在產(chǎn)品上增加廣告功能，以什么樣的方式進(jìn)行。直接彈框、還是內(nèi)嵌到內(nèi)容里面？
在這個(gè)階段可以提前對(duì)一些產(chǎn)品的細(xì)節(jié)進(jìn)行思考，不過(guò)切記不要過(guò)度地糾結(jié)在細(xì)節(jié)里面。
范圍層
在明確了戰(zhàn)略目標(biāo)后，范圍層要解決的是“我們開(kāi)發(fā)什么樣產(chǎn)品？”的問(wèn)題。在這個(gè)階段，需要思考“我們要做什么”、“用戶(hù)想要什么”。
產(chǎn)品經(jīng)理通過(guò)用戶(hù)、運(yùn)營(yíng)、市場(chǎng)等各個(gè)渠道收集到用戶(hù)需求。再結(jié)合戰(zhàn)略層確定的目標(biāo)對(duì)需求進(jìn)行分析、篩選和過(guò)濾，最終形成一份完整的產(chǎn)品需求說(shuō)明書(shū)。需求說(shuō)明書(shū)的作用是將產(chǎn)品需要做什么和產(chǎn)品不需要做什么明確下來(lái)。
說(shuō)到需求說(shuō)明書(shū)，作為產(chǎn)品我們可能第一個(gè)想到的是brRD文檔。但是，嚴(yán)格來(lái)說(shuō)模型提到的范圍層并不能完全對(duì)應(yīng)到brRD文檔上。在brRD里面，除了需求的說(shuō)明，還會(huì)使用到原型圖、產(chǎn)品結(jié)構(gòu)圖等，這些內(nèi)容應(yīng)該是歸類(lèi)到結(jié)構(gòu)層里面的。可以這么說(shuō)，范圍層對(duì)應(yīng)到了brRD里面需求說(shuō)明的部分內(nèi)容。
項(xiàng)目背景和目標(biāo)
項(xiàng)目的背景和目標(biāo)有利于項(xiàng)目組對(duì)項(xiàng)目有個(gè)大概的了解。如果是小團(tuán)隊(duì)，前期項(xiàng)目立項(xiàng)團(tuán)隊(duì)參與度比較高的。這部分可以簡(jiǎn)要書(shū)寫(xiě)。
功能概述
對(duì)功能有個(gè)總體的了解。提供一份功能列表或一個(gè)功能結(jié)構(gòu)圖。如果是比較大的項(xiàng)目，還需要提供產(chǎn)品模塊的劃分和結(jié)構(gòu)。
需求說(shuō)明
對(duì)每個(gè)需求進(jìn)行說(shuō)明。常見(jiàn)的方式有功能說(shuō)明、用例、用戶(hù)故事等。對(duì)于較復(fù)雜的需求，如果有需要可以增加業(yè)務(wù)流程圖等方式進(jìn)一步說(shuō)明。
非功能需求
產(chǎn)品的非功能性需求。如性能需求、風(fēng)格需求等。
brRD里面最重要的就是對(duì)需求的說(shuō)明，《用戶(hù)體驗(yàn)要素》這本書(shū)對(duì)需求的描述提了三個(gè)標(biāo)準(zhǔn)，如下：
積極的
在描述需求時(shí)，總會(huì)遇到一些意外的情況。對(duì)于這些意外的情況，我們應(yīng)該以積極的角度去描述。
例如這樣描述：
“如果用戶(hù)余額不足，不允許用戶(hù)支付?！?br />
閱讀者并不知道下一步的動(dòng)作是如何的。應(yīng)該以更積極的方式來(lái)描述，可以改成：
“如果用戶(hù)余額不足，則提示用戶(hù)余額不足，并提示和引導(dǎo)用戶(hù)進(jìn)行充值。”
具體的
對(duì)于需求應(yīng)該描述得更具體和詳細(xì)。以便文檔的閱讀者可以更好的理解需求。
例如這樣描述，則不是很具體：
“突出顯示用戶(hù)關(guān)注的內(nèi)容?！?br />
這個(gè)需求可以更具體的表達(dá)為：
“用戶(hù)點(diǎn)了關(guān)注的內(nèi)容，放在內(nèi)容列表的最前端?！?br />
客觀的
對(duì)于需求的描述應(yīng)該避免用主觀的語(yǔ)氣，應(yīng)該主觀的語(yǔ)氣容易讓閱讀者理解有歧義。
例如如下表達(dá)，存在著歧義：
“提供便捷的登陸方式?！?br />
不同的人對(duì)“便捷”的理解方式不一樣，可以改成這樣：
“支持使用手機(jī)號(hào)碼和短信驗(yàn)證碼直接登陸系統(tǒng)?！?br />
結(jié)構(gòu)層
如果團(tuán)隊(duì)里面有交互設(shè)計(jì)師的話(huà)，產(chǎn)品和交互設(shè)計(jì)的交接點(diǎn)就在這一層了。如果沒(méi)有專(zhuān)職的交互設(shè)計(jì)師團(tuán)隊(duì)的話(huà)，產(chǎn)品也會(huì)負(fù)責(zé)這部分的設(shè)計(jì)。不同的團(tuán)隊(duì)產(chǎn)品和交互的職責(zé)定位不一樣，并不能一概而論。
在范圍層，我們已經(jīng)定義好了需求，已經(jīng)明確了我們要做什么。到了結(jié)構(gòu)層，我們從抽象的需求逐步具體成用戶(hù)可以感知的需求。同時(shí)，結(jié)構(gòu)層定義了產(chǎn)品最終呈現(xiàn)給用戶(hù)的框架，為下一層細(xì)化做準(zhǔn)備。
結(jié)構(gòu)層的內(nèi)容對(duì)應(yīng)到了brRD文檔的另一部分內(nèi)容。
產(chǎn)品結(jié)構(gòu)
產(chǎn)品呈現(xiàn)給用戶(hù)的頁(yè)面和功能結(jié)構(gòu)，是用戶(hù)看得到的產(chǎn)品的結(jié)構(gòu)，例如，一個(gè)社交產(chǎn)品，可能包括聊天頁(yè)面、好友頁(yè)面、個(gè)人中心頁(yè)面。其中，個(gè)人中心又包括了個(gè)人信息、設(shè)置等功能。建議使用思維導(dǎo)圖的方式將其列明。
信息架構(gòu)
產(chǎn)品呈現(xiàn)個(gè)用戶(hù)的信息的組織方式。例如一個(gè)電商產(chǎn)品，商品的內(nèi)容包括了，商品信息、用戶(hù)評(píng)價(jià)等。其中商品信息又包括了商品介紹、功能參數(shù)等內(nèi)容。這部分也建議用思維導(dǎo)圖的方式展開(kāi)。
頁(yè)面結(jié)構(gòu)
產(chǎn)品的功能和信息在頁(yè)面上怎么體現(xiàn)。每個(gè)頁(yè)面大概包括哪些內(nèi)容。這部分建議以低保真原型圖的方式來(lái)呈現(xiàn)出來(lái)。
交互流程
用戶(hù)的操作流程和頁(yè)面的跳轉(zhuǎn)流程。用戶(hù)是怎么執(zhí)行操作的，頁(yè)面以什么樣的方式響應(yīng)或跳轉(zhuǎn)。這部分內(nèi)容可以在原型圖上注釋說(shuō)明。
框架層
雖然命名為框架層，不過(guò)在這一層我們逐步將產(chǎn)品從抽象到具體。到了這一層，基本上能看得出產(chǎn)品的輪廓。這一層我們通過(guò)已經(jīng)制作好的brRD和低保真原型圖，逐步細(xì)化成高保真的原型圖。
框架層是結(jié)構(gòu)層的細(xì)化。包括了如下的工作：
信息設(shè)計(jì)
對(duì)已經(jīng)定義好的信息架構(gòu)進(jìn)行細(xì)化。例如，在結(jié)構(gòu)層，我們已經(jīng)定義好了商品信息需要包含大概的信息。在框架層再進(jìn)一步細(xì)化，商品的詳情包括了，商品名稱(chēng)、商品數(shù)量、商品產(chǎn)地等詳細(xì)等字段。
頁(yè)面細(xì)化
在結(jié)構(gòu)層已經(jīng)定義好的頁(yè)面結(jié)構(gòu)基礎(chǔ)上進(jìn)一步細(xì)化。如頁(yè)面的具體布局，頁(yè)面元素的選擇等。這一步將低保真的頁(yè)面細(xì)化成高保真的頁(yè)面。
交互設(shè)計(jì)
頁(yè)面的交互設(shè)計(jì)，用戶(hù)操作后頁(yè)面的響應(yīng)。例如，是否需要彈窗提示、是否需要滑動(dòng)效果等。
表現(xiàn)層
表現(xiàn)層是將框架層設(shè)計(jì)好的高保真原型圖，最終輸出設(shè)計(jì)稿的步驟。這個(gè)是產(chǎn)品設(shè)計(jì)的最后一步。
這一層主要是UI設(shè)計(jì)師的工作。如產(chǎn)品的配色方案，主題色和輔助色的選擇、產(chǎn)品的風(fēng)格，扁平風(fēng)格或者擬物風(fēng)格等的選擇。
&nbsbr;
日常過(guò)程中，甚至有可能有部分設(shè)計(jì)環(huán)節(jié)是跟層次是反著來(lái)的。例如，我經(jīng)常使用思維導(dǎo)圖將產(chǎn)品的結(jié)構(gòu)整理出來(lái)（結(jié)構(gòu)層），然后再進(jìn)一步的細(xì)化出需求說(shuō)明（范圍層）。但是，本質(zhì)上還是從需求到結(jié)構(gòu)的一個(gè)過(guò)程。
另外，不同的團(tuán)隊(duì)由不同的構(gòu)成，有些團(tuán)隊(duì)沒(méi)有交互設(shè)計(jì)師，產(chǎn)品包攬了需求到交互的所有環(huán)節(jié)。產(chǎn)品這個(gè)職位在每個(gè)團(tuán)隊(duì)的功能也不一樣。產(chǎn)品開(kāi)發(fā)環(huán)節(jié)，有些團(tuán)隊(duì)是產(chǎn)品主導(dǎo)的，產(chǎn)品主導(dǎo)了戰(zhàn)略層到結(jié)構(gòu)層的各個(gè)環(huán)節(jié)、有些團(tuán)隊(duì)是交互設(shè)計(jì)師主導(dǎo)的，產(chǎn)品只需要負(fù)責(zé)戰(zhàn)略層和范圍層。
但是，這個(gè)模型給我最大的啟示就是。無(wú)論是產(chǎn)品還是交互，在產(chǎn)品設(shè)計(jì)時(shí)都要注重用戶(hù)的需求，并且從抽象到具體的逐步設(shè)計(jì)產(chǎn)品。
