“每逢佳節(jié)胖三斤”，春節(jié)不胖個(gè)三四斤的都不能算過(guò)過(guò)春節(jié)了。筆者預(yù)測(cè)：春節(jié)過(guò)后，減脂健身類的App的日活肯定會(huì)有所增加。本文將對(duì)一個(gè)熱門的健身類App——薄荷app進(jìn)行產(chǎn)品介紹以及內(nèi)部設(shè)計(jì)分析。其中從著重對(duì)該app的用戶體驗(yàn)層次進(jìn)行分析，并給出相應(yīng)的改進(jìn)建議。

聽說(shuō)除夕當(dāng)天，下廚房由于用戶訪問(wèn)量激增而一度崩潰。

那蘭小白我大膽推測(cè)：最近及未來(lái)的一段時(shí)間內(nèi)，薄荷健康、keep等減脂健身類App的日活、用戶打開頻率等等指標(biāo)也將相當(dāng)可觀。

畢竟“每逢佳節(jié)胖十斤”，再不減肥夏天就要來(lái)了呢~

那就一起踏上薄荷健康體驗(yàn)之旅吧。

全文目錄

1. 產(chǎn)品概述

1.1 體驗(yàn)環(huán)境

1.2 產(chǎn)品簡(jiǎn)介

1.3 產(chǎn)品定位

1.4 用戶需求分析

1.5 市場(chǎng)狀況及分析

2.產(chǎn)品分析

2.1 產(chǎn)品結(jié)構(gòu)圖

2.2 用戶使用/頁(yè)面跳轉(zhuǎn)流程圖

2.3 體驗(yàn)分析

2.3.1戰(zhàn)略存在層

2.3.2能力圈層

2.3.3資源結(jié)構(gòu)層

2.3.4角色框架層

2.3.5感知層

3.運(yùn)營(yíng)

4.商業(yè)模式

5.用戶意見

6.總結(jié)

一、產(chǎn)品概述

1. 體驗(yàn)環(huán)境

圖1 體驗(yàn)環(huán)境

2. 產(chǎn)品簡(jiǎn)介

《薄荷健康》是上海薄荷信息科技有限公司（以下簡(jiǎn)稱：薄荷科技）旗下的一款集體重/飲食/運(yùn)動(dòng)/習(xí)慣/睡眠/圍度管理、食物熱量查詢、健身課程推薦、周邊產(chǎn)品電商渠道等多功能為一體的健康類應(yīng)用，具備工具、社區(qū)、電商等多種屬性。

圖2 薄荷簡(jiǎn)介、logo及slogan設(shè)計(jì)

薄荷健康的logo是：一片彩色、扁平化設(shè)計(jì)的薄荷葉。

薄荷本身的藥用和食用價(jià)值使得這款A(yù)pp自帶幾分“助益健康，清新涼爽”的寓意，對(duì)于產(chǎn)品及企業(yè)的形象、口碑傳播極為有利。

slogan“減肥健身，掌控人生”一方面宣傳該App的兩大核心功能；另一方面，為廣大用戶群體設(shè)立了一個(gè)“掌控人生”的宏偉目標(biāo)。

顯然人生是不可控的，但是“一室不掃，何以掃天下”。

或許，先堅(jiān)持用薄荷健康減肥、健身，控制自己的形體和狀態(tài)，接著就能擁有更多自主權(quán)，去掌控人生了。

3. 產(chǎn)品定位

目標(biāo)用戶是：具有減肥、健身、保持健康的意愿，年齡集中在19-45歲之間，以一二線城市女性（白領(lǐng)、在校大學(xué)生等職業(yè)背景）為主，習(xí)慣于使用移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的人群。

主要解決：他們從多個(gè)方面記錄/管理自身形體（體重、運(yùn)動(dòng)、飲食、睡眠等）、查詢食物熱量以控制攝入、以更簡(jiǎn)單和集中的方式獲取健康食品/健身器材等產(chǎn)品的購(gòu)買渠道、通過(guò)社區(qū)交流維持減肥健身動(dòng)力，最終養(yǎng)成健康、良好的生活習(xí)慣，提升外在形象與精神氣質(zhì)的需求。

圖3 用戶性別比例、年齡段分布

按照梁寧老師的觀點(diǎn)，需求分為三類：痛點(diǎn)、癢點(diǎn)和爽點(diǎn)。

這里的“保持健康”就是痛點(diǎn)，是一旦失去會(huì)形成恐懼的需求。而恐懼是激發(fā)人的潛力、動(dòng)力甚至精神沖動(dòng)的根源。

所以，薄荷主打“健康”的理念不僅有助于和市面上同類型減肥健身類產(chǎn)品進(jìn)行區(qū)分，而且能以更大的用戶捕捉面、更強(qiáng)烈的需求刺激提高產(chǎn)品的唯一性。

對(duì)應(yīng)馬斯洛需求模型中的安全需求：層次低卻基數(shù)大。

“減肥、健身”則屬于癢點(diǎn)，滿足人的虛擬自我想象，因?yàn)椴⒉皇敲總€(gè)人都需要減肥和健身，需要“S型曲線”、“人魚/馬甲線”、“8塊腹肌”來(lái)提升自己的優(yōu)越感、提高在別人心目中的印象分，這種需求針對(duì)的群體面積一下子縮水。

對(duì)應(yīng)馬斯洛需求模型中的尊重和自我實(shí)現(xiàn)需求：是較高層次的人性需求。

這款產(chǎn)品沒(méi)有爽點(diǎn)，沒(méi)有“即時(shí)滿足”。

因?yàn)闊o(wú)論是減肥、健身還是獲得健康，均非一朝一夕之功，要靠時(shí)間和堅(jiān)持才能獲得正向反饋。相比抖音這種可以通過(guò)即時(shí)反饋刺激、形成時(shí)間和流量黑洞的應(yīng)用，薄荷們更不容易留存住用戶。

