本文通過展示UI設(shè)計(jì)稿、需求分析報(bào)告和交互設(shè)計(jì)文檔，全面詳解養(yǎng)成APP的交互體驗(yàn)與視覺設(shè)計(jì)。

前言

“學(xué)樹”（Habitree）是9月時(shí)從交互設(shè)計(jì)到UI設(shè)計(jì)獨(dú)立完成的一個(gè)個(gè)人項(xiàng)目，也是第一次挑戰(zhàn)時(shí)間管理類應(yīng)用這個(gè)有趣的領(lǐng)域。雖然最終因?yàn)榉N種原因很遺憾沒有順利地交付開發(fā)和實(shí)際上線，但設(shè)計(jì)階段還是已經(jīng)有一個(gè)相對(duì)完整的階段性成果的，在此分享給大家。

好的習(xí)慣，像一棵小樹，有破土而出時(shí)，帶著未知和青澀的期待，也有經(jīng)歷春夏的風(fēng)雨后，熬成滿樹金黃，沉甸甸的喜悅，改變自己，從一個(gè)小習(xí)慣開始。

學(xué)樹是一款專注監(jiān)督和激勵(lì)的習(xí)慣育成APP。基于純熟人社交，學(xué)樹提供了有趣的“監(jiān)督+獎(jiǎng)懲”雙重激勵(lì)機(jī)制，邀請(qǐng)你的密友或父母擔(dān)任監(jiān)督人，沒有按時(shí)打卡要支付小小的懲金哦。與親友見證彼此成長(zhǎng)的同時(shí)，也成為分享日常點(diǎn)滴的紐帶，針對(duì)積極向上、渴望通過日積月累的好習(xí)慣改變自己的你，一定會(huì)喜歡上這片樹林的。：）

本文將先展示最終的UI設(shè)計(jì)稿，同時(shí)相當(dāng)于一個(gè)產(chǎn)品功能的概覽和最終實(shí)現(xiàn)效果的簡(jiǎn)介。需求分析報(bào)告和交互設(shè)計(jì)文檔放在后面，有興趣的朋友可以各取所需。

注：所有圖片的原始分辨率都較大，小圖看不清可以戳大圖。

1 交互設(shè)計(jì)概述

1.1 產(chǎn)品目標(biāo)

養(yǎng)成一個(gè)好的習(xí)慣，或者堅(jiān)持做一件對(duì)自己有益的事情，都意味著對(duì)自己現(xiàn)有生活方式的改變。無論目標(biāo)多么鼓舞人心，堅(jiān)持之初總數(shù)一個(gè)伴隨著痛苦的過程，全憑自覺和自制力或許是最好的，但并不是每個(gè)人在決心改變之初都做得到。而他人的監(jiān)督，或者社交、獎(jiǎng)懲的壓力等外力，則可以有效地彌補(bǔ)單純依靠“內(nèi)力“的不足，幫助我們更好地堅(jiān)持下去。

這一產(chǎn)品目標(biāo)將覆蓋關(guān)注自我提升、自我管理的用戶群體，不但覆蓋面廣，這個(gè)群體特有的積極向上、追求更好的自己等特質(zhì)，更讓產(chǎn)品擁有很多領(lǐng)域都難以媲美的用戶質(zhì)量。

市面上雖然已有較多習(xí)慣育成類APP，但實(shí)際上并沒有任何一者能夠有效地在市場(chǎng)中占據(jù)統(tǒng)治級(jí)的地位。因此，可以認(rèn)為具備自己特色的優(yōu)質(zhì)應(yīng)用很容易在這樣一個(gè)群雄逐鹿的市場(chǎng)中找到立足空間。此外，作為一個(gè)核心需求單一、流程短小清晰的工具類應(yīng)用，起步門檻較低也是這一選題的優(yōu)勢(shì)之一。

綜上所述，本項(xiàng)目將以“引入監(jiān)督和獎(jiǎng)懲的習(xí)慣育成“為主題， 完成一款習(xí)慣育成類APP產(chǎn)品的交互設(shè)計(jì)，內(nèi)容集中在統(tǒng)計(jì)和分享運(yùn)動(dòng)量方面。

1.2 關(guān)鍵詞分解

關(guān)鍵詞分解：習(xí)慣，打卡，監(jiān)督，獎(jiǎng)懲，金錢

