快速回答: 雖然 Apple 的液態玻璃 UI 趨勢提供了美觀、具折射感的介面,但 ViviDiary 在 A/B 測試顯示記錄完成率下降 14% 後,拒絕將其用於核心情緒追蹤。半透明且不斷變化的背景導致了無障礙問題,並讓情緒低落的使用者感到不知所措。我們選擇為 3 秒的表情符號記錄功能採用純色、高對比度的 UI,並將液態玻璃效果專門保留給我們可選的 AI 助手,以將其與核心介面在視覺上區分開來。

---

如果您最近更新了手機,您應該已經知道情緒追蹤器應用程式 UX 2026 的現狀。Apple 的 iOS 27 引入了「液態玻璃」(Liquid Glass)——這是一種由動態、折射材質、深層半透明感和不斷變化的背景漸層所定義的設計語言。它無疑是非常美觀的。在測試版發布後的幾週內,我們的產品設計資訊流中充斥著將這種美學應用於從計算機到健康應用程式等各種產品的概念。

理所當然地,我們製作了一個原型。

同樣理所當然地,我們放棄了它。

在 ViviDiary,我們的核心承諾是小於 30 秒的記錄體驗。您打開應用程式,選擇五種情緒之一(極好、好、還可以、低落、糟糕),點擊幾個表情符號,就完成了。無需書寫。當我們針對標準平面設計測試液態玻璃情緒追蹤器 UI 時,數據結果非常殘酷。它不僅沒有改善體驗,反而對其造成了損害。

以下是我們拒絕年度最大 UI 趨勢的坦誠故事,我們的 A/B 測試揭示了哪些關於使用者心理的發現,以及為什麼有時最好的產品決策就是保持平淡。

Apple 液態玻璃的誘惑

液態玻璃的吸引力顯而易見。它讓軟體感覺像是一個實體的、高級的物件。當我們最初開始探索 ViviDiary 在這種新範式下可能呈現的樣子時,模型圖看起來令人驚豔。

想法很簡單:應用程式的背景會根據您的情緒歷史微妙地變化,而 UI 元素——情緒選擇器、表情符號網格、專注模組——會像磨砂玻璃一樣懸浮在上方,折射出下方的色彩。

一個被拒絕的液態玻璃情緒追蹤器 UI 模型圖,顯示在變化的漸層背景上方的半透明表情符號按鈕
一個被拒絕的液態玻璃情緒追蹤器 UI 模型圖,顯示在變化的漸層背景上方的半透明表情符號按鈕

我們認為這會增強我們的「溫暖 (Warm)」基調。我們希望應用程式感覺是有生命的,能溫柔地陪伴使用者。但靜態的 Figma 模型圖與一個正在經歷糟糕一天的人所使用的真實應用程式之間,存在著巨大的差異。

我們拒絕的內容:半透明表情符號選擇器

要了解我們為什麼放棄,您必須看看我們考慮過的方法以及構建它們的技術現實。

方法 1:全系統液態玻璃 這是「全盤投入」的方法。從核心情緒記錄器到 22 手動表情符號模組以及專注(常規 + 待辦事項)部分,每個模組都將使用原生的背景模糊效果。

  • 看起來非常現代。
  • 感覺與 iOS 27 深度整合。
  • 效能: ViviDiary 是基於 React Native 和 Expo 構建的。雖然該框架功能強大,但使用 `expo-blur` 或 `react-native-skia` 疊加數十個半透明元件在計算上是非常昂貴的。對於使用舊款 Android 裝置或 iPhone 12 的使用者來說,打開應用程式會導致掉幀和明顯的電池消耗。我們透過比競爭對手更輕、更快來實現差異化;為了美觀而犧牲效能是不可行的。
  • 視覺雜訊: ViviDiary 是高度模組化的。使用者可能啟用了 15 種不同的表情符號類別。看到 50+ 個半透明玻璃圓圈折射著動態背景,讓螢幕變成了一個混亂的萬花筒。

方法 2:混合玻璃(折衷方案) 我們嘗試將玻璃效果限制在僅主要情緒選擇器(從極好到糟糕)上,保持應用程式的其他部分為平面且純色。

  • 更好的效能。
  • 在螢幕頂部保留了「驚豔」效果。
  • 造成了視覺上的不一致。
  • 仍然受到我們即將在使用者測試中發現的核心心理問題的困擾。

A/B 測試:當美學損害無障礙性時

我們採用了混合玻璃方法,並與 3,500 名活躍的測試版使用者進行了為期兩週的 A/B 測試。A 組收到標準的純色 UI。B 組收到液態玻璃 UI。

我們最關心的指標是每日簽到的完成率。我們的基準非常高,因為該應用程式不需要書寫,也沒有強制性的習慣記錄。

  • B 組(液態玻璃)的每日記錄完成率下降了 14%。
  • 記錄時間從平均 24 秒增加到 38 秒。