4. 用戶需求分析

解決幾個(gè)關(guān)于用戶的關(guān)鍵問(wèn)題，即：

1. 用戶是誰(shuí)？
2. 用戶特征是什么？
3. 用戶的表面和真實(shí)需求？
4. 用戶使用場(chǎng)景是什么？
5. 可以提供哪些產(chǎn)品解決方案？

有些問(wèn)題在上面回答過(guò)，不再贅述。

用戶特征一般通過(guò)：用戶訪談、問(wèn)卷調(diào)查等前期調(diào)研工作獲取。

我覺(jué)得薄荷用戶最主要的特征概括如下：有強(qiáng)烈的自我管理意識(shí)和生活品質(zhì)追求、囿于時(shí)間/空間/經(jīng)費(fèi)預(yù)算限制，無(wú)法選擇私人教練/營(yíng)養(yǎng)師/健身機(jī)構(gòu)等服務(wù)、比較有毅力。

用戶使用場(chǎng)景也是確定產(chǎn)品功能、形態(tài)的重要參考。

一般包括時(shí)間和空間兩個(gè)維度，結(jié)合自身使用情況，羅列以下這些場(chǎng)景：

• 吃飯前，需要查詢某些食物的熱量，確定吃什么，以及吃多少；
• 日常監(jiān)測(cè)體重變化趨勢(shì)，掌握減肥效果；
• 遇到瓶頸期，堅(jiān)持不下去時(shí)，需要獲得其他用戶的建議和鼓勵(lì)；
• 想買一些健康食物或者健身器材，但是某寶上無(wú)關(guān)商品種類太多，挑花了眼……

用戶特征和使用場(chǎng)景可以在“用戶畫像”中進(jìn)行統(tǒng)一描述。

前面說(shuō)了需求，但是沒(méi)說(shuō)表面需求和真實(shí)需求。

看過(guò)蘇杰大大成名作的應(yīng)該都記得一個(gè)案例：知道有時(shí)候用戶說(shuō)的和做的并不一致，而這個(gè)現(xiàn)象存在于一切產(chǎn)品的設(shè)計(jì)中。

舉個(gè)例子：

我真正需要的，不是減肥達(dá)人推薦的低熱量、高纖維代餐餅干的名稱/圖片等，看起來(lái)很有用、實(shí)際很雞肋的信息。

我需要可以直接購(gòu)買的鏈接，不用另外跳轉(zhuǎn)到別的App、打字、搜索、篩選——就像薄荷的“商店”版塊。

這種功能細(xì)節(jié)上的設(shè)計(jì)才是留住用戶、提高體驗(yàn)和好感度的關(guān)鍵。而一個(gè)成功的App就是若干個(gè)這樣的貼心功能的集合——想用戶之真實(shí)所想，急用戶之真實(shí)所急。

確定了目標(biāo)用戶、用戶特征、使用場(chǎng)景、用戶需求之后，需要針對(duì)已有的分析，提供解決方案，薄荷提供了全方位、多功能的集合式解決方案。

除了在薄荷健康應(yīng)用內(nèi)部集成：體重/飲食/運(yùn)動(dòng)/習(xí)慣等管理、食物熱量查詢、健身課程推薦、健康食品電商渠道等多種功能，還在企業(yè)生態(tài)建立、產(chǎn)品線延伸方面不斷推進(jìn)，推出了網(wǎng)站、健康食品研發(fā)，生產(chǎn)與物流體系、其他App等多種相關(guān)業(yè)務(wù)。

不僅包含：時(shí)下大熱的互聯(lián)網(wǎng)業(yè)務(wù)，還有實(shí)體業(yè)務(wù)，并且實(shí)現(xiàn)了從線下到線上、從研發(fā)到生產(chǎn)再到物流的商業(yè)閉環(huán)，對(duì)于企業(yè)的健康發(fā)展意義非凡。

5. 市場(chǎng)狀況及分析

行業(yè)分析：

根據(jù)京東大數(shù)據(jù)：中國(guó)內(nèi)地的女性經(jīng)濟(jì)市場(chǎng)規(guī)模近2.5萬(wàn)億。

東方證券也表示：女性經(jīng)濟(jì)市場(chǎng)容量至少在5萬(wàn)億元以上，有望成為未來(lái)消費(fèi)行業(yè)持續(xù)增長(zhǎng)的推動(dòng)力。

《中國(guó)女性消費(fèi)調(diào)查報(bào)告》則顯示：中國(guó)城市女性在收入水平、消費(fèi)意愿及能力方面均呈現(xiàn)出較高的水平。而女性消費(fèi)市場(chǎng)除了服飾、美容、化妝品之外，減肥、健身方面的潛力也頗為巨大，減肥產(chǎn)品層出不窮、健康食品供不應(yīng)求、健身房遍地都是……

由此可見，針對(duì)一二線城市女性的減肥、健身類應(yīng)用的發(fā)展空間巨大。

雖然市面上已經(jīng)有不少同類型的產(chǎn)品，但是通過(guò)差異化策略，企業(yè)生態(tài)優(yōu)勢(shì)加持，功能、體驗(yàn)和服務(wù)的不斷完善，薄荷還可以有更大的想象空間。

產(chǎn)品數(shù)據(jù)：

截止到去年8月，薄荷在行業(yè)內(nèi)（健康美容）排名第14，活躍率是行業(yè)均值的3.3倍左右。

同類型產(chǎn)品包括：綠瘦旗下的好享瘦、薄荷旗下的薄荷愛(ài)瘦身、輕+、愛(ài)瘦、美寸減肥等。

薄荷具有國(guó)內(nèi)最大、最權(quán)威的食物營(yíng)養(yǎng)數(shù)據(jù)庫(kù)，可供查詢4萬(wàn)多種食物的熱量，同時(shí)通過(guò)自主研發(fā)和銷售健康食品，打造出其獨(dú)特優(yōu)勢(shì)和壁壘。