2 問卷/訪談?wù){(diào)研

2.1 問卷設(shè)計(jì)

2.2 調(diào)研結(jié)論

經(jīng)線下問卷調(diào)研，共回收問卷47份，其中符合目標(biāo)用戶條件的（即近期有在堅(jiān)持培養(yǎng)新習(xí)慣，或有意嘗試培養(yǎng)新習(xí)慣的）的29人次，根據(jù)這部分問卷，可得出以下分析結(jié)果：

1、是否有意培養(yǎng)新習(xí)慣與學(xué)歷、在職與否都并無明顯的關(guān)聯(lián)。

意義：可見產(chǎn)品的目標(biāo)人群并不受學(xué)歷、在職與否的限制，僅與用戶的生活態(tài)度、上進(jìn)心和自我管理意愿有關(guān)。

2、在全部有意培養(yǎng)新習(xí)慣的受訪者中，只有23%選擇了“有意學(xué)習(xí)一項(xiàng)新的愛好/技能”，舉例中提及較多的是繪畫和烹飪，其中43%認(rèn)為目前的學(xué)習(xí)效果不夠理想（打分低于5）。

意義：可見目標(biāo)用戶中，較多用戶只是希望在現(xiàn)有能力范圍內(nèi)培養(yǎng)更好的生活習(xí)慣，但希望通過日積月累的練習(xí)學(xué)習(xí)新技能的用戶的需求仍然不容忽視。可見用戶僅通過自制力，或通過市面已有產(chǎn)品堅(jiān)持學(xué)習(xí)新技能的效果不夠理想。

3、近期在堅(jiān)持的新習(xí)慣中， 作息類（早睡、早起等）、健身類（跑步、深蹲等）、學(xué)習(xí)類（背單詞、閱讀燈）、戒除類（不良飲食、不良習(xí)慣）已幾乎可以涵蓋常見的習(xí)慣類型。受訪者中65%認(rèn)為習(xí)慣的培養(yǎng)效果不夠理想（打分低于5）。

意義：可在為用戶提供默認(rèn)的習(xí)慣類型時(shí)提供參考。可見用戶僅通過自制力，或通過市面已有產(chǎn)品進(jìn)行習(xí)慣培養(yǎng)的效果不夠理想。

4、受訪者對(duì)自我管理類工具或方法的了解來源中，知乎（39%）和豆瓣（26%）已占據(jù)過半。

意義：可見這兩個(gè)與目標(biāo)用戶人群的社會(huì)身份更相符的內(nèi)容平臺(tái)，在自我管理工具和方法的傳播推廣中占據(jù)了重要地位，這對(duì)產(chǎn)品的推廣渠道極具指導(dǎo)意義。

5、當(dāng)前市面上的習(xí)慣管理類APP（含相近功能的自我管理APP）在受訪者中的使用分布非常分散，其中種子習(xí)慣和微習(xí)慣相對(duì)集中。多數(shù)受訪者都有嘗試使用多個(gè)同類產(chǎn)品的經(jīng)歷。

意義：說明雖然市面上同類產(chǎn)品眾多，但并沒有任何一款產(chǎn)品占據(jù)較有分量的市場(chǎng)份額，用戶在多個(gè)產(chǎn)品之間逐一嘗試也說明用戶并不滿意當(dāng)前產(chǎn)品對(duì)其習(xí)慣養(yǎng)成的實(shí)際效果，沒有形成有效的粘度。

6、受訪者最關(guān)注習(xí)慣養(yǎng)成類APP的功能仍然是與核心需求相關(guān)的習(xí)慣規(guī)則的設(shè)置、提醒功能以及統(tǒng)計(jì)功能。

意義：APP的首要任務(wù)仍然是解決用戶的核心需求——習(xí)慣育成。

7、幾乎所有受訪者在“最希望習(xí)慣養(yǎng)成類APP記錄的數(shù)據(jù)”這一問題中，都勾選了堅(jiān)持的天數(shù)、堅(jiān)持率、簽到時(shí)輸入文字的歷史記錄、上傳的圖片歷史記錄、堅(jiān)持天數(shù)的里程碑等全部選項(xiàng)，可見對(duì)于用戶而言，與養(yǎng)成記錄息息相關(guān)的各類數(shù)據(jù)的記錄應(yīng)當(dāng)盡可能詳細(xì)。

8、77%的受訪者有意愿在朋友圈、微博等平臺(tái)分享自己的積累成果。

意義：證明數(shù)據(jù)分享功能的必要性。

9、與”最關(guān)注習(xí)慣養(yǎng)成類APP的功能”這一問題不同的是，在“最有可能吸引你開始嘗試使用習(xí)慣養(yǎng)成類APP的功能”這一問題中，61%的受訪者選中了“獎(jiǎng)懲功能”。

意義：可見獎(jiǎng)懲功能在眾多競(jìng)品同質(zhì)化嚴(yán)重的情況下對(duì)新用戶非常具有吸引力。

10、90% 受訪者認(rèn)為引入金錢獎(jiǎng)懲是否有助于堅(jiān)持一個(gè)習(xí)慣，同時(shí)84%的受訪者認(rèn)為引入朋友或親人的監(jiān)督有助于堅(jiān)持一個(gè)習(xí)慣。

意義：證明將金錢獎(jiǎng)懲和監(jiān)督引入習(xí)慣育成體系具有可行性。

11、受訪者普遍更希望由朋友來監(jiān)督自己的習(xí)慣養(yǎng)成，同時(shí)也有32%的受訪者選中了父母，這一數(shù)字高于設(shè)計(jì)問卷時(shí)我的猜測(cè)。在補(bǔ)充提問中，這部分受訪者選擇父母的主要原因是離家在外求學(xué)或工作中，并不排斥向父母展現(xiàn)自己的生活狀態(tài)，甚至可以在遠(yuǎn)離父母身邊的情況下一個(gè)很好的交流切入點(diǎn)，也同時(shí)向父母展示了自己上進(jìn)、積極的一面。而選擇其他親人和陌生網(wǎng)友的則較少，這與當(dāng)前眾多競(jìng)品主打陌生人社交的現(xiàn)狀相悖，可以猜測(cè)這或許是當(dāng)前幾乎所有競(jìng)品都沒有形成可觀的用戶粘度的原因之一。而在引入金錢獎(jiǎng)懲的情況下，熟悉的朋友或父母的優(yōu)勢(shì)進(jìn)一步得到體現(xiàn)，因?yàn)閼徒鹩墒煜さ呐笥鸦蚋改甘杖?huì)可以大大降低用戶因財(cái)產(chǎn)損失造成的不安。

意義：考慮完全摒棄陌生人社交功能，引導(dǎo)用戶以親友間互相監(jiān)督為主，精簡(jiǎn)架構(gòu)，強(qiáng)化特色。

12、受訪者對(duì)自己父母使用智能手機(jī)的熟練程度打分的平均分為3.9，在補(bǔ)充提問中多數(shù)受訪者證實(shí)，父母在使用日歷、鬧鐘甚至微信等流程定義清晰、學(xué)習(xí)成本低的APP中并不存在太大問題。

