產(chǎn)品經(jīng)理教你如何進(jìn)行產(chǎn)品的用戶體驗(yàn)要素分析

這不是一篇產(chǎn)品體檢分析報告，這是一篇讀書日記，這是一篇強(qiáng)化理解用戶體驗(yàn)要素的文章，需要吸收用戶體驗(yàn)要素的精髓就必須在實(shí)踐中不斷地學(xué)習(xí)用戶體驗(yàn)，了解用戶體驗(yàn)，總結(jié)用戶體驗(yàn)，希望可以為大家提供一種學(xué)習(xí)知識的方法，大家如果覺得分析方法和結(jié)果有誤，歡迎大家留言討論。

這里我們通過對喜馬拉雅APP的戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層逐步分析（倒推），來加深對用戶體驗(yàn)五要素的理解。

一、 戰(zhàn)略層戰(zhàn)略層的重要性：成功的用戶體驗(yàn)，其基礎(chǔ)是一個明確的“戰(zhàn)略”。知道企業(yè)與用戶對產(chǎn)品的期許和目標(biāo)，有助于促進(jìn)用戶體驗(yàn)各方面戰(zhàn)略的確立和制定。要搞清楚戰(zhàn)略層必須搞清楚一個問題“我們?yōu)槭裁匆_發(fā)這個產(chǎn)品？”，這個產(chǎn)品可以分解為兩個問題：1）公司通過產(chǎn)品可以得到什么？2）用戶通過產(chǎn)品可以得到什么？那我們以喜馬拉雅APP為例，問問她給公司帶來了什么？給用戶帶來了什么？

我們從喜馬拉雅的官網(wǎng)可以得知以下與戰(zhàn)略層相關(guān)的信息1 喜馬拉雅的愿景：成為中國最大的好聲音分享平臺。2 喜馬拉雅的使命：讓人們隨時隨地，聽我想聽，說我想說。3 喜馬拉雅的價值觀：a 以用戶的需求為導(dǎo)向不懈創(chuàng)新；b 像重視生命一樣重視每一個執(zhí)行細(xì)節(jié)；c 像救火一樣快速響應(yīng)，搞定每一個問題。

從以上信息也許可以總結(jié)出戰(zhàn)略層所提出的兩個問題的答案：喜馬拉雅APP可以給公司帶來一個中國最大的好聲音分享平臺；喜馬拉雅APP可以給用戶帶來最好的一種聲音享受。

我們再來分析下最大的好聲音分享平臺會給公司帶來什么？1 品牌的建立和廣泛傳播。2 無論是注冊用戶還是活躍用戶，無論是音頻的收聽用戶，還是音頻的創(chuàng)造用戶，其數(shù)量均要達(dá)到同行業(yè)的頂端。3 無論是音頻的數(shù)量還是音頻的質(zhì)量均要達(dá)到同行業(yè)的最佳4 在直接的現(xiàn)金收益獲取一定量的利潤規(guī)模即品牌的傳播范圍和識別度、用戶的數(shù)量級和忠誠度、內(nèi)容的豐富量和質(zhì)量度、收益的持續(xù)性和規(guī)模度均在同行業(yè)中處于領(lǐng)先地位。

我們再來分析下最好的一種聲音享受給用戶又帶來了什么？1 愉悅感：心情平靜的舒適感、發(fā)現(xiàn)好聲音的喜悅感、獲取知識的滿足感，發(fā)現(xiàn)共鳴的認(rèn)同感；2 成就感：創(chuàng)作聲音的期待感、得到打賞的獲得感、收到點(diǎn)贊的欣慰感；其實(shí)愉悅感和成就感沒有嚴(yán)格的界限，一個好的音頻不管是音頻的收聽用戶還是音頻的創(chuàng)造用戶都應(yīng)該有這兩種感覺。

二、范圍層

1 范圍層的定義：將用戶需求和產(chǎn)品目標(biāo)即戰(zhàn)略層轉(zhuǎn)變?yōu)楫a(chǎn)品應(yīng)該提供給用戶的全部內(nèi)容需求和功能需求。2 范圍層的重要性：在產(chǎn)品落地設(shè)計前可以提前考慮潛在的沖突和產(chǎn)品中的部分粗略點(diǎn)，可以劃定界限什么功能和內(nèi)容可以做，什么功能和內(nèi)容不能做，什么功能和內(nèi)容暫時不需要做，什么功能和內(nèi)容放在后期做。范圍層確定好的標(biāo)準(zhǔn)是：你可以準(zhǔn)確地告訴產(chǎn)品開發(fā)團(tuán)隊(duì)要做什么和不要做什么或者暫時不做什么。這里我們就直接分析下當(dāng)前版本6.3.60.3喜馬拉雅APP具有哪些功能需求和內(nèi)容需求，在一個產(chǎn)品從0到1制定范圍層時可能制定的不會這么詳細(xì)，在后續(xù)的結(jié)構(gòu)層和框架層的設(shè)計中偶爾也會反過來對范圍層進(jìn)行補(bǔ)充。

喜馬拉雅也APP范圍層-功能需求：

