78% 的新使用者會在第一週內安裝小工具,但在今年之前,只有 40% 的使用者在 30 天後仍將其保留在主畫面上。當我們深入研究數據時,原因顯而易見:我們的小工具要麼太過空洞而毫無用處,要麼太過雜亂而難以閱讀。
快速回答: 針對 ViviDiary 的 iOS 27 更新,我們採用了 Bento UI 小工具設計,以反映我們對心情與生活追蹤的模組化方法。便當盒網格取代了雜亂且一體適用的儀表板,讓使用者能自訂主畫面,只保留他們在意的模組——例如 3 秒的表情符號心情記錄器或輕量的「專注」日常。我們拒絕使用會導致追蹤疲勞的密集數據視覺化,轉而選擇簡潔、獨立的方塊。對於啟用我們選擇性 AI 洞察功能的使用者,該模組能完美嵌入網格中,並由我們以隱私為優先的架構提供支援,數據在處理前會先進行雲端儲存與去識別化。
以下深入介紹我們如何設計新小工具、我們捨棄了什麼,以及為什麼模組化是健康應用程式唯一的前進方向。
單體式健康小工具的問題
當我們開始規劃 iOS 27 更新時,我們仔細研究了健康與保健小工具的現狀。大多數小工具都受限於單體式的設計理念。它們假設如果你在意心情,就一定也想看到步數、睡眠債、飲水量,以及一個提醒你錯過冥想目標的刺眼紅圈。
這會造成追蹤疲勞。小工具應該是一個一眼就能看清的介面,而不是一個會讓人產生罪惡感的儀表板。
在 ViviDiary,我們的核心承諾是記錄一天只需不到 30 秒。心情(以簡單的 5 等級量表評分:極佳、良好、普通、低落、糟糕)是「唯一」必要的輸入。其他所有功能——我們的 22 種手動表情符號模組、語音備忘錄、照片上傳和「專注」日常——皆完全由使用者自行選擇。
我們舊的小工具並未反映這一點。它試圖根據你的記錄動態調整元素大小,導致 UI 雜亂且不可預測。這正是我們去年 砍掉複雜小工具 並重新設計的原因。
我們拒絕的設計:數據繁重的儀表板
在確定目前的設計之前,我們原型設計並測試了兩種最終被我們拒絕的方案。
方案 1:「萬能」儀表板
我們製作了一個密集、數據豐富的小工具,在一個中型 iOS 小工具中塞入了每週心情迷你圖表、前三大表情符號以及每日待辦事項。
為什麼我們砍掉它: 它難以閱讀。使用者測試顯示,使用者平均需要 4.2 秒才能解析這些資訊,這違背了主畫面小工具的初衷。它完全違反了我們所倡導的 極簡核心 UX 設計 原則。
方案 2:「連續記錄強制者」
我們還測試了一款高度聚焦於「專注」模組(日常 + 待辦事項)的小工具,其特色是一個交通燈 UI,如果你在 8 PM 前未簽到,它就會變紅。
為什麼我們砍掉它: 我們討厭壓力式的連續記錄。ViviDiary 是陪伴你的夥伴;它不會指導或責備你。ViviDiary 中的「日常」只是你想留意的事情,保持一個溫和的個人最佳紀錄。引入恐慌、連續記錄凍結機制或「你今天錯過了」的罪惡感通知,與我們單一的「溫暖」基調相矛盾。我們立即廢棄了它。
為什麼 Bento UI 適合模組化心情追蹤
我們意識到我們的 UI 需要反映我們的後端架構:嚴格模組化。這直接引導我們採用 Bento UI 應用程式設計。
受分格日式便當盒的啟發,便當盒網格將介面劃分為獨立、自給自足的方塊。如果你是新使用者,你的便當盒小工具可能只有一個大方塊:一個記錄心情的簡單提示。
隨著你選擇啟用更多功能,便當盒會逐漸填滿。如果你開啟「專注」模組,就會出現一個新的方塊來顯示每日待辦事項。如果你啟用 HealthKit 自動分類,一個小方形方塊就會在心情旁邊顯示你的睡眠背景資訊。
這種 模組化心情追蹤小工具 的方法解決了我們最大的 UX 挑戰。介面永遠不會不可預測地移動;它只是填滿網格。這讓使用者能精確打造他們想要的小工具,而我們無需設計 50 種不同的靜態小工具變體。
設計選擇性 AI 模組(以及真正的隱私)
在我們的便當盒網格中,爭議最大的方塊之一是 AI 洞察模組。
AI 並非 ViviDiary 的核心賣點。它是為你想要更深入記錄的日子所提供的選用輔助工具。它絕不會在未經使用者審查的情況下自動儲存,當然也不會提供治療或處方診斷。因此,AI 方塊預設為隱藏。
當我們 將 AI 改為選擇性啟用 時,我們也必須對處理數據的方式保持徹底透明。當使用者在便當盒小工具上啟用 AI 模組以查看每週模式的溫和摘要時,他們通常會詢問隱私問題。
以下是關於 ViviDiary 架構的真相:我們透過 Supabase 進行雲端儲存。我們優先考慮數據最小化與去識別化,而非誤導性的行銷術語,因為對於我們的功能集而言,這些才能提供真正的隱私。
相反地,我們的隱私來自嚴格的數據最小化與去識別化。在任何日記文字接觸到我們選用的 AI 或外部處理層之前,它都會被完全去識別化。我們透過確保發送處理的數據無法與你的身分連結來保護你的隱私,讓你能夠安全地跨裝置同步數據,且永遠不會遺失你的歷史紀錄。
將其帶到 iOS 27 主畫面上
為 iOS 27 構建此功能,要求我們的工程團隊在保持 React Native 與 Expo 基礎的同時,大量運用 Apple 的最新框架。
我們專注於小工具尺寸的「黃金區間」:中型與大型。中型小工具完美容納 2x2 的便當盒網格,而大型小工具則允許 3x2 的網格,讓使用者有足夠的空間直接從主畫面與他們的「專注」模組互動。
多虧了 WWDC 2026 互動式小工具 的演進,你無需開啟應用程式,即可直接在便當盒方塊上劃掉待辦事項。
我們還花了數週時間調整便當盒網格,使其能與 iOS 27 的可著色圖示 良好配合。由於我們的便當盒方塊使用鮮明的對比邊框與簡單的圖示,當使用者在主畫面上套用單色或著色主題時,它們能完美適應。UI 保持清晰易讀,且心情顏色(在未被 iOS 設定覆蓋時)保持我們無障礙調色盤的真實色彩。
我們學到了什麼
我們上個月向 Beta 測試人員推出了 iOS 27 便當盒小工具設計,數據驗證了我們的假設:
- 留存率飆升: 30 天的小工具留存率從 40% 跳升至 65%。使用者保留小工具是因為它不會讓他們感到煩躁。
- 模組化有效: 90% 的 Beta 使用者自訂了他們的便當盒網格。有趣的是,40% 的使用者選擇「僅」顯示心情與表情符號記錄器,讓他們的主畫面保持極度輕量。
- 免費層級的信任: 使用者很欣賞便當盒小工具不是付費牆的特洛伊木馬。ViviDiary 的免費層級包含所有輸入模組、無限心情記錄、3 個月的封存,以及最多 3 個「日常」/ 5 個「待辦事項」。小工具對免費使用者運作完美,而 Premium(每月 $2.99 或每年 $11.99)僅解鎖更深入的歷史封存。
下一步是什麼
我們目前正在監控使用者如何與互動式待辦事項方塊互動,以確保點擊目標夠大,防止意外記錄心情。我們也正在探索如何在下一季將這種精確的便當盒方法帶到我們的 Android 小工具上。
透過擁抱 iOS 27 小工具 UI 趨勢,同時不犧牲我們輕量、無罪惡感追蹤的核心理念,我們相信我們已經打造出 iOS 27 最佳心情追蹤小工具。這是一個尊重你的時間、你的主畫面以及你的情緒頻寬的小工具。