其他應(yīng)用也有其獨(dú)特優(yōu)勢(shì)，如：

• 好享瘦：提供了肥胖基因檢測(cè)服務(wù)和減肥集中營(yíng)服務(wù)，輕+用戶群體更聚焦，主要針對(duì)20-30歲的超重/肥胖人群；
• 愛(ài)瘦：在產(chǎn)品運(yùn)營(yíng)方面，組織瘦身大賽增加用戶活躍度和粘性，線上則通過(guò)積分充值、商品兌換等方式增加用戶使用App過(guò)程中的趣味性。

我認(rèn)為：薄荷應(yīng)該圍繞如何健康科學(xué)地減肥，進(jìn)一步打磨現(xiàn)有功能，做到精細(xì)化、專家化。

比如：豐富食物庫(kù)（滿漢全席都能查到）、科學(xué)化卡路里計(jì)算方式、改進(jìn)各項(xiàng)數(shù)據(jù)管理步驟（解放用戶的雙手、減少用戶思考次數(shù)和程度，如：一個(gè)蘋果到底多少克、減少不必要的操作）、交互體驗(yàn)設(shè)計(jì)優(yōu)化（邏輯上更有條理、更流暢，不讓用戶困惑）等。

宏觀上要緊扣產(chǎn)品調(diào)性，細(xì)節(jié)上則要跟喬布斯一樣，精益求精。

圖4 薄荷垂直領(lǐng)域內(nèi)排名、用戶活躍率

二、產(chǎn)品分析

1. 產(chǎn)品結(jié)構(gòu)圖

圖5 產(chǎn)品結(jié)構(gòu)圖

從主要功能上看：

• 首頁(yè)上的各項(xiàng)數(shù)據(jù)記錄功能、發(fā)現(xiàn)頁(yè)的課程推薦及社區(qū)功能、商店頁(yè)的商品推薦功能和用戶個(gè)人中心位于同一層級(jí)。
• 前三個(gè)頁(yè)面的頂部均有搜索和消息通知組件，屬于全局功能。凸顯出工具基礎(chǔ)屬性和社區(qū)擴(kuò)展屬性特征，但是不同頁(yè)面的搜索內(nèi)容不同。
• 個(gè)人中心除了對(duì)用戶信息進(jìn)行管理，還通過(guò)若干小組件將前三個(gè)頁(yè)面中的重要功能和入口集中到一起，如：訂單、已購(gòu)課程、我的食物等。

2. 用戶使用/頁(yè)面跳轉(zhuǎn)流程圖

薄荷提供了很多功能，每一個(gè)功能的實(shí)現(xiàn)都對(duì)應(yīng)著一條用戶使用路線，在這里以用戶“飲食/運(yùn)動(dòng)記錄”為例。除此之外，還有頁(yè)面跳轉(zhuǎn)流程圖、業(yè)務(wù)流程圖。

假定用戶使用場(chǎng)景為記錄早餐（雞蛋1個(gè)，吐司60g）及其熱量：

圖6 用戶使用流程圖示例

圖7 頁(yè)面跳轉(zhuǎn)流程圖示例

3. 體驗(yàn)分析

Ajax之父 Jesse James Garrett 將用戶體驗(yàn)設(shè)計(jì)劃分成5個(gè)層級(jí)——即人們熟知的“戰(zhàn)略層-范圍層-結(jié)構(gòu)層-框架層-表現(xiàn)層”。

在此基礎(chǔ)上，梁寧給出了進(jìn)一步的擴(kuò)展（如下所示）：戰(zhàn)略層的用戶目標(biāo)，應(yīng)該著重體現(xiàn)產(chǎn)品能為用戶提供怎樣的持續(xù)性依賴和自身存在價(jià)值、能力圈層明確產(chǎn)品做什么？以及不做什么？并且根據(jù)戰(zhàn)略規(guī)劃整合所需能力。

資源結(jié)構(gòu)層確定產(chǎn)品架構(gòu)時(shí)兼顧資源引入、迭代、留存等，為內(nèi)容建設(shè)打好基礎(chǔ)。

角色框架層除了信息、界面、導(dǎo)航設(shè)計(jì)外，也應(yīng)秉持前面3個(gè)層面的一致性原則，將體現(xiàn)結(jié)構(gòu)、功能和戰(zhàn)略的框架和信息框定在產(chǎn)品預(yù)先設(shè)計(jì)的角色里。

最后感知層更多地站在用戶角度——由人及產(chǎn)品，而不是站在產(chǎn)品設(shè)計(jì)、開發(fā)角度，并且側(cè)重產(chǎn)品如何接觸人的“表現(xiàn)層”。

1. 戰(zhàn)略存在層。
2. 能力圈層。
3. 資源結(jié)構(gòu)層。
4. 角色框架層。
5. 感知層。

戰(zhàn)略存在層：

一般分為兩類：用戶需求和產(chǎn)品目標(biāo)。

用戶需求：是指目標(biāo)用戶可以從App里得到ta想要的什么功能？什么信息？什么心理訴求的滿足.

薄荷提供的功能主要包括：

外部監(jiān)督：

用戶減脂、塑性、保持健康的生活方式都已經(jīng)超出了馬斯洛提出的基本需要，甚至需要對(duì)抗人的生理需求本能，屬于較高層次的自我實(shí)現(xiàn)。

因此，實(shí)現(xiàn)過(guò)程必然是艱辛、漫長(zhǎng)的。雖然贏得他人的尊重、體現(xiàn)自我認(rèn)可的價(jià)值這種內(nèi)在動(dòng)機(jī)，可以驅(qū)動(dòng)用戶堅(jiān)持打卡、記錄，但終究有那么一群用戶需要外部動(dòng)機(jī)輔助激勵(lì)。如：產(chǎn)品的監(jiān)督機(jī)制，就像上班需要打卡、早起需要鬧鈴，薄荷可以幫助用戶對(duì)抗惰性、拖延和自我欺騙。