喜馬拉雅APP范圍層-內(nèi)容需求：

三、結(jié)構(gòu)層

1 結(jié)構(gòu)層的定義：根據(jù)用戶的工作、行為和思考等方式將范圍層中的功能和內(nèi)容建立起一種有序的排列結(jié)構(gòu)，讓用戶在使用產(chǎn)品時能夠高效順暢地實(shí)現(xiàn)需求。2 交互設(shè)計：產(chǎn)品與用戶之間的行為溝通，解決產(chǎn)品如何去配合與響應(yīng)用戶可能發(fā)生的行為。3 概念模型：將產(chǎn)品的功能和內(nèi)容組合成一種用戶熟知的行為或行為流，讓用戶在使用時不需要過多的說明即可按照線下的日常行為流程高效完成服務(wù)。4 信息架構(gòu)：以各種方式將產(chǎn)品信息合理并有意義地呈現(xiàn)給用戶，讓用戶更容易找到有用的信息；結(jié)構(gòu)重要的質(zhì)量標(biāo)準(zhǔn)，不是整個過程需要多少步完成，而是用戶是否認(rèn)為每個步驟都為合理；一個高效機(jī)構(gòu)的優(yōu)點(diǎn)是具備“容納成長”和“適應(yīng)變動”的能力。

我們在結(jié)構(gòu)層的角度分析下喜馬拉雅APP：

聽音頻喜馬拉雅的核心服務(wù)內(nèi)容：音頻；喜馬拉雅的核心服務(wù)功能：聽；喜馬拉雅的核心服務(wù)：聽音頻；先不管聽音頻的用戶群是什么、在什么場景下聽，將自己作為一個真正的用戶思考下聽音頻的過程：按照聽音頻這一行為的正常邏輯可將其分為：聽音頻前、聽音頻中、聽音頻后。我們將范圍層中相關(guān)功能用“聽音頻”串聯(lián)起來：聽音頻前：找音頻；分類查找：平臺上所有音頻的分類；推薦：根據(jù)用戶的收聽習(xí)慣（下載、收藏、評論、關(guān)注等）推薦同類型的音頻；精品：平臺認(rèn)為已得到市場和用戶認(rèn)可經(jīng)典音頻或平臺主打推薦的優(yōu)質(zhì)音頻；相似查找：在用戶關(guān)注某個類型音頻專輯時，同時在音頻詳情頁中關(guān)聯(lián)類似音頻；聽音頻中：調(diào)節(jié)音頻播放效果；播音速度調(diào)節(jié)、下/上一首、查看音頻詳情介紹、查看播放列表、定時關(guān)閉；聽音頻后：標(biāo)記音頻；留言/彈幕、點(diǎn)贊、關(guān)注、下載、設(shè)為鈴聲、設(shè)為鬧鐘、分享（朋友圈、聽友圈…）、提問主播。

創(chuàng)作音頻根據(jù)戰(zhàn)略層中喜馬拉雅的愿景：成為中國最大的好聲音分享平臺；必然少不了音頻的創(chuàng)作，我們再來看看音頻的創(chuàng)作流程，將范圍層中的相關(guān)功能用“創(chuàng)作音頻”串聯(lián)起來：創(chuàng)作音頻前：認(rèn)證、個人認(rèn)證、機(jī)構(gòu)認(rèn)證、名人名企通道；創(chuàng)作音頻中：錄音、朗讀文章提供、添加配樂、添加場景音效、變聲、試聽、裁剪、重錄；創(chuàng)作音頻后：提交發(fā)布；提交、審核、發(fā)布、查看；我的主播工作臺：錄音作品、直播、查看收益、我的粉絲、我的群組、我的問答。

聽友圈查看聽友的動態(tài)，發(fā)布自己的動態(tài)：查看：點(diǎn)贊、評論、舉報；發(fā)布：圖文、引用聲音、引用專輯。

最后通過流程圖將產(chǎn)品的三大服務(wù)流串聯(lián)起來：

可以看到喜馬拉雅的結(jié)構(gòu)屬于一種矩形結(jié)構(gòu)： 允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)間沿著兩個或多個“維度”移動。

四、框架層

1 框架層的定義：確定詳細(xì)的界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計。2   界面設(shè)計1） 界面設(shè)計的定義：為某事物表達(dá)可以提供給用戶做某些事多的能力；界面設(shè)計要做的全部事情就是選擇正確的界面元素，這些界面元素要能幫助用戶完成他們的任務(wù)，還要通過適當(dāng)方式讓它們?nèi)菀妆焕斫夂褪褂茫恍枰紤]交互元素的布局；2）界面設(shè)計的成功標(biāo)準(zhǔn)：一方面讓用戶一眼看到最重要的東西，另一方面不重要的東西可以不用突出，界面設(shè)計需要有層次感。3 導(dǎo)航設(shè)計1）導(dǎo)航設(shè)計的定義：為某事物表達(dá)可以提供給用戶去某個地方的能力；在每個頁面中放置一些允許用戶瀏覽整個產(chǎn)品的鏈接；需要用導(dǎo)航來幫助用戶找到周圍的出路；讓用戶了解自己在產(chǎn)品信息空間中的定位，清晰地告訴用戶他們在哪以及他們能去哪。需要考慮在產(chǎn)品中引導(dǎo)用戶移動的元素的安排；2）導(dǎo)航設(shè)計的要求a 必須提供給用戶一種在頁面間跳轉(zhuǎn)的方法；b 必須傳到出這些元素和他們所包含內(nèi)容間的關(guān)系；c 必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面間的關(guān)系。4 信息設(shè)計1） 信息設(shè)計的定義：為某事物表達(dá)可以為用戶傳達(dá)某種想法的能力；如何將產(chǎn)品信息呈現(xiàn)出來并且讓用戶很容易理解或使用它們?？紤]傳達(dá)給用戶的信息要素的排布；2）信息形式上的設(shè)計：將信息以圖文、語音、視頻等形式表達(dá)；3）信息整理上的設(shè)計：將信息分門別類的整理。

