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

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

讓我們用用戶體驗要素5層理論來拆分它

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

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

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

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

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

1. 情緒日歷看板

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

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

2. 樹洞星球

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

3. 表情相關(guān)

3.1 Diy表情

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

3.2 表情世界

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

3.3 表情搜索

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

可查看個人想看到表情

3.4 表情管理

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

3.5 表情世界

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

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

主要流程

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

第2步選擇情緒

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

第4步發(fā)布

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

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

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

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

表情界面

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

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

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

第五層表現(xiàn)層

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

想法建議：

1如果用戶沒有選擇情緒時，是否可以給一個默認情緒叫“面無表情”

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

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

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