一張長條圖,顯示與純色 UI 相比,iOS 27 液態玻璃設計的每日簽到完成率下降了 14%
一張長條圖,顯示與純色 UI 相比,iOS 27 液態玻璃設計的每日簽到完成率下降了 14%

當我們深入研究定性回饋時,原因變得顯而易見。

7/10 在測試期間報告感覺「低落」或「糟糕」的使用者明確抱怨了該介面。一位使用者的回饋成為我們放棄該功能的口號:「當我恐慌發作或感到極度沮喪時,我不想看一個漂亮、不斷變化、半透明的螢幕。我想要一個寫著『糟糕』的實體按鈕,這樣我就可以點擊它並關閉應用程式。」

液態玻璃屬於高刺激性。它需要視覺處理能力。當使用者的認知負荷已經因為糟糕的一天而達到極限時,折射介面是具有敵意的。它直接與我們作為一個溫柔工具、不對您提出任何要求的目標相衝突。

此外,半透明感破壞了我們的對比度。我們的專注模組——它在沒有壓力式連續記錄或令人內疚的進度條的情況下,溫和地追蹤可選的常規和待辦事項——變得更難閱讀。待辦事項只是一個簡單的刪除項目。當該文字位於移動背景上的磨砂玻璃上時,無障礙性會急劇下降。

我們的選擇(以及原因)

我們選擇保持「平淡」。我們完全恢復了核心記錄體驗的純色、高對比度、平面 UI。

我們使用符合嚴格 WCAG 無障礙標準的柔和純色。按鈕是不透明的。背景是靜態的。當您打開 ViviDiary 時,它是安靜的。它不會讓您眼花繚亂;它只是傾聽。

可選的 AI 助手:玻璃效果真正有意義的地方

我們並沒有完全丟棄液態玻璃程式碼。我們發現它正好解決了一個 UX 問題的地方:我們可選的 AI 助手。

讓我明確說明 ViviDiary 中的 AI 是什麼。它是為您想要更深入記錄的日子提供的可選輔助工具。它不是核心賣點。它不會在未經您審查的情況下保存或確認任何內容,當然也不會提供治療或強迫您達成目標。

因為與 3 秒的情緒記錄相比,AI 聊天是一種截然不同的、更沉重的互動,我們需要一種方式在視覺上向使用者發出「模式切換」的訊號。

在這裡,液態玻璃是完美的。

  1. 它在視覺上將 AI 對話與您永久的核心日記條目區分開來。
  2. 它發出訊號,表示您已從「快速記錄」模式切換到「反思」模式。

因為這是一個使用頻率低於每日記錄的可選功能,渲染的效能開銷是可以接受的,而且視覺上的區分實際上助於導航。

超越表面:雲端儲存與去識別化

每當我們討論我們的 AI 助手或數據密集型功能(例如我們觀察時間、活動、人員和專注力模式的每週鏡像功能)時,對話不可避免地會轉向隱私和架構。

在情緒追蹤器應用程式 UX 2026 領域,有一種猖獗的趨勢,即公司聲稱擁有完全的數據隔離。我們拒絕使用這種行銷術語,因為對於絕大多數提供無縫跨裝置同步和 AI 功能的應用程式來說,這根本是錯誤的。相反,我們透過嚴格的數據最小化和去識別化來保護您的隱私。

以下是關於 ViviDiary 架構的透明真相:

我們的數據層是使用 Supabase 進行雲端儲存。我們選擇這樣做是因為我們希望使用者相信他們的 3 個月日曆存檔(在我們的免費層級提供)或他們的多年歷史(在我們 $2.99/月的 Premium 層級)是安全的、已同步的,並且如果他們不小心把手機掉進湖裡,數據是可以恢復的。

我們的隱私模型不依賴於離線隔離的神話。相反,我們的隱私來自於數據最小化和去識別化。

如果您選擇使用可選的 AI 助手,您的日記文字會在任何外部或 AI 處理發生之前進行嚴格的去識別化。我們在數據接觸到 LLM 之前就去除了識別碼。我們這樣構建它,是因為我們相信隱私在於負責任的數據架構,而不是假裝雲端不存在。

接下來是什麼

拒絕 iOS 27 液態玻璃趨勢用於我們的核心 UI,是我們今年做出的最容易的艱難決定之一。它提醒我們,我們的主要工作不是贏得設計獎項;而是構建一個在使用者最糟糕的日子裡感覺安全且輕鬆的工具。

展望未來,我們的工程團隊正專注於擴展應用程式的模組化。我們目前正在測試讓使用者自訂其 22 表情符號模組的新方法,並改進每週鏡像功能如何呈現洞察,而不會變得具有說教意味。

我們將繼續密切關注 UI 趨勢。我們會製作原型,我們會測試它們,如果它們妨礙了 30 秒的簽到,我們會很樂意再次放棄它們。