意義：雖然中老年人使用智能手機(jī)APP存在熟練度不足的問題，但對(duì)這樣一款流程簡(jiǎn)單的應(yīng)用而言，在交互、視覺設(shè)計(jì)得當(dāng)?shù)那闆r下，由父母監(jiān)督是存在一定可行性的。

13、有54%的用戶選擇了5元/次作為可接受的單次缺勤懲金上限，另有26%的用戶選擇了10元/次，10%的用戶選擇了20元/次，沒有用戶選擇更高值。

意義：對(duì)懲金設(shè)置的區(qū)間具有參考意義。

3 產(chǎn)品定義

1. 名稱：學(xué)樹
2. 宣傳語：把自己熬成金黃
3. 定義：引入金錢的獎(jiǎng)懲的習(xí)慣育成APP，幫助用戶在親友的監(jiān)督下成為更好的自己。
4. 用戶群：針對(duì)積極向上、渴望通過日積月累的好習(xí)慣改變自己的人群。

4 業(yè)務(wù)需求分析

根據(jù)用戶調(diào)研和產(chǎn)品定義，整理形成以下11個(gè)業(yè)務(wù)需求。按重要性分為核心需求、主任務(wù)需求、配套需求三類：

1. 核心需求：設(shè)置習(xí)慣（含設(shè)置懲金與監(jiān)督人）、打卡（含上傳記錄）、（監(jiān)督人的）監(jiān)督功能。
2. 輔助需求：習(xí)慣數(shù)據(jù)記錄、好友系統(tǒng)、邀請(qǐng)。
3. 配套需求：注冊(cè)功能、推送提醒、問題反饋、用戶評(píng)分、廣告。

以下將對(duì)3個(gè)核心需求和3個(gè)輔助需求的業(yè)務(wù)目標(biāo)、業(yè)務(wù)目的、衡量指標(biāo)和用戶行為進(jìn)行分析。

4.1 設(shè)置習(xí)慣

• 業(yè)務(wù)需求：做一個(gè)習(xí)慣設(shè)置（含設(shè)置懲金與監(jiān)督人）功能。
• 業(yè)務(wù)目標(biāo)：吸引希望培養(yǎng)新習(xí)慣的用戶設(shè)置習(xí)慣，積累用戶基數(shù)，通過懲罰制度鼓勵(lì)用戶堅(jiān)持。
• 業(yè)務(wù)目的：更多的目標(biāo)人群通過本產(chǎn)品記錄自己的習(xí)慣養(yǎng)成過程，并引入金錢和社交壓力，鼓勵(lì)用戶堅(jiān)持一個(gè)習(xí)慣并使用產(chǎn)品記錄。
• 衡量指標(biāo)：用戶設(shè)置的習(xí)慣目標(biāo)數(shù)目（提高），一個(gè)月內(nèi)堅(jiān)持完成每日打卡的用戶數(shù)目（提高）。
• 用戶行為：點(diǎn)擊“新習(xí)慣”按鈕開始習(xí)慣設(shè)置流程。

4.2 打卡

• 業(yè)務(wù)需求：做一個(gè)打卡功能，包含上傳打卡記錄（文字或相片）的功能。
• 業(yè)務(wù)目標(biāo)：一方面記錄用戶的日積月累，另一方面作為打卡真實(shí)性的證明，與監(jiān)督功能配套。
• 業(yè)務(wù)目的：讓用戶見證自己的積累，提升用戶粘度。
• 衡量指標(biāo)：用戶打卡的次數(shù)（提高），用戶上傳的打卡記錄數(shù)目（提高）。
• 用戶行為：點(diǎn)擊“打卡”按鈕，并在“打卡”流程中完成文字或相片記錄的上傳。

4.3 監(jiān)督功能

• 業(yè)務(wù)需求：做一個(gè)監(jiān)督功能，讓監(jiān)督者評(píng)判被監(jiān)督者的堅(jiān)持情況。
• 業(yè)務(wù)目標(biāo)：讓熟悉的朋友或親人負(fù)責(zé)監(jiān)督和收取懲金，同時(shí)培養(yǎng)被監(jiān)督者和監(jiān)督者使用APP的習(xí)慣，并根據(jù)監(jiān)督人意愿，為被監(jiān)督人提供一定的全勤鼓勵(lì)金。
• 業(yè)務(wù)目的：形成可靠的監(jiān)督機(jī)制，助力用戶堅(jiān)持習(xí)慣，更可以期待將監(jiān)督者轉(zhuǎn)化為用戶（被監(jiān)督者）。
• 衡量指標(biāo)：用戶打卡的缺勤次數(shù)（降低）。
• 用戶行為：堅(jiān)持按設(shè)定的計(jì)劃每天點(diǎn)擊“打卡”按鈕并上傳相關(guān)記錄。

4.4 習(xí)慣數(shù)據(jù)記錄

• 業(yè)務(wù)需求：做一個(gè)記錄打卡記錄的功能。
• 業(yè)務(wù)目標(biāo)：保存用戶的打卡歷史，為分享功能提供數(shù)據(jù)基礎(chǔ)。
• 業(yè)務(wù)目的：與上游的打卡和下游的分享形成閉環(huán)，并通過日積月累的感覺提升用戶粘度。
• 衡量指標(biāo)：用戶個(gè)人歷史數(shù)據(jù)頁面的查看次數(shù)（提高）。
• 用戶行為：查看自己的個(gè)人歷史數(shù)據(jù)頁。

4.5 好友系統(tǒng)