可視化進(jìn)展管：

首頁(yè)上減重進(jìn)度（百分比、環(huán)形圖）每天為用戶提供明確反饋，緩解漫漫減肥路上的焦慮心理，以及正向促進(jìn)用戶堅(jiān)持自我管理。

看不見樓層的電梯使人恐懼，看不到減重征程中與目標(biāo)的接近程度同樣使人恐懼、陷入自我懷疑和打擊。

渠道供應(yīng)：

• “商店”為用戶篩選健康、低脂低糖的食物/減脂減重工具等，屬于垂直門類的電商渠道；
• “發(fā)現(xiàn)”版塊提供的營(yíng)養(yǎng)師、健身達(dá)人課程屬于專業(yè)知識(shí)獲取渠道；
• 微信“社群組織”、App內(nèi)部“精選”、“好友圈”、“動(dòng)態(tài)”等屬于社交渠道；
• 主要界面頂端的搜索欄則是工具屬性，提供食物熱量和營(yíng)養(yǎng)素查詢渠道……

薄荷圍繞健康、減脂塑形指導(dǎo)與資源供應(yīng)等核心功能，整合多種外部資源及資源自帶的能力，吸引用戶進(jìn)駐App。

并且與其他用戶、KOL（達(dá)人、專業(yè)指導(dǎo)）建立或強(qiáng)或弱的關(guān)系鏈，沉淀到App內(nèi)部，產(chǎn)生自己的內(nèi)容。與他人交互，促進(jìn)整個(gè)社區(qū)的活躍和內(nèi)容積累、迭代，從而又可以增加用戶黏性、吸引更多新用戶進(jìn)駐，達(dá)到正向反饋。

產(chǎn)品目標(biāo)：指開發(fā)者希望從用戶那里得到什么？

無(wú)非是用戶注意力（與廣告商合作，所謂“羊毛出在狗身上，豬來(lái)買單”）、用戶數(shù)據(jù)（用作引流或者提取信息給需求方）、用戶本身的消費(fèi)能力（購(gòu)買產(chǎn)品、配套服務(wù)、課程等），薄荷側(cè)重第三種。

• “我賭我會(huì)瘦”、“早期挑戰(zhàn)賽”等通過(guò)組織用戶參與運(yùn)營(yíng)活動(dòng)，鼓勵(lì)UGC生產(chǎn)、促進(jìn)相關(guān)產(chǎn)品銷售、平臺(tái)還可以抽取部分傭金；
• “發(fā)現(xiàn)”頁(yè)面推薦的“減重服務(wù)”、“課程”、“微信打卡群”等融入了知識(shí)付費(fèi)概念；
• “商店”頁(yè)面提供公司自營(yíng)產(chǎn)品的購(gòu)買渠道..……通過(guò)各種方式構(gòu)建起商業(yè)模式。位于多個(gè)位置的廣告位則為自營(yíng)產(chǎn)品宣傳、引流，形成閉環(huán)。
• “精選”版塊則是充分利用優(yōu)質(zhì)UGC，為其它用戶提供內(nèi)容和創(chuàng)作靈感參考。并吸引、鼓勵(lì)更多用戶創(chuàng)作高質(zhì)量動(dòng)態(tài)，促進(jìn)整個(gè)飲食、健身、習(xí)慣交流群體的活躍。

能力圈層：主要包括內(nèi)容需求和功能規(guī)格，以形成產(chǎn)品的某項(xiàng)能力。

內(nèi)容需求指：產(chǎn)品為目標(biāo)用戶提供哪些信息及信息來(lái)源？并且能夠保證信息與產(chǎn)品戰(zhàn)略的關(guān)聯(lián)度、權(quán)威性、實(shí)時(shí)性、準(zhǔn)確性等。

薄荷提供的主要內(nèi)容包括：

• 盡可能全面的食物熱量、營(yíng)養(yǎng)元素組成、減脂推薦程度等信息。
• 權(quán)威營(yíng)養(yǎng)師、健身教練等的視頻、文字教學(xué)資源，KOL精選動(dòng)態(tài)。
• 自營(yíng)產(chǎn)品介紹、購(gòu)買渠道信息，用戶身體數(shù)據(jù)評(píng)測(cè)反饋信息等。

整個(gè)APP涵蓋的信息非常豐富，并且都圍繞核心目標(biāo)展開。

功能規(guī)格指：產(chǎn)品提供哪些功能？不提供哪些功能？以及各自做到什么程度?

薄荷主要功能包括：

• 查詢?nèi)粘ｏ嬍碂崃俊?/li>
• 營(yíng)養(yǎng)素及食用推薦建議。
• 體重/飲食/運(yùn)動(dòng)/習(xí)慣/睡眠/圍度/生理期/寶寶健康等數(shù)據(jù)記錄與目標(biāo)管理。
• 篩選整合減脂減重周邊產(chǎn)品（食品、工具、服務(wù)等）并提供購(gòu)買、物流等系列服務(wù)。
• 構(gòu)建用戶交流社區(qū)并通過(guò)運(yùn)營(yíng)加強(qiáng)社區(qū)活躍度和保證內(nèi)容迭代更新，以課程、KOL動(dòng)態(tài)等提供專業(yè)飲食/健身指導(dǎo)。

功能設(shè)計(jì)和信息設(shè)計(jì)相輔相成，共同構(gòu)建起產(chǎn)品能力，形成區(qū)別于競(jìng)品的壁壘。

資源結(jié)構(gòu)層：

資源結(jié)構(gòu)層是指通過(guò)整合外部資源，以一定的方式實(shí)現(xiàn)功能或以一定的架構(gòu)展示信息。