我們先整體看看喜馬拉雅APP的框架：

喜馬拉雅APP的一級頁面：首頁、我聽、播放、發(fā)現(xiàn)、我的，從其頁面的定位以及具備的主要功能進(jìn)行統(tǒng)計分析。

單獨(dú)看看APP首頁的功能和內(nèi)容的布局分類：

五、表現(xiàn)層1 表現(xiàn)層的定義：產(chǎn)品的內(nèi)容和功能與美學(xué)匯集到一起產(chǎn)生一個最終設(shè)計，完成其他四個層面的所有目標(biāo)，并同時滿足用戶的感官感受；需要解決并彌補(bǔ)產(chǎn)品框架層的邏輯排布的感知呈現(xiàn)問題，涉及元素的組合排列，視覺設(shè)計。2 合理設(shè)計感知：決定產(chǎn)品的設(shè)計如何被人類的感覺器官感受到，涉及到視覺、聽覺、觸覺、嗅覺和味覺，哪些感受將被納入產(chǎn)品的設(shè)計，這些由產(chǎn)品的類型決定的。3 視覺設(shè)計：不光是要具有一定的美感，同時需要考慮視覺設(shè)計對于前面層面中確定的目標(biāo)的支持效果如何。1）忠于眼睛a 關(guān)于視覺提出問題問題1：用戶的視線首先落在什么地方？問題2：那個設(shè)計要素第一時間吸引了用戶的注意力？問題3：它們對于戰(zhàn)略目標(biāo)來講是很重要的東西嗎？問題4：用戶第一時間足以到的東西與他們的目標(biāo)是一致的嗎？b 視覺設(shè)計成功的特點(diǎn)特點(diǎn)1：遵循的是一條流暢的途徑；特點(diǎn)2：在不需要太多細(xì)節(jié)來嚇到用戶的前提下，它為用戶提供有效選擇的、某種可能的引導(dǎo)。2）對比和一致性a 對比：可以將用戶的注意力吸引到重要元素上，能幫助用戶理解頁面導(dǎo)航元素之間的關(guān)系，同時也是傳到信息設(shè)計中概念群組的主要手段；讓差異足夠清晰；b 一致性：可以使產(chǎn)品的設(shè)計有效地傳達(dá)信息，而不會導(dǎo)致用戶疑惑或焦慮。3）內(nèi)部和外部的一致性內(nèi)部一致性：產(chǎn)品內(nèi)部不同頁面、模塊間同類型元素間的一致性；外部一致性：產(chǎn)品與其附帶設(shè)計（類似海報、宣傳畫、宣傳視頻等）的一致性。4）配色和排版配色：核心的平鋪色彩通常是一個更廣泛的配色方案的一部分，這套配色方案是要在一個企業(yè)的所有產(chǎn)品中得到應(yīng)用的。表現(xiàn)層就不做過多說明了（還未到達(dá)那水平哈哈~~）。

六、總結(jié)

最后用下圖作為文章的結(jié)尾：

戰(zhàn)略層：確定產(chǎn)品目標(biāo)；范圍層：所有功能和內(nèi)容的合輯，確定功能和內(nèi)容的范圍；結(jié)構(gòu)層：所有框架層的合輯，涵蓋所有頁面間功能和內(nèi)容的跳轉(zhuǎn)交互，確保內(nèi)容的正常流轉(zhuǎn)，保證功能的順暢運(yùn)行，讓服務(wù)流形成完整的閉環(huán)，可以理解為多重面與面之間的關(guān)系屬于三維空間；框架層：結(jié)構(gòu)層的分解，確定局部結(jié)構(gòu)層的合理性，涵蓋頁面內(nèi)部和頁面與頁面間的過渡關(guān)系，屬于二維空間；表現(xiàn)層：對用戶最直觀的表達(dá)，進(jìn)入框架層的入口，引導(dǎo)用戶按照產(chǎn)品框架層的設(shè)計去使用產(chǎn)品、體驗(yàn)產(chǎn)品，涉及元素的組合排列，視覺設(shè)計,可以理解為點(diǎn)與面之間的關(guān)系屬于一維空間。

青花瓷中水泡蔥，老板叫你去敲鐘！