• 業(yè)務(wù)需求：做一個(gè)好友系統(tǒng)。
• 業(yè)務(wù)目標(biāo)：便于用戶選擇監(jiān)督人或查看好友動(dòng)態(tài)。
• 業(yè)務(wù)目的：為用戶選擇監(jiān)督人提供便捷的入口，增強(qiáng)用戶粘度。
• 衡量指標(biāo)：好友列表、好友詳情的查看次數(shù) （提高）。
• 用戶行為：進(jìn)入好友列表查看好友詳情，或選擇監(jiān)督人時(shí)在列表中選擇好友。

4.6 邀請(qǐng)

• 業(yè)務(wù)需求：做一個(gè)邀請(qǐng)功能。
• 業(yè)務(wù)目標(biāo)：便于用戶邀請(qǐng)好友或監(jiān)督人，提高產(chǎn)品曝光度，積累口碑。
• 業(yè)務(wù)目的：為用戶邀請(qǐng)好友或監(jiān)督人提供便捷的入口。
• 衡量指標(biāo)：“邀請(qǐng)親友”按鈕的使用次數(shù)（提高）。
• 用戶行為：點(diǎn)擊“邀請(qǐng)親友”按鈕開始邀請(qǐng)流程。

5 目標(biāo)用戶與典型場(chǎng)景

5.1 目標(biāo)用戶

5.2 人物模型

產(chǎn)品需要為具有特定需要的特定個(gè)體類型設(shè)計(jì)。如果產(chǎn)品涵蓋受眾過多，只會(huì)增加所有用戶的認(rèn)知負(fù)擔(dān)及導(dǎo)航成本。例如，能夠取悅某些用戶的功能設(shè)置可能對(duì)其他用戶造成困擾。因此，人物模型有助于避免設(shè)計(jì)對(duì)用戶的理解過于彈性化、將自己過多地代入設(shè)計(jì)、或?qū)⒁恍┻吘壒δ墚?dāng)做重點(diǎn)。

根據(jù)調(diào)研結(jié)果和上述目標(biāo)，可以構(gòu)建兩個(gè)典型的人物模型：

5.3 情境場(chǎng)景

通過情境場(chǎng)景可以由敘事的方式簡(jiǎn)明描述運(yùn)用“學(xué)樹”實(shí)現(xiàn)以上兩個(gè)人物模型的具體目標(biāo)的過程，聚焦于兩個(gè)人物模型及其思考和行為方式，從“他們”的角度描述一種理想的體驗(yàn)。本節(jié)將分別對(duì)兩個(gè)人物模型，就其使用學(xué)樹最典型的場(chǎng)景進(jìn)行描述。

5.3.1 典型場(chǎng)景——羅媛

今天是羅媛使用“學(xué)樹”的第100天，也是她創(chuàng)建的第一個(gè)習(xí)慣“堅(jiān)持100天晨跑”的完成日。她例行在租處附近的公園完成了三公里的晨跑后，在公園里迎著陽光拍了一張自拍，然后點(diǎn)擊打卡，輸入“一百天不長(zhǎng)也不短，總算是第一個(gè)里程碑！”，并附上了剛才拍的照片后，點(diǎn)擊了上傳按鈕。

在走回家的路上買早餐時(shí)，耳機(jī)里傳來一聲清脆的提示音，她迫不及待地打開APP，果然是媽媽已經(jīng)“批復(fù)”了她今天的打卡，并回復(fù)了一句“女兒好棒！”外加一堆關(guān)于持之以恒的格言，“果然是老年人風(fēng)格”——她心里不禁一笑。自從開始使用“學(xué)樹”，她和媽媽之間的關(guān)系從之前簡(jiǎn)單地互相問候和道平安，到如今關(guān)于每天的近況無話不說，這不得不說是“學(xué)樹“的功勞——這也是在她開始使用這個(gè)應(yīng)用時(shí)始料未及的，她原本只是覺得懲金交給媽媽更放心罷了。

媽媽一并批復(fù)的，還有昨晚關(guān)于另一條習(xí)慣“堅(jiān)持11點(diǎn)前睡覺”的打卡記錄，雖然“堅(jiān)持11點(diǎn)前睡覺“這種打卡沒法用照片證明，但既然使用這個(gè)應(yīng)用，她就保持了一份自覺——何況這個(gè)APP沒有陌生人社交模塊，完全沒有作假的必要。偶爾沒有按時(shí)睡覺她便坦然承認(rèn)，并向老媽支付了10塊錢的“違約金”。

上班路上，羅媛打開歷史記錄，把“堅(jiān)持晨跑100天”的結(jié)果頗有成就感地分享到了微信朋友圈，很快收到數(shù)十個(gè)贊，其中有不少朋友紛紛問她這是什么APP，她便通過邀請(qǐng)功能中選擇“在朋友圈中邀請(qǐng)”，按照默認(rèn)的圖片和文案，在朋友圈發(fā)送了一條邀請(qǐng)鏈接。

一天下來，就有好幾個(gè)朋友加了她好友，并邀請(qǐng)她作為自己的監(jiān)督人?！翱磥硪院蠛糜蚜斜砝锩鏁?huì)更熱鬧呢“——她這樣想道。一來，楊鵬就完成了一次流程沒有任何冗余、提示清晰、又突出產(chǎn)品特色的注冊(cè)和首次登錄體驗(yàn)。

5.3.1 典型場(chǎng)景——李露