• 針對(duì)功能為主型的產(chǎn)品（如：電商網(wǎng)站），該層側(cè)重交互設(shè)計(jì)；
• 針對(duì)信息為主型的產(chǎn)品（如：新聞門戶網(wǎng)站），該層側(cè)重信息架構(gòu)設(shè)計(jì)。

傳統(tǒng)認(rèn)為：交互設(shè)計(jì)類似于“跳舞”，反正每個(gè)應(yīng)用程序的舞步都不太一樣。讓用戶來(lái)適應(yīng)不同的舞步不算過(guò)分，系統(tǒng)可以自己跳自己得，要是用戶的腳被踩了，那也只能當(dāng)成學(xué)習(xí)過(guò)程的一部分。

這種設(shè)計(jì)理念顯然過(guò)時(shí)了。

產(chǎn)品是企業(yè)與用戶對(duì)話、進(jìn)行信息交換的載體，用戶每一次的點(diǎn)擊、滑屏、縮放等操作都是在與產(chǎn)品交互。

合乎邏輯、流暢自然、路徑清晰的交互設(shè)計(jì)對(duì)于提升用戶體驗(yàn)至關(guān)重要，特別是在如今競(jìng)品林立、用戶注意力稀缺的背景下，應(yīng)該不斷優(yōu)化交互設(shè)計(jì)，提高用戶遷移成本。

薄荷APP的交互設(shè)計(jì)涵蓋了所有功能，如：老生常談的“注冊(cè)——登錄”、商品選購(gòu)流程、動(dòng)態(tài)發(fā)布等。

以“我賭我會(huì)瘦”為例：

圖8 “我賭我會(huì)瘦”交互流程圖

角色框架層：

角色框架層是：在結(jié)構(gòu)層定義的交互設(shè)計(jì)、信息架構(gòu)設(shè)計(jì)基礎(chǔ)上，借助“按鈕、輸入框”等控件及它們之間的空間位置關(guān)系，定義功能的實(shí)現(xiàn)形式、展示應(yīng)用的結(jié)構(gòu)，對(duì)用戶是可見的——即可以被用戶感知。

• 對(duì)功能型產(chǎn)品，框架層主要完成界面設(shè)計(jì)，提供用戶做某件事的能力，實(shí)現(xiàn)用戶與應(yīng)用的交互過(guò)程；
• 對(duì)信息型產(chǎn)品，框架層主要完成導(dǎo)航設(shè)計(jì)，提供用戶去某個(gè)版塊、節(jié)點(diǎn)的能力，幫助用戶在難以感知的虛擬空間中自我定位和尋找目標(biāo)；
• 其次是所有產(chǎn)品都要進(jìn)行的信息設(shè)計(jì)，即如何有效傳達(dá)頁(yè)面信息，幫助用戶實(shí)現(xiàn)功能或獲取內(nèi)容。

界面設(shè)計(jì)：

薄荷沿用了常見的界面元素，如：郵箱圖標(biāo)、搜索文本框、折疊菜單，同時(shí)也根據(jù)自身調(diào)性設(shè)計(jì)了許多特有圖標(biāo)。

如：以App圖標(biāo)作為“首頁(yè)”圖標(biāo)，強(qiáng)化產(chǎn)品印象。

整個(gè)界面版塊設(shè)計(jì)大致遵循3*3網(wǎng)格布局/柵格線，在母版基礎(chǔ)上，網(wǎng)格根據(jù)導(dǎo)航及信息設(shè)計(jì)的需要進(jìn)行橫縱向組合，形成橫向、縱向、矩陣等多種形式穿插的呈現(xiàn)風(fēng)格，避免了單一形式的單調(diào)乏味，也不失組織性。

可以采用線框圖形式進(jìn)行呈現(xiàn)，舉例如下：

圖9“伙伴”界面設(shè)計(jì)線框圖

不同于程序設(shè)計(jì)要考慮各種邊界情況，界面設(shè)計(jì)由于面向用戶，應(yīng)該盡量簡(jiǎn)化用戶使用過(guò)程、省略不必要的信息和步驟。

比如，發(fā)布朋友圈不需要用戶考慮：

斷網(wǎng)情況下微信如何緩存？有網(wǎng)時(shí)如何再次上傳？

不需要展示“當(dāng)前網(wǎng)絡(luò)不佳”和要求用戶“重新上傳”，只需要“默默地”幫用戶實(shí)現(xiàn)這個(gè)過(guò)程就好了。

薄荷“消息”-“廣播”頁(yè)面，用戶接收到紅點(diǎn)、數(shù)字（好奇心理）就會(huì)點(diǎn)進(jìn)去看大概有什么內(nèi)容。如果對(duì)其中某一條感興趣就會(huì)再次點(diǎn)進(jìn)去看詳情，完全不需要設(shè)計(jì)右上角“全部已讀”功能。

假如用戶要消除紅點(diǎn)還要增加這一步點(diǎn)擊，可能會(huì)產(chǎn)生反感情緒——用戶可能會(huì)想：“我都已經(jīng)點(diǎn)進(jìn)來(lái)了，不就證明我看過(guò)了嗎？為什么還要我點(diǎn)已讀？”。

一般來(lái)講，用戶都是喜歡消除頁(yè)面上各種紅點(diǎn)、消息數(shù)量顯示的，所以，PM認(rèn)為為簡(jiǎn)化用戶一條條點(diǎn)擊而設(shè)計(jì)的已讀功能是為用戶提供便利，但是用戶可能并不買賬。

圖10? 真正為用戶著想

為了減少用戶學(xué)習(xí)成本，進(jìn)行界面設(shè)計(jì)時(shí)，可以適當(dāng)遵循用戶已有習(xí)慣。

比如：購(gòu)物車圖標(biāo)，一目了然，簡(jiǎn)潔直觀。

但應(yīng)慎重使用從實(shí)際生活場(chǎng)景中，抽象出來(lái)的某些比喻或形象。

