作為大家日常使用最頻繁的工具類產(chǎn)品之一，日記類產(chǎn)品一直需要特別注意用戶體驗(yàn)。本文作者分享了一款日記產(chǎn)品的設(shè)計(jì)，從用戶體驗(yàn)五要素，一起來看看這款產(chǎn)品表現(xiàn)如何。

日記是一個(gè)可以梳理內(nèi)心想法，反思自我，記錄個(gè)人成長的工具，可能很多記日記的人會(huì)有這樣一種感覺，當(dāng)把腦中很多思緒記錄出來時(shí)，大腦就會(huì)變得清晰和透徹，以第三視角來看待自己的想法，隨著時(shí)間推移，當(dāng)你翻開之前寫的日記時(shí)，會(huì)見到個(gè)人成長的點(diǎn)點(diǎn)滴滴，看著往事躍然紙上，會(huì)讓你感到自己在進(jìn)步

讓我們用用戶體驗(yàn)要素5層理論來拆分它

第一層戰(zhàn)略層：解決用戶什么樣的需求

通過情緒方式，讓用戶更直觀便捷來記錄日記

整款應(yīng)用以情緒記錄為主線，讓用戶通過選擇情緒，查看情緒日歷方式記日歷。對(duì)比傳統(tǒng)日記中單一顯示文字，可以讓用戶更明顯看到記錄的成果，因?yàn)閳D片相比于文字/數(shù)字對(duì)于人的感官刺激更加明顯，也增強(qiáng)了用戶記錄成就感

第二層范圍層：產(chǎn)品要做哪些功能和內(nèi)容

根據(jù)用戶體驗(yàn)地圖站在用戶角度思考需要哪些功能

1. 情緒日歷看板

首先情緒日歷看板作為核心功能，展示用戶每月記錄情緒變化，直觀看到每日不同情緒，看到日歷中一排排的表情，會(huì)給用戶帶來成就感。

同時(shí)根據(jù)福格模型，增強(qiáng)了用戶創(chuàng)建日記動(dòng)機(jī)，也就增強(qiáng)了用戶完成日記行為，試想下如果一款只依靠純文字記錄，類似手機(jī)備忘錄功能的日記和一款可以表達(dá)著不同情緒，滿滿地展示在日歷上，這兩款軟件，當(dāng)新的一天開始時(shí)，誰會(huì)更容易讓用戶開始記日記呢

2. 樹洞星球

以具象化的方式展示用戶記錄內(nèi)容，以銀河系中其他星球圍繞太陽作為靈感設(shè)計(jì)該功能，讓用戶可以具象地看到每日記錄的內(nèi)容，給用戶真實(shí)的沉浸感

3. 表情相關(guān)

3.1 Diy表情

允許用戶創(chuàng)建個(gè)人專屬表情，并支持保存到情緒圓盤中，方便用戶下次選擇使用，同時(shí)支持分享到表情世界讓更多人看到，通過讓用戶可以定制化地創(chuàng)建個(gè)人表情包，增強(qiáng)趣味性，考慮到用戶使用一段時(shí)間后，對(duì)默認(rèn)表情會(huì)出現(xiàn)審美疲勞，所以支持用戶diy個(gè)人專屬表情包

3.2 表情世界

帶有社交屬性，每次發(fā)布動(dòng)態(tài)以表情作為主題，主要作用是通過增加社區(qū)屬性功能，將該應(yīng)用定位由工具類應(yīng)用，轉(zhuǎn)為社區(qū)類應(yīng)用的載體，用戶可以通過不斷刷新，瀏覽到各類個(gè)性十足，富有創(chuàng)新的表情，可以對(duì)這些表情進(jìn)行點(diǎn)贊行為，同時(shí)為作為發(fā)布表情者，下次返回APP的觸發(fā)，給發(fā)布表情者帶來社交酬勞，以及社交認(rèn)同感

3.3 表情搜索

用戶可主動(dòng)查看自己感興趣的內(nèi)容，支持搜索，優(yōu)先情緒選擇（開心、難過、沮喪）等表情包

可查看個(gè)人想看到表情

3.4 表情管理

可管理個(gè)人創(chuàng)建/默認(rèn)表情，支持購買表情

3.5 表情世界

個(gè)人主頁可查看個(gè)人表情關(guān)注數(shù) ，個(gè)人作品，喜歡的表情

第三層結(jié)構(gòu)層，用戶完成核心需求時(shí)執(zhí)行路徑

主要流程

第1步創(chuàng)建日記

第2步選擇情緒

第3步填寫內(nèi)容

第4步發(fā)布

第四層框架層，每個(gè)頁面布局是怎樣的

主頁為日記展示界面，默認(rèn)為當(dāng)前月，支持切換其他月份、年份 ，點(diǎn)擊可查看歷史日記內(nèi)容

創(chuàng)建日記界面放在屏幕下方：更加符合用戶操作習(xí)慣

創(chuàng)建日記時(shí)，可選擇情緒該如何排列，有明確的箭頭提示和文案提示用戶，右下角按鈕可跳轉(zhuǎn)DIY

表情界面

已進(jìn)入填寫日記界面時(shí)，光標(biāo)直接在編輯區(qū)最左側(cè)，鍵盤展開，減少用戶點(diǎn)擊便捷再展開的操作

實(shí)際填寫日記界面中，默認(rèn)鍵盤在下方，表情+日記的記錄區(qū)域在屏幕上方，符合用戶日常使用手機(jī)習(xí)慣

完成和取消按鈕在屏幕頂層左右兩邊，更加直觀

第五層表現(xiàn)層

1. 主頁日歷視圖界面為淺色系，貼出多彩表情后，顯出明確的對(duì)比差異，每種情緒間有明顯的顏色區(qū)分，簡單。選擇情緒界面時(shí)文案提示，直觀地告訴用戶應(yīng)該做什么
2. 當(dāng)用戶完成記錄，自動(dòng)回到主頁后：有貼紙移動(dòng)到日歷效果，同時(shí)會(huì)給出和情緒相符的鼓勵(lì)性話語
3. 在不同月份切換時(shí)，如果為節(jié)日，該月份樣式會(huì)有特殊設(shè)置：如12月會(huì)有圣誕裝飾，在選擇表情時(shí)，每個(gè)表情上有帶有圣誕元素
4. 當(dāng)用戶diy一款表情后，會(huì)在表情輪盤中出現(xiàn)，讓用戶可以重復(fù)選擇，同時(shí)也減少用戶再次選擇的難度

想法建議：

1如果用戶沒有選擇情緒時(shí)，是否可以給一個(gè)默認(rèn)情緒叫“面無表情”

很多時(shí)候用戶并不需要一種明確的表情來代表自己的情緒，可以通過一種狀態(tài)來表達(dá)。解決了讓用戶強(qiáng)制選擇表情的行為，也從功能角度考慮，也后面的報(bào)表分析有來源依據(jù)

2將搜索表情界面與表情世界相結(jié)合，在表情世界中支持搜索

原因：目前兩界面功能有重疊部分，對(duì)于用戶來說，從用戶體驗(yàn)流程上，在表情世界(被動(dòng)查看)和個(gè)人搜索（主動(dòng)查看）都屬于解決用戶想看一些新奇的，有趣的其他用戶的表情，從整個(gè)界面表現(xiàn)來說，應(yīng)該是默認(rèn)為信息流，當(dāng)用戶想主動(dòng)搜索表情時(shí)，可直接在頂部搜索。減少用戶操作步驟，也降低用戶需要選擇的時(shí)間。