李露買完早餐回來時(shí)，老頭子還在洗漱。她倒好豆?jié){，把油條擺進(jìn)盤子后洗了洗手，走到床頭柜前拿起女兒送的iPhone，果然看到了“學(xué)樹”APP發(fā)出的一條新的提示：貓大媛 已在“堅(jiān)持100天晨跑”中打卡簽到并邀請(qǐng)您批復(fù)，快來看看吧。

貓大媛是女兒的網(wǎng)名，取自家里那只同樣叫媛媛的貓。李露打開應(yīng)用后，輕車熟路地在待批復(fù)列表中找到了這條記錄，此外還有昨晚發(fā)出的“堅(jiān)持11點(diǎn)前睡覺”的打卡，她習(xí)慣準(zhǔn)備好早飯后一并處理。

打開女兒晨跑的打卡記錄后，她看到了女兒自拍里那張熟悉的笑臉——這是她自從在女兒手把手的指導(dǎo)下學(xué)會(huì)使用這個(gè)應(yīng)用后，她每天早上最大的盼頭。自從在女兒的邀請(qǐng)下成為她的“監(jiān)督人”后，她每天都能看到女兒的照片，對(duì)女兒每天的拼搏和努力都能看在眼里，母女間電話時(shí)的話題也更多了。

她分別進(jìn)入兩條記錄的詳情頁面，按下“有效”按鈕并在彈出的輸入框中給女兒打了很多鼓勵(lì)的話，雖然女兒在電話里開玩笑說過她對(duì)這樣的“格言集”不怎么感冒，“這樣下去100天您都可以出書了?！?。

完成批復(fù)后，她順手點(diǎn)進(jìn)了女兒個(gè)人資料的詳情頁，這里羅列著女兒開始使用“學(xué)樹”三個(gè)多月以來的點(diǎn)點(diǎn)滴滴，包括剛才兩個(gè)習(xí)慣在內(nèi)，女兒一共創(chuàng)建了6個(gè)習(xí)慣，其他4各習(xí)慣的監(jiān)督人都是她的朋友。每個(gè)習(xí)慣點(diǎn)進(jìn)去都可以看到簽到次數(shù)、缺勤率、每天的簽到記錄等等，時(shí)常翻看這些，也是李露閑暇時(shí)的一大樂事。

午飯時(shí)，李露打開微信朋友圈，看到女兒曬出的“堅(jiān)持晨跑100天”的結(jié)果截圖，她也給女兒點(diǎn)了個(gè)贊。能看到女兒這樣積極地在繁重的工作之余也努力成為更好的自己，她是發(fā)自內(nèi)心地欣慰和感動(dòng)。

6 用戶體驗(yàn)?zāi)繕?biāo)

根據(jù)第4節(jié)梳理出的業(yè)務(wù)需求，3個(gè)核心業(yè)務(wù)需求3個(gè)輔助業(yè)務(wù)需求同樣可以轉(zhuǎn)化為用戶使用產(chǎn)品的體驗(yàn)?zāi)繕?biāo)，即期望得到的最終成果?！皩W(xué)樹”的主要用戶體驗(yàn)?zāi)繕?biāo)可以總結(jié)為以下6點(diǎn)：

用戶需求：設(shè)置一個(gè)習(xí)慣

• 用戶場(chǎng)景（每當(dāng)）：開始堅(jiān)持一個(gè)新習(xí)慣
• 用戶行為（想要）：清晰的設(shè)置流程
• 用戶體驗(yàn)?zāi)繕?biāo)（就能）：順利地開始體驗(yàn)習(xí)慣育成的過程
• 衡量指標(biāo)：用戶創(chuàng)建的有效習(xí)慣數(shù)目（提高）

用戶需求：打卡

• 用戶場(chǎng)景（每當(dāng)）：完成習(xí)慣所指定的當(dāng)天目標(biāo)時(shí)
• 用戶行為（想要）：打卡簽到并附上文字或圖片記錄
• 用戶體驗(yàn)?zāi)繕?biāo)（就能）：完成當(dāng)前目標(biāo)的記錄
• 衡量指標(biāo)：用戶的打卡次數(shù)（提高）

用戶需求：監(jiān)督

• 用戶場(chǎng)景（每當(dāng)）：被監(jiān)督人發(fā)來批復(fù)請(qǐng)求時(shí)
• 用戶行為（想要）：查看文字或圖片記錄，決定是否認(rèn)可此次打卡
• 用戶體驗(yàn)?zāi)繕?biāo)（就能）：負(fù)責(zé)任地對(duì)對(duì)方的習(xí)慣育成過程完成監(jiān)督，并逐漸增進(jìn)彼此之間的熟絡(luò)程度或感情
• 衡量指標(biāo)：用戶點(diǎn)擊核準(zhǔn)打卡的次數(shù)（提高）

用戶需求：查看歷史記錄

• 用戶場(chǎng)景（每當(dāng)）：有多條習(xí)慣的打卡記錄后
• 用戶行為（想要）：查看自己的歷史統(tǒng)計(jì)數(shù)據(jù)
• 用戶體驗(yàn)?zāi)繕?biāo)（就能）：由日積月累的數(shù)據(jù)得到滿足感
• 衡量指標(biāo)：歷史統(tǒng)計(jì)頁面的查看次數(shù)（提高）

用戶需求：好友系統(tǒng)

• 用戶場(chǎng)景（每當(dāng)）：選擇監(jiān)督人或?qū)糜呀鼪r產(chǎn)生好奇心時(shí)
• 用戶行為（想要）：查看好友列表、好友詳情
• 用戶體驗(yàn)?zāi)繕?biāo)（就能）：在平臺(tái)內(nèi)通過社交互動(dòng)帶來參與感和歸屬感
• 衡量指標(biāo)：好友列表、好友詳情頁的查看次數(shù)（提高）

用戶需求：邀請(qǐng)

• 用戶場(chǎng)景（每當(dāng)）：缺少合適的監(jiān)督人，或希望與其他朋友分享本APP時(shí)
• 用戶行為（想要）：向親友發(fā)出邀請(qǐng)鏈接
• 用戶體驗(yàn)?zāi)繕?biāo)（就能）：吸引更多熟人進(jìn)入平臺(tái)，對(duì)平臺(tái)產(chǎn)生歸屬感，加深使用習(xí)慣
• 衡量指標(biāo)：“邀請(qǐng)親友“鏈接的點(diǎn)擊次數(shù)（提高）