因?yàn)橐紤]目標(biāo)用戶由于自身經(jīng)歷、文化背景等差異造成的認(rèn)知水平、理解角度的差異。如果缺少確定性信息，可能會(huì)引起用戶誤解和反感。

如圖11所示的右上角倒數(shù)第二個(gè)圖標(biāo)，對(duì)部分用戶來(lái)說(shuō)會(huì)產(chǎn)生如下的心路歷程：“這個(gè)圖標(biāo)是什么意思呢？返回首頁(yè)嗎？不知道…算了，試試吧。喔，原來(lái)是退到當(dāng)前所在全局導(dǎo)航頁(yè)啊。可是我沒(méi)想退出來(lái)……”。

結(jié)果就是用戶學(xué)習(xí)了這個(gè)圖標(biāo)的用法，然后不得不再原路點(diǎn)進(jìn)商品詳情頁(yè)去。

圖11 慎重使用抽象形象

導(dǎo)航設(shè)計(jì)：

幫助人們?cè)谡鎸?shí)世界找到方向的大腦機(jī)制，在信息空間中壓根不起作用。所以，用戶會(huì)完全依賴于導(dǎo)航，以及一些指示線索，仿佛他們?cè)诰W(wǎng)站中走過(guò)的每一步，都會(huì)在不久后逐漸從記憶中消退一樣。

導(dǎo)航提供用戶在界面間跳轉(zhuǎn)的方法、傳達(dá)元素與界面內(nèi)容/元素內(nèi)容和界面之間的關(guān)系。

導(dǎo)航根據(jù)層次、功能可以細(xì)分為：全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航、上下文導(dǎo)航、友好導(dǎo)航、遠(yuǎn)程導(dǎo)航。

薄荷的各類導(dǎo)航設(shè)計(jì)具體見圖12黑色框標(biāo)示。

• 全局導(dǎo)航：提供覆蓋整個(gè)應(yīng)用的路徑，有5個(gè)主要界面——即最下方的固定欄；
• 局部導(dǎo)航：在全局導(dǎo)航下一級(jí)，提供某一界面下到其它附近地點(diǎn)的路徑，如“商店”下的“新品購(gòu)”等具體品類；
• 輔助導(dǎo)航：補(bǔ)充全局和局部導(dǎo)航，使用戶時(shí)刻感知當(dāng)前所在位置，如：“商店”下屬的“控卡推薦”頁(yè)；
• 上下文導(dǎo)航：嵌在界面內(nèi)容之中、跳轉(zhuǎn)到空間上不相鄰位置的超鏈接等，如：“我賭我會(huì)瘦”活動(dòng)詳情界面中跳轉(zhuǎn)到“商店”中指定商品詳情頁(yè)的圖片鏈接，提高商品曝光率、成交率和有效用戶轉(zhuǎn)化率；
• 友好導(dǎo)航：提供應(yīng)用的招聘信息、聯(lián)系信息、法律聲明、用戶意見反饋等，偶爾發(fā)揮作用。
• 遠(yuǎn)程導(dǎo)航一般不出現(xiàn)在App內(nèi)，因?yàn)樗饕员姸喾旨?jí)、顯示應(yīng)用整體結(jié)構(gòu)、涵蓋所有界面的鏈接組成，與手機(jī)屏幕尺寸、應(yīng)用界面風(fēng)格不匹配。從瀏覽器導(dǎo)出的網(wǎng)頁(yè)標(biāo)簽可以歸類到遠(yuǎn)程導(dǎo)航。

圖12 薄荷各類導(dǎo)航設(shè)計(jì)

信息設(shè)計(jì)：

信息設(shè)計(jì)的主要目的是：對(duì)信息進(jìn)行合理的組織、分類，使用戶迅速理解并能夠使用。確保每個(gè)頁(yè)面呈現(xiàn)的信息是用戶想要看到的信息，信息傳達(dá)是明確的、不會(huì)引起歧義的、精簡(jiǎn)的，不會(huì)讓用戶云里霧里，感覺(jué)自己點(diǎn)進(jìn)了錯(cuò)誤的頁(yè)面。

我體驗(yàn)過(guò)程中時(shí)常疑惑：

• “為什么這個(gè)功能要放在這兒？”
• “這個(gè)表述是什么意思？”

也就是說(shuō)，薄荷的信息設(shè)計(jì)還有待優(yōu)化。

部分界面存在的問(wèn)題總結(jié)及改進(jìn)建議如下，改進(jìn)前后的信息設(shè)計(jì)如圖13、14所示。

信息傳達(dá)不明確、不簡(jiǎn)潔。

如：

• “評(píng)論”是用戶對(duì)其他用戶的評(píng)論，還是用戶收到的評(píng)論？（與下面“收到的贊”一致，改為“收到的評(píng)論”，指代更明確）。
• “消息分類”可以簡(jiǎn)化為“消息”。因?yàn)榉诸愂钱a(chǎn)品經(jīng)理做的工作，不需要展示給用戶知道，不簡(jiǎn)潔。

信息層級(jí)間關(guān)系混亂。

如：

• “通知消息”從屬于“消息分類”是不是覺(jué)得有點(diǎn)奇怪，消息分類不就是通知消息嗎？（應(yīng)改為系統(tǒng)通知）。
• “常見問(wèn)題”需要進(jìn)行“設(shè)置”嗎？只需要查看就可以了吧，所以可以歸類到“消息”下。
• “如何估算食物重量”功能已經(jīng)在首頁(yè)的“飲食記錄”展示過(guò)，不需要再次展示，即便是展示也不應(yīng)歸類到“設(shè)置”里。

同一層級(jí)信息排列順序不合理，沒(méi)有遵循“一致性”、“親密性”原則。

如：“商店”的局部導(dǎo)航中，“高蛋白”和后面的“低脂肪”應(yīng)該放在一起，并且與“小助手”、“顧問(wèn)服務(wù)”、“工具（人氣秤）”進(jìn)行空間上的區(qū)隔。

信息排序可以參考如下幾條原則：

1. 關(guān)聯(lián)性強(qiáng)的信息應(yīng)該在空間上保持緊密和集中。
2. 應(yīng)該按用戶使用頻率降序（高頻到低頻）、按對(duì)用戶的重要性/信息價(jià)值降序（重要到不太重要，不重要的就直接去掉了）、按用戶操作難度升序（簡(jiǎn)單到較難，當(dāng)然要盡量降低難度）排序。

排序：

• 按用戶使用頻率排：賬號(hào)設(shè)置——瀏覽偏好設(shè)置——網(wǎng)絡(luò)設(shè)置；
• 按用戶關(guān)心程度排：新粉絲——提到我的——收到的評(píng)論——收到的贊

圖13 信息設(shè)計(jì)存在的問(wèn)題

圖14 重新整理之后的信息設(shè)計(jì)

感知層：

感知層則更靠近用戶，也稱為“表現(xiàn)層”。

感知層設(shè)計(jì)參考人體接收訊息的途徑，可分為：視覺(jué)設(shè)計(jì)、聽覺(jué)設(shè)計(jì)、虛擬觸覺(jué)設(shè)計(jì)等。嗅覺(jué)、味覺(jué)可以借助“通感”的概念，借助前面幾種加以呈現(xiàn)。具體結(jié)合哪幾種進(jìn)行產(chǎn)品的感知設(shè)計(jì)取決于產(chǎn)品類型、應(yīng)用領(lǐng)域、產(chǎn)品調(diào)性等。

同時(shí)，應(yīng)避免陷入設(shè)計(jì)師的個(gè)人偏好中，應(yīng)注重：

• 用戶反饋是否符合預(yù)期？
• 產(chǎn)品運(yùn)作是否良好？
• 感知設(shè)計(jì)是否支撐并強(qiáng)化了前面的幾層，使用戶對(duì)產(chǎn)品的功能、結(jié)構(gòu)、界面組織乃至形象有更加清晰的認(rèn)知？

下面針對(duì)薄荷的主要設(shè)計(jì)——視覺(jué)設(shè)計(jì)進(jìn)行體驗(yàn)分析。

視覺(jué)設(shè)計(jì)：

設(shè)計(jì)師要了解眼睛的運(yùn)作機(jī)制和用戶閱讀習(xí)慣，比如：

• 用戶快速掃描界面時(shí)，第一眼會(huì)落到什么地方？
• 這個(gè)地方對(duì)于產(chǎn)品目標(biāo)和用戶目標(biāo)是否重要？
• 用戶接下來(lái)的視線如何轉(zhuǎn)移？

可以通過(guò)用戶訪談、模糊設(shè)計(jì)、眼球追蹤儀器觀察目標(biāo)用戶使用過(guò)程等方式，了解這一些信息，但是要小心：用戶可能會(huì)撒謊。

他們可能沒(méi)有真正覺(jué)察到自己眼睛的移動(dòng)，或者他們只是把他們認(rèn)為你想聽的事情告訴你了，又或者兼而有之，所以用戶會(huì)撒謊。

薄荷的大部分界面對(duì)于用戶來(lái)說(shuō)：視線轉(zhuǎn)移路徑都是流暢的，且提供了有效、幫助用戶通過(guò)交互實(shí)現(xiàn)功能的引導(dǎo)。

如下圖中的首頁(yè)：第一眼必然是最上方深色背景的目標(biāo)體重管理版塊，然后用戶會(huì)按從上到下的順序依次瀏覽“飲食/運(yùn)動(dòng)記錄”、“體重記錄”等。這種轉(zhuǎn)移途徑是契合設(shè)計(jì)預(yù)期的。

而有些頁(yè)面則顯得比較“豐富”、凌亂、“擁擠”，因?yàn)楦鞣N元素、各種色彩以一種不是很統(tǒng)一的方式呈現(xiàn)在用戶眼前，都在試圖引起用戶的注意，反而喧賓奪主、使用戶注意力分散。

如“伙伴”頁(yè)：我的視線在各種顏色鮮艷的圖片、淺色背景下的大字號(hào)文字、小圖標(biāo)之間來(lái)回穿梭，幾秒內(nèi)不知道這個(gè)頁(yè)面的重點(diǎn)在哪兒。整體來(lái)說(shuō)還是不錯(cuò)的，畢竟用戶也都有不同的閱讀習(xí)慣。

圖15 用戶視線轉(zhuǎn)移路徑設(shè)計(jì)

同時(shí)兼顧設(shè)備型號(hào)、屏幕尺寸、分辨率等因素。

設(shè)計(jì)四個(gè)原則在這里依然可以發(fā)揮作用。

例如：

• 對(duì)比可以迅速吸引用戶注意，且這種視覺(jué)反應(yīng)是人體無(wú)法控制的，但不能過(guò)度使用對(duì)比；
• 一致性可以減少用戶學(xué)習(xí)成本，如同一層級(jí)的文字大小保持一致；
• 親密性、對(duì)齊也都可以降低認(rèn)知難度，簡(jiǎn)化視線轉(zhuǎn)移步驟。

配色方案上，薄荷整體背景為應(yīng)用標(biāo)志色：

• 綠色，清新爽朗，符合戰(zhàn)略層設(shè)計(jì)；
• 其次是白色，淺色背景能更加突出明艷、醒目的前景色上呈現(xiàn)的內(nèi)容，比如：上圖中大紅色、大綠色的“微信群”圖片。

文本大部分比較簡(jiǎn)短，不會(huì)引起閱讀疲倦。

三、運(yùn)營(yíng)

“商店”版塊產(chǎn)品上新；