7 關(guān)鍵因素分解

根據(jù)業(yè)務(wù)目標(biāo)（見第4節(jié)）對(duì)用戶意愿進(jìn)行分析，可以得出使用產(chǎn)品前的動(dòng)機(jī)和可能面臨的擔(dān)憂。而根據(jù)用戶體驗(yàn)?zāi)繕?biāo)對(duì)用戶行動(dòng)進(jìn)行分析（見第6節(jié)），則可以明確用戶在使用過程中可能面對(duì)的障礙。如何創(chuàng)造動(dòng)機(jī)、排除擔(dān)憂和解決障礙，是將這三大關(guān)鍵因素轉(zhuǎn)化為合理的設(shè)計(jì)依據(jù)的關(guān)鍵。

7.1 設(shè)置一個(gè)習(xí)慣

用戶體驗(yàn)?zāi)繕?biāo)：順利地開始體驗(yàn)習(xí)慣育成的過程

關(guān)鍵因素分解：動(dòng)機(jī)創(chuàng)建一個(gè)習(xí)慣，快速開始體驗(yàn)產(chǎn)品

初步解決方案：將創(chuàng)建習(xí)慣的按鈕設(shè)置得更加引人注目擔(dān)憂

1. 暫時(shí)沒有監(jiān)督人的情況下無法開始使用產(chǎn)品
2. 支付的押金（用于扣取懲金）或鼓勵(lì)金是否能保障財(cái)產(chǎn)安全

初步解決方案：

1. 在好友列表中沒有合適監(jiān)督人的情況下可以選擇由“學(xué)樹”官方作為監(jiān)督人
2. 在文案中向用戶強(qiáng)調(diào)押金和鼓勵(lì)金的安全性，并解釋扣取與返還機(jī)制障礙，設(shè)置流程繁瑣，難以快速完成正確的設(shè)置，或支付失敗（尤其對(duì)于中老年用戶）

初步解決方案：交互設(shè)計(jì)注意簡(jiǎn)化跳轉(zhuǎn)邏輯、符合常規(guī)操作習(xí)慣、降低用戶學(xué)習(xí)成本，視覺設(shè)計(jì)注意簡(jiǎn)潔

7.2 打卡

• 用戶體驗(yàn)?zāi)繕?biāo)：完成當(dāng)前目標(biāo)的記錄
• 關(guān)鍵因素分解：

動(dòng)機(jī)：快速完成當(dāng)天任務(wù)的記錄

初步解決方案：點(diǎn)擊打卡按鈕后直接跳轉(zhuǎn)進(jìn)入記錄上傳頁面，在兩步流程內(nèi)完成打卡

擔(dān)憂：

1. 忘記打卡
2. 被監(jiān)督人惡意扣除懲金

初步解決方案：

1. 在習(xí)慣設(shè)置中提供提醒功能，定時(shí)提醒用戶完成打卡
2. 提醒用戶指定親人或熟悉的朋友作為監(jiān)督人，否則建議選擇“學(xué)樹”官方。此外，控制懲金的最高額度在合理范圍內(nèi)。

障礙：不清楚是否必須上傳照片

初步解決方案：在設(shè)置時(shí)由用戶選擇是否需要上傳照片作為證明。如果選擇需要，則在打卡時(shí)必須上傳照片才能通過流程；如果選擇不需要，則在打卡時(shí)不出現(xiàn)上傳照片的控件。

7.3 監(jiān)督

用戶體驗(yàn)?zāi)繕?biāo)：負(fù)責(zé)任地對(duì)對(duì)方的習(xí)慣育成過程完成監(jiān)督，并逐漸增進(jìn)彼此之間的熟絡(luò)程度或感情

關(guān)鍵因素分解：

動(dòng)機(jī)：完成被監(jiān)督人的囑托，負(fù)責(zé)地監(jiān)督其打卡的有效性

初步解決方案：在監(jiān)督頁面的文案中提示用戶負(fù)責(zé)地批復(fù)打卡記錄才是對(duì)好友負(fù)責(zé)的做法，而不是顧忌情面

擔(dān)憂：忘記批復(fù)打卡記錄，影響被監(jiān)督人的體驗(yàn)

初步解決方案：在打卡記錄上傳后即時(shí)彈出推送消息，提醒監(jiān)督人進(jìn)行批復(fù)。未批復(fù)則此后每天同一時(shí)間彈出同樣的推送提醒

障礙：找不到監(jiān)督功能

初步解決方案：將監(jiān)督人功能與被監(jiān)督人的功能區(qū)分在兩個(gè)一級(jí)頁面中顯示，讓監(jiān)督功能的入口易于用戶尋找

7.4 查看歷史記錄

用戶體驗(yàn)?zāi)繕?biāo)：由日積月累的數(shù)據(jù)得到滿足感

關(guān)鍵因素分解：

動(dòng)機(jī)：

1. 了解自己的習(xí)慣培養(yǎng)狀態(tài)并獲得激勵(lì)
2. 完成里程碑時(shí)獲得成就感

初步解決方案：

1. 將實(shí)時(shí)培養(yǎng)狀態(tài)顯示在開始頁，并附上跳轉(zhuǎn)至詳細(xì)歷史記錄的控件
2. 將培養(yǎng)狀態(tài)用插畫生動(dòng)地呈現(xiàn)為一棵樹從綠變?yōu)樽罱K滿樹金黃的過程

擔(dān)憂：看到歷史缺勤率較高，產(chǎn)生挫敗感

初步解決方案：在查看缺勤率較高的記錄詳情時(shí)弱化容易致使用戶產(chǎn)生挫敗感的數(shù)據(jù)，顯示鼓勵(lì)性的文案

障礙：用戶不知道顯示為樹木的控件是可以點(diǎn)擊的

初步解決方案：初次使用時(shí)通過引導(dǎo)頁告知用戶主界面的可點(diǎn)擊元素

7.5 好友功能

用戶體驗(yàn)?zāi)繕?biāo)：在平臺(tái)內(nèi)通過社交互動(dòng)帶來參與感和歸屬感

關(guān)鍵因素分解：

動(dòng)機(jī)：

1. 希望與熟悉的朋友在平臺(tái)內(nèi)點(diǎn)贊互動(dòng)
2. 希望更方便地選擇監(jiān)督人

初步解決方案：提供好友系統(tǒng)和相互點(diǎn)贊、留言的功能

擔(dān)憂：擔(dān)心漏掉查看好友的點(diǎn)贊或留言

初步解決方案：有未讀消息時(shí)，在消息中心按鈕上顯示未讀紅點(diǎn)

障礙：沒有在工具類應(yīng)用內(nèi)聊天的習(xí)慣，對(duì)即時(shí)性的聊天產(chǎn)生反感

初步解決方案：只保留最基本的非即時(shí)的點(diǎn)贊和留言功能（澆水）

7.6 邀請(qǐng)功能

用戶體驗(yàn)?zāi)繕?biāo)：吸引更多熟人進(jìn)入平臺(tái)，對(duì)平臺(tái)產(chǎn)生歸屬感，加深使用習(xí)慣

關(guān)鍵因素分解：

動(dòng)機(jī)：希望邀請(qǐng)朋友一起使用本產(chǎn)品，或希望邀請(qǐng)親人使用本產(chǎn)品作為自己的監(jiān)督人

初步解決方案：提供邀請(qǐng)好友加入學(xué)樹的入口

擔(dān)憂：邀請(qǐng)人數(shù)較多時(shí)需要操作多次

初步解決方案：允許批量發(fā)送邀請(qǐng)鏈接

障礙：需要重復(fù)輸入邀請(qǐng)文案

初步解決方案：提供合理的默認(rèn)邀請(qǐng)文案供用戶使用，在單獨(dú)邀請(qǐng)QQ、微信好友時(shí)，文案開頭將自動(dòng)添加被邀請(qǐng)人的昵稱

8 競(jìng)品體驗(yàn)路徑分析

本節(jié)依據(jù)知乎、豆瓣上相關(guān)應(yīng)用推薦中的口碑和影響力，以及Apple Store中的排序，選擇種子習(xí)慣、微習(xí)慣、 New、iHabit共計(jì)4個(gè)主要競(jìng)品，對(duì)“設(shè)置一個(gè)習(xí)慣、打卡、監(jiān)督、查看歷史記錄、分享歷史記錄、好友功能、邀請(qǐng)功能”這條體驗(yàn)路徑中7個(gè)主要用戶接觸點(diǎn)上的驚喜和問題進(jìn)行分析。

8.1 種子習(xí)慣

設(shè)置一個(gè)習(xí)慣

共有設(shè)置提醒、設(shè)置私密、存檔習(xí)慣、刪除習(xí)慣等設(shè)置項(xiàng)，所有習(xí)慣都是無限期，無法對(duì)一個(gè)習(xí)慣設(shè)置里程碑，用戶可能因無法獲得階段性的成果而感到厭倦

1.打卡：點(diǎn)擊按鈕打卡，可上傳文字或照片記錄，再點(diǎn)擊一次按鈕則取消（并刪除當(dāng)天的圖文記錄）

2.監(jiān)督：無監(jiān)督功能

3.查看歷史記錄：詳情頁面顯示習(xí)慣內(nèi)容、堅(jiān)持總天數(shù)、點(diǎn)贊數(shù)、每天的簽到記錄、

• 生長(zhǎng)頁面顯示已堅(jiān)持的時(shí)間總長(zhǎng)，并將習(xí)慣培養(yǎng)過程具象化為種子發(fā)芽的過程
• 統(tǒng)計(jì)頁面顯示總加入天數(shù)、已堅(jiān)持的天數(shù)、連續(xù)簽到天數(shù)、參與總?cè)藬?shù)
• 排行頁面顯示該習(xí)慣已堅(jiān)持天數(shù)的排行榜

4.好友功能：有基于陌生人社交的“關(guān)注/粉絲”型好友系統(tǒng)，可查看對(duì)方的習(xí)慣培養(yǎng)詳情，有私信、評(píng)論或點(diǎn)贊功能

5.邀請(qǐng)功能：邀請(qǐng)接口包括：微信、朋友圈、微博、QQ、QQ空間

6.整體評(píng)價(jià)：主打陌生人社交的習(xí)慣育成應(yīng)用，可以參與他人已創(chuàng)建的習(xí)慣，并在同一個(gè)“習(xí)慣圈子”內(nèi)參與互動(dòng)和排名競(jìng)爭(zhēng)。習(xí)慣培養(yǎng)過程有生動(dòng)的具象化設(shè)計(jì)。無監(jiān)督和獎(jiǎng)懲功能。總而言之，是一個(gè)習(xí)慣培養(yǎng)功能上中規(guī)中矩、卻在陌生人社交模塊上筆墨較重的社區(qū)應(yīng)用。

8.2 微習(xí)慣

設(shè)置一個(gè)習(xí)慣：為參與或創(chuàng)建一個(gè)習(xí)慣提供了較為醒目的入口，并為新用戶設(shè)計(jì)了操作導(dǎo)引

共有設(shè)置提醒、提示音、設(shè)置私密、刪除習(xí)慣等設(shè)置項(xiàng)?？勺杂稍O(shè)置“每周計(jì)劃完成幾次”和“計(jì)劃堅(jiān)持多少天”（天數(shù)可重置）