• “我賭我會(huì)瘦”、“早期挑戰(zhàn)賽”等主題活動(dòng)組織跟進(jìn)；
• “微信打卡群”用戶募集與群內(nèi)日常交流、指導(dǎo)；
• “推薦達(dá)人”、“推薦課程”更新，線上互動(dòng)；
• “精選”版塊的動(dòng)態(tài)篩選、話題設(shè)計(jì)與用戶引導(dǎo)、“本周薄荷之星”評(píng)選與推薦；
• “好友圈”的“好友推薦”。

運(yùn)營(yíng)就好比沙丁魚群里活泛的泥鰍，憑一己之力帶動(dòng)整個(gè)APP、用戶社區(qū)的氣氛活躍，以優(yōu)質(zhì)的內(nèi)容、活動(dòng)吸引用戶日常點(diǎn)進(jìn)APP、參與社區(qū)討論、貢獻(xiàn)原創(chuàng)UGC，從而提高產(chǎn)品日活、增強(qiáng)用戶黏性、形成UGC正向促進(jìn)，提高產(chǎn)品的生命力和不可替代性。

四、商業(yè)模式

在前面的“體驗(yàn)分析——戰(zhàn)略存在層——產(chǎn)品目標(biāo)”中已經(jīng)說(shuō)明了薄荷的商業(yè)模式組成（詳情請(qǐng)諸位看官移步），一般而言，產(chǎn)品目標(biāo)應(yīng)該包含產(chǎn)品構(gòu)建的商業(yè)模式。

五、用戶意見

主要分析了：應(yīng)用商店、App內(nèi)部的用戶反饋意見。

應(yīng)用商店上薄荷的綜合評(píng)分高達(dá)5.0：好評(píng)1.1W條，差評(píng)只有331條（占全部評(píng)論的3.01%），總體來(lái)說(shuō)用戶反饋不錯(cuò)，好評(píng)、差評(píng)要點(diǎn)總結(jié)如圖16所示。

可以看出：用戶對(duì)薄荷的功能設(shè)計(jì)、交互設(shè)計(jì)、界面設(shè)計(jì)、信息設(shè)計(jì)等都是較為滿意的；而負(fù)面反饋主要集中在程序設(shè)計(jì)上的bug，然后是應(yīng)用提供的服務(wù)以及內(nèi)容有待進(jìn)一步完善。

無(wú)論是單純的技術(shù)問(wèn)題，還是牽涉到用戶體驗(yàn)高層設(shè)計(jì)（如：戰(zhàn)略、功能、結(jié)構(gòu)層）的紕漏，都會(huì)在用戶每一次與App交互時(shí)影響用戶情緒，進(jìn)而決定App的用戶黏性、忠誠(chéng)度、日活/月活等指標(biāo)。

App內(nèi)部的用戶反饋問(wèn)題一般都得到了回復(fù)，用戶間互動(dòng)內(nèi)容較積極。

著名的“峰終定律（Peek-End Rule）”指出，人對(duì)體驗(yàn)的記憶由兩個(gè)核心因素決定：

1. 體驗(yàn)最高峰的時(shí)刻（無(wú)論是正向還是負(fù)向）的感受；
2. 體驗(yàn)結(jié)束時(shí)刻的感受。

PC時(shí)代用戶等待一個(gè)頁(yè)面打開的忍耐底線平均為7秒，也就是說(shuō)：如果應(yīng)用7秒還沒(méi)加載出來(lái)用戶想看到的內(nèi)容，用戶就會(huì)離開，并選擇替代品（在如今這個(gè)同質(zhì)化嚴(yán)重的時(shí)代輕而易舉）。

所以，用戶體驗(yàn)設(shè)計(jì)必須在每個(gè)層級(jí)都思慮周全、上下兼顧、精益求精，整體上構(gòu)建一個(gè)完整、流暢、賞心悅目的體驗(yàn)系統(tǒng)，為用戶提供正向、流暢、愉悅的情緒價(jià)值，從而留住用戶。

圖16 用戶評(píng)價(jià)

六、總結(jié)

本文從五個(gè)大的方面對(duì)薄荷健康這一款健康類App進(jìn)行了產(chǎn)品體驗(yàn)分析。

產(chǎn)品概述中通過(guò)5個(gè)小節(jié)對(duì)App本身進(jìn)行了較為詳細(xì)的介紹，要點(diǎn)包括：產(chǎn)品功能、logo、slogan、用戶痛點(diǎn)/癢點(diǎn)/爽點(diǎn)、用戶特征、使用場(chǎng)景、產(chǎn)品解決方案、行業(yè)分析及產(chǎn)品數(shù)據(jù)分析。

產(chǎn)品分析中通過(guò)3個(gè)小節(jié)對(duì)產(chǎn)品內(nèi)部設(shè)計(jì)實(shí)現(xiàn)進(jìn)行了分析，要點(diǎn)包括：用戶體驗(yàn)五層次，即戰(zhàn)略存在、能力圈、資源結(jié)構(gòu)、角色框架、感知層；運(yùn)營(yíng)、商業(yè)模式、用戶意見也進(jìn)行了一定的說(shuō)明。

整篇文章的重點(diǎn)在：用戶體驗(yàn)層次分析，及個(gè)人改進(jìn)建議闡述上。

用戶體驗(yàn)是一項(xiàng)系統(tǒng)性工作，需要PM、設(shè)計(jì)師、開發(fā)者、運(yùn)營(yíng)人員群策群力，以及不斷地摸索、思考、改進(jìn)，需要兼顧5個(gè)層級(jí)設(shè)計(jì)的一致性和關(guān)聯(lián)性，絕非一朝一夕之功。

當(dāng)然，由于自身認(rèn)知水平、思維方式、產(chǎn)品知識(shí)積累的局限，很多地方還存在不足，萬(wàn)望指正。

作者：李蘭，某211高校研究生，剛?cè)肟拥漠a(chǎn)品小白。

本文由 @李蘭 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自PEXELS，基于CC0協(xié)議