打卡：點(diǎn)擊按鈕打卡，可上傳文字或照片記錄，再點(diǎn)擊一次按鈕則取消（并刪除當(dāng)天的圖文記錄）

打卡頁同時(shí)作為習(xí)慣的詳情頁，同時(shí)顯示連續(xù)堅(jiān)持的天數(shù)、簽到總計(jì)數(shù)、與該習(xí)慣相關(guān)的文章推薦、今日打卡的用戶頭像列表，使整個(gè)頁面略顯龐雜

監(jiān)督：無監(jiān)督功能

查看歷史記錄：用卡片的方式顯示習(xí)慣列表，點(diǎn)擊后進(jìn)入詳情頁（打卡頁）。未對(duì)習(xí)慣培養(yǎng)過程進(jìn)行具象化處理。

好友功能：有基于陌生人社交的“關(guān)注/粉絲”型好友系統(tǒng)，可查看對(duì)方的習(xí)慣培養(yǎng)詳情，有評(píng)論或點(diǎn)贊功能，有PK功能，無私信功能（實(shí)際上造成陌生用戶之間只是一個(gè)數(shù)據(jù)參照體，無法形成有效的交流）

邀請(qǐng)功能：邀請(qǐng)接口包括：微博、微信好友、朋友圈、QQ、短信、郵箱

整體評(píng)價(jià)：同樣是主打陌生人社交、社區(qū)化的習(xí)慣育成應(yīng)用，可以參與他人已創(chuàng)建的習(xí)慣，并在同一個(gè)“習(xí)慣圈子”內(nèi)參與互動(dòng)和排名競(jìng)爭(zhēng)，但缺少用戶之間單獨(dú)交流的空間使得其打造陌生人社交的目實(shí)現(xiàn)得并不理想。習(xí)慣培養(yǎng)過程缺乏生動(dòng)的具象化設(shè)計(jì)，只有冰冷的數(shù)據(jù)。同樣沒有考慮監(jiān)督和獎(jiǎng)懲功能。分享鏈接無法生成具有吸引力的分享圖片，只能生成純文字鏈接。該競(jìng)品的一個(gè)優(yōu)勢(shì)在于界面設(shè)計(jì)得非常遵守iOS規(guī)范，視覺效果干凈得體。

8.3 iHabit

1.設(shè)置一個(gè)習(xí)慣：有設(shè)置提醒、刪除習(xí)慣、備注等設(shè)置項(xiàng)，可設(shè)置截止日期

2.打卡：點(diǎn)擊按鈕打卡，只能上傳文字記錄，點(diǎn)擊一次日歷上已簽到的日期則取消該日期的簽到記錄（并刪除當(dāng)天的文字記錄）

打卡頁同時(shí)作為習(xí)慣的詳情頁，以日歷形式顯示總堅(jiān)持的天數(shù)、本月簽到天數(shù)和本周簽到天數(shù)

3.監(jiān)督：無監(jiān)督功能

4.查看歷史記錄：顯示簡(jiǎn)潔的歷史記錄列表，點(diǎn)擊后進(jìn)入詳情頁（打卡頁）

打卡頁設(shè)置統(tǒng)計(jì)頁入口，進(jìn)入統(tǒng)計(jì)頁可以查看歷史簽到數(shù)據(jù)的柱狀圖。未對(duì)習(xí)慣培養(yǎng)過程進(jìn)行具象化處理。

5.好友功能：無

6.邀請(qǐng)功能：無

7.整體評(píng)價(jià)：不設(shè)置社交功能，僅供個(gè)人記錄習(xí)慣的一個(gè)小巧而富有美感的國(guó)外應(yīng)用。在突出核心需求、保持簡(jiǎn)潔性和富有設(shè)計(jì)感上都做得很不錯(cuò)。但功能點(diǎn)確實(shí)過于局限，僅憑借用戶的自覺簽到，沒有在此基礎(chǔ)上為用戶提供更多的幫助。

8.4 結(jié)論

通過競(jìng)品分析，再對(duì)比前文中對(duì)“學(xué)樹”的定義，可以看出，“學(xué)樹”對(duì)習(xí)慣了帶有陌生人社交系統(tǒng)的同類應(yīng)用的用戶而言，在使用初期可能會(huì)感到不適應(yīng)，但很快用戶在習(xí)慣了毫無冗余元素的界面、精簡(jiǎn)的流程和基于純熟人社交的好友系統(tǒng)后后，會(huì)逐漸發(fā)現(xiàn)對(duì)這類應(yīng)用而言，刪除陌生人社交并不會(huì)影響其核心功能。而隨著使用的深入，將習(xí)慣的培養(yǎng)過程具象為插畫風(fēng)格的樹木生長(zhǎng)過程，將帶給用戶感官上美的感受和與日俱增的驚喜感。因此，“學(xué)樹”的情緒曲線具有顯著遞增特點(diǎn)。在信息架構(gòu)、流程設(shè)計(jì)以及正式的原型設(shè)計(jì)階段，這一結(jié)論有助于設(shè)計(jì)能夠堅(jiān)持特色、揚(yáng)長(zhǎng)避短，對(duì)雖然會(huì)造成一定損失但利大于弊的功能刪減做到“忍痛割愛”，對(duì)突顯產(chǎn)品特色的驚喜點(diǎn)進(jìn)行勇敢、膽大心細(xì)的創(chuàng)新。

9 交互稿

9.1 登錄前流程

9.2 習(xí)慣與打卡流程

9.3 監(jiān)督流程

9.4 親友流程

9.5 消息流程

9.6 設(shè)置流程

9.7 設(shè)置與幫助流程