Smashing Magazine

Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion

7.1内容质量
Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion

TL;DR · AI 摘要

Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion — Smashing Magazine - Kat Homan...

核心要点

  • 主题聚焦:Designing For Distressed Users: Why Mental Healt
  • 来源:Smashing Magazine,建议结合原文判断细节。
  • AI 分析暂不可用,本条为保底评分与摘要。
#AI#编程#前端#后端#安全
打开原文

为处于困境的用户设计:为什么心理健康应用不应盲目追随每一种UI潮流 —— Smashing Magazine

  • Kat Homan
  • 2026年7月9日
  • 0条评论

为处于困境的用户设计:为什么心理健康应用不应盲目追随每一种UI潮流

  • 20分钟阅读
  • UX , UI , 设计 , 心理健康
  • 在Twitter上分享 , 在LinkedIn上分享

#### 作者简介

Kat Homan 是 DŌBRA Studio 的产品(UX/UI)设计师。她设计面向消费者的移动和网络产品,包括四个心理健康产品,曾有... 更多关于 Kat 的信息 ↬

#### 邮件通讯

每周前端与UX技巧。182,000+人信赖。

  • 免费注册
  • 庆祝1000万开发者
  • 与 Vitaly Friedman 一起在AI时代设计复杂UI
  • 与 Rémi Parmentier 一起构建现代HTML邮件
  • 与 Christine Vallaure 一起探讨Figma MCP
  • 与 Stéphanie Walter 一起探讨设计师的无障碍设计
  • Angular、React、& Vue 的自定义Web表单。你的后端。

许多UI趋势的设计目的是吸引注意力并传递创新感,但这些目标往往与心理健康应用的需求相冲突:减轻认知负担、建立信任、提供庇护感。Kat Homan 提出了一种评估框架,帮助设计师判断潮流的视觉和交互模式是支持还是削弱了心理健康体验的独特目标。

心理健康应用持续面临可衡量的危机:许多人很快就会停止使用它们。数据令人震惊:几乎95%的用户在第一天打开应用后,到第30天就放弃了应用,30天的用户留存率中位数仅为3.3%。即使是公认的知名心理健康企业,也会在前10天失去约50%的用户。这种严重的参与度流失和留存率崩溃,正是为什么有效的界面设计必须成为临床和运营的优先事项。好的设计不仅仅是美观;它是用户留存的关键工具。

( 大图预览 )

尽管有许多因素导致用户流失,但研究表明,心理健康应用往往优先考虑视觉吸引力,而忽视了真正维持用户留存的因素。在一个以脆弱性和认知负担为特征的领域,追逐视觉潮流可能在用户最无力承担时增加负担——悄然牺牲应用依赖的实用性和信任感。用户打开心理健康应用并非出于好奇,而是出于需求——通常在压力、焦虑、不知所措或疲惫时。在这些状态下,一个非常规的图标、一个令人困惑的手势,或一个花哨的动画取代了令人愉悦的惊喜,变成了额外的认知负担。更糟糕的是,这成为用户放弃应用的理由。

在这些时刻,即使是轻微的视觉实验也可能转化为阻碍,削弱应用本应提供的帮助。解决方案必须是一个从一开始就能简单使用和理解的视觉界面。

关键的是,提高参与度更多地取决于对每个趋势应用单一测试,而不是追随哪些UI趋势:当用户最无法负担时,这个趋势是否降低了使用应用的成本?“

心理健康领域趋势驱动设计的高昂代价

在深入探讨具体问题之前,我们必须认识到一个核心矛盾:许多UI趋势的优化目标与心理健康应用的目标并不一致。

趋势设计通常关注吸引注意力和传递创新感。相比之下,心理健康设计必须关注提供庇护、减轻压力和建立信任。

直接追求前者会覆盖后者。这不是表面的色彩或字体错误,而是目的层面的根本性冲突。这种矛盾体现在五个方面,每个方面都是仅因新颖性而采用趋势设计可能造成更多用户参与度损失的领域。

这些原则的提出并非基于单一的A/B测试或孤立研究。它们建立在已发表的关于心理健康应用参与度、认知负荷、无障碍设计和情绪反应的研究基础上,结合了竞争产品审计和应用商店证据,并通过我自己的定量和定性产品工作进行了压力测试。最后一个来源我视为一种例证,深知个人经验的局限性。在此背景下,验证更关注设计是否能减少用户努力、保留自主权、避免情绪错配,并在用户压力状态下保持可用性,而非证明某种界面模式普遍有效。

此处的“受困用户”并非指诊断结果,而是指一种能力下降的状态,在这种状态下,日常任务、选择和自我照顾可能需要比平时更多的努力。(大图预览)

关于示例的说明:这不是对应用的排名。每款应用都有其独特的定位、目标用户、约束条件和商业压力,这些可能从外部难以察觉。对于某款产品的实际目标而言,可能某些让用户受困的设计模式恰恰是合适的。我仅针对一个问题分析可见的设计决策:这些设计可能如何影响处于低能力状态的用户。

1. 认知摩擦:当设计成为康复的障碍

任何心理健康工具的主要目标都是减少而非增加认知负荷。然而,许多流行界面却产生了相反效果。采用强烈对比的极简主义布局需要视觉解析。依赖非标准滑动操作的隐藏导航菜单将简单任务变成谜题。抽象且无标签的图标迫使用户猜测而非识别。这些设计模式每种都会增加摩擦——几秒钟的犹豫、片刻的困惑——对于精神能量本就低下的用户而言,这些成本开始累积。

即使在其他方面设计精良的健康应用中,抽象控制也可能增加理解成本。(大图预览)

这种摩擦在急性需求期间最具破坏性。研究表明,当用户处于高度焦虑或抑郁状态时,即使打字或做出简单选择也可能感到难以承受。当用户最需要支持时,界面却要求高认知负荷,这不仅使当前使用体验更加困难,还为不堪重负的用户提供了关闭应用的理由,以及不再重新打开应用的理由。每个困惑点都可能成为用户彻底放弃的转折点。

其他研究显示,界面简洁的应用能减少参与所需的精力和时间,直接提升用户留存率。相反,复杂且追求潮流的用户界面会增加这一时间成本,形成阻碍用户建立健康习惯的障碍课程。

这并不意味着所有心理健康产品都必须视觉上朴素或极简。问题的关键在于界面是否符合用户当前的能力水平。

恐慌支持工具在提供少量显而易见的操作时效果最佳,而非要求用户浏览。然而,如果本应用于缓解恐慌的安抚操作却意外弹出升级界面,产品会在用户最需要支持的时刻造成挫败感。商业化本身并非问题,关键在于其出现的时机是否符合用户对即时支持的预期。

清晰的恐慌入口能降低认知负荷;在支持操作中突然出现的付费墙会重新引入摩擦。(大型预览图)

Nonori在更反思性的场景中展示了相同原则。应用不会在初始阶段向用户展示庞大的内容库或复杂的仪表盘,而是引导他们完成一系列简单线性的微小操作。这种模式的价值在于降低了开始的门槛。当用户感到疲惫、焦虑或精神超载时,明确知道下一步该做什么能降低再次使用的障碍。

线性流程减少了对下一步操作的决策需求。(大型预览图)

在另一端,全面追踪类应用展示了不同的权衡。例如Bearable确实功能强大:它几乎将所有追踪内容(情绪、症状、睡眠、药物、习惯、报告、关联性等)整合到一个地方。对管理慢性病或准备医疗预约的用户来说,这确实非常实用。但同样的全面性可能成为疲惫用户的负担。密集的仪表盘和多步骤检查需要执行能力——而焦虑、抑郁、倦怠或脑雾往往会削弱这种资源。

全面追踪可能有价值,但密集的检查需要执行能力。(大型预览图)

类似张力也出现在支持内容丰富但入口点繁忙的焦虑应用中。产品可能包含有用功能,但首页仍可能因过多卡片、锁定项目、趣味角色或升级提示而显得杂乱。这并非证明产品本身不好,而是说明相同界面在用户不同状态下的感受差异:探索时足够清晰,但处于压力时却显得过于要求。

在低执行能力状态下,视觉丰富的首页可能使寻找支持路径更加困难。(大型预览图)

这一洞察塑造了我们工作的指导原则:每个交互点都必须根据用户当前的执行能力水平进行设计,消除而非增加机械和认知障碍。这一原则指导了我们在Bear Room(压力和焦虑缓解应用)和Teeni(青少年父母情绪健康应用)等产品中集成低摩擦、状态感知交互的设计。

在Bear Room中,我们已有基于四种情绪卡片的快速情绪导向流程。同时,产品研究支持了另一个需求:用户也渴望更多个性化支持。我们避免将其设计为漫长的选项流程或仅限输入的路径,因为两者仍可能对压力或焦虑人群造成摩擦。相反,我们让语音成为主要且显眼的路径,始终与文本选项并行。中央麦克风按钮允许用户分享内心想法,应用随后使用AI分析输入并提供定制化的应对练习。

我们并未选择单一入口模型,而是保留了两条路径,因为它们服务于不同的使用状态。这与我们后续的分析和用户对话中观察到的情况一致:当用户追求速度时,快速的情绪化选择效果更佳;而当他们希望获得个性化体验并感到被倾听时,开放的语音或文本输入则更有效。这更像是我们注意到的一种模式,而非基于确切的测量结果。

在Bear Room中,语音被用作各种任务中打字的低摩擦替代方案。(大图预览)

同样地,在Teeni中,我们通过引入“快速缓解”按钮,直接解决了育儿压力带来的认知摩擦。这为经历愤怒或挫败感的父母创建了一种富有同理心的流程。该按钮会启动一个专门的“热流程”,允许他们首先通过语音输入宣泄和缓解即时的负面情绪。只有在完成这种情绪释放后,应用才会温和地引导他们进入更具反思性的“冷流程”,以使用应用的其他资源。这种按顺序进行、关注状态的敏感性设计承认了:当用户处于极度痛苦时,无法操作复杂的应用;他们需要一个直接、简单且具有验证性的第一步。

Teeni的快速缓解流程帮助父母在反思之前进行情绪调节。(大图预览)

这些解决方案通过在用户当前能力范围内提供支持,直接解决了认知摩擦,抵制了增加视觉或交互复杂性的趋势。语音输入和单次操作按钮消除了导航和打字的机械和认知负担。其结果是,当用户最难以应对复杂性时,界面却能让人感受到可靠且真诚的无评判性帮助。

2. 情感错配:设计基调不一致导致的信任侵蚀

用户的情绪状态是心理健康应用运行的背景环境。因此,其视觉语言必须富有同理心且体贴周到。研究探讨颜色和美学如何影响mHealth应用中情绪的研究表明了一个关键见解:处于困境中的用户对微妙性表现出强烈偏好。他们渴望深色系、简洁而精致的外观,以及干净整洁的美学风格,明确指出虽然明亮欢快的颜色看似合适,但可能与他们当前情绪产生刺眼甚至身体不适的冲突。

情感契合是指产品承诺、视觉基调与用户可能的情绪状态之间的匹配程度。(大图预览)

这并不意味着所有心理健康或福祉应用都应采用暗色调、安静或临床克制的视觉风格。该领域范围广泛:包括自我护理、焦虑支持、习惯改变、戒瘾康复、创伤工具、与治疗相关的产品,以及针对更严重心理健康情境的应用。活泼的视觉风格可能适合某款产品,却可能与另一款产品格格不入。重要的是界面是明亮还是低调,而在于其情感基调是否与产品功能和用户可能到达的情绪状态相匹配。

情感错配也可能出现在交互机制中,而不仅仅是视觉层面。在焦虑和恐慌缓解应用Calmer中,界面本身看起来相对整洁放松。但其部分参与度和盈利机制却采用了与这种放松感不一致的风格:例如折扣转盘或庆祝记录低情绪的彩带。对于刚刚记录下艰难时刻的用户而言,这种从安静支持转向推销或庆祝的转变,无论其初衷如何,都可能被感知为一种错配。

对于 Bear Room,我们根据用户直接反馈原型设计了一款“温馨房间”,呼应了研究的结论。研究中的多位用户描述他们尝试过的类似应用“过于明亮、过于欢快、过于令人应接不暇”。用户渴望拥有一个数字安全空间。这正是促使我们在最终设计中采用更柔和配色方案的原因:低饱和度的大地色系——如柔和的绿色和灰褐色等中性色调——搭配深色背景营造出舒缓氛围。对于这款旨在为压力过载用户提供庇护的产品而言,这意味着找到平衡点:营造一个既安全又不阴郁的空间。界面避免使用任何刺眼的提示或突兀的动画,让平静成为核心特性。

Bear Room 的柔和配色方案旨在打造一个脚踏实地、安全且情感低摩擦的氛围。(大图预览)

这个案例凸显了一个关键原则:过度欢快、大胆或追逐潮流的界面设计,可能让处于困境中的人感到被忽视,从而引发破坏信任的冲突。正如 Bear Room 所示,当界面设计能够尊重用户的情感现实,通过细腻设计(而非过度刺激)传递“欢迎且安全”的整体氛围时,信任才能真正建立。

3. 不一致性代价:为什么新颖性会破坏日常使用

心理健康往往依赖于日常规律和可预测性。但许多现代 UI 趋势却刻意追求新颖性和颠覆性,重新设计基础导航方式。当应用引入新颖的交互模式(如独特的滑动操作或非标准按钮行为)时,它要求用户在行动前先学习新规则,迫使用户付出本就不应承担的认知成本。

这并不意味着心理健康应用必须平淡、僵硬或千篇一律。产品可以拥有独特的个性、趣味性和品牌识别度。关键问题在于:当用户在低负荷状态下返回时,这种个性是否仍然易于理解且可预测?像 Finch 这样的游戏化自我关怀应用在用户准备探索、玩耍和建立日常习惯时可能表现良好。但若在辛苦的一天后仅需完成一项任务,那些让活跃用户感到愉悦的不可跳过的庆祝界面,反而会成为用户抵达目标前必须跨越的又一障碍。

趣味性设计可以支持日常使用,但重复出现的不可跳过环节可能干扰只想完成简单任务的用户。(大图预览)

类似的矛盾也出现在大型冥想和健康平台中。Headspace 和 Calm 等应用提供大量不同内容的库。这种丰富性在探索阶段具有价值。但在压力时刻,产品面临更尖锐的问题:用户能否立即找到所需的精准支持,还是必须搜索、筛选并重新学习结构?

内容库的丰富性在探索阶段有价值,但在压力时刻更难导航。(大图预览)

正在经历焦虑或执行功能障碍的用户需要以直接的方式使用工具,而非每次都要重新学习界面操作。

PTSD Coach 是一款面向公共健康的心理创伤支持应用,旨在帮助用户了解并管理创伤后的症状,为用户提供了有价值的积极范例。其界面并未刻意追求时尚感,其优势在于稳定的信息架构:用户可以通过明确划分的区域学习、追踪症状、管理症状并获得支持。对于在痛苦中返回应用的用户而言,这种可预测性比新颖性更为重要。

稳定的信息架构支持重复使用:学习、追踪、管理症状、获得支持。(大图预览)

CALMzone 提供了另一个有价值的范例。其部分呼吸动画与标准视觉模式存在差异,但始终与练习本身紧密关联:动画展示了具体操作步骤、吸气时机和屏息时机。引导式音频界面也明确邀请用户将手机放下并聆听。这是一种罕见而有价值的人机交互设计:产品的成功并非依赖更多屏幕时间,而是减少用户的操作负担和调节需求。

当新颖的交互方式直接支持练习而非分散注意力时,创新交互可以有效运作。(大图预览)

这些洞察指导了我们在 Bear Room 等应用中的设计实践,其中导航可靠性被作为治疗功能进行设计。我们有意打造了一种富有同理心的引导流程体验。

考虑到用户可能在压力过大时使用应用,我们设计了清晰且坚定的界面路径,并设置了显眼的“开始”标识。关键的情感支持工具以房间内的物品形式呈现——这些物品象征着日常生活,被所有用户明确识别。通过设计强化视觉突出,确保用户不会迷失在界面元素中,能够轻松访问所需工具,并在下次返回应用时记住导航路径。

将导航可靠性作为引导流程:熟悉的物品、可见的入口点和可重复的路径支持。(大图预览)

受趋势驱动的界面会牺牲这种导航确定性以追求新颖性。在 mHealth 应用中,当核心功能被隐藏在实验性交互背后或放置在意外位置时,每个非常规选择都会累积产生疲劳感而非创新价值。用户此时并无探索余地,当每次交互都像解决新谜题时,用户会放弃寻求数字支持的整个实践。这并非限制创新,而是意味着动画、微交互、AI 或趣味机制必须服务于用户当前状态,而非打断状态。

4. 隐性排斥:趋势如何损害可访问性

许多流行 UI 趋势在未经适配时可能具有排他性。低对比度文字的极简主义趋势会妨碍视觉障碍用户。仅手势导航会边缘化运动障碍用户。视觉密集且充满动画的界面可能使认知或注意力障碍用户感到不堪重负。在心理健康领域,需要支持的人群中,这些无障碍需求的用户占比尤为突出。

低对比度、小字号和密集布局会使视觉、认知或注意力障碍用户更难以获取支持。(大图预览)

选择流行审美而非无障碍设计是一种主动限制应用覆盖范围和效果的决定。这确保了那些可能受益最多的人无法有效使用工具。无障碍设计不是在最后添加的一层,而是你在设计过程中必须纳入的约束条件,其中大部分内容已在《网页内容无障碍指南 2.2》中明确规定。正文文字需要与背景有 4.5:1 的对比度,大号文字和界面元素需要 3:1 的对比度——这正是低对比度极简主义所无法满足的。交互目标的最小尺寸应为 24×24 像素(手部不稳定者需更大),每种手势都必须提供可见的按钮作为替代方案,否则可能会排除无法完成滑动操作的用户。

5. 逼迫悖论:当“参与度”变成“压力”

跟随趋势的最后一个、常被忽视的后果是采用专为娱乐、教育或生产力应用设计的参与机制。诸如连续打卡、激进通知和游戏化奖励系统等功能,其设计目的是最大化屏幕使用时间和建立依赖性。尽管这些方法长期以来被认为能有效提升用户留存率,但在心理健康领域,这种做法很容易产生误导。表面上看似“激励”的机制,很快可能演变为绩效压力和愧疚感。对于正在管理抑郁症的用户而言,连续打卡中断或未能完成每日目标,可能会加剧应用试图缓解的负面情绪。

连续打卡机制可能激励部分用户,但在非线性恢复的语境中,未完成的天数不应被定义为失败。(大型预览图)

这些机制本身并不具有伦理问题。在常规建立类产品中,它们确实能帮助部分用户。风险出现在当它们被直接移植到心理健康场景中,却未针对羞耻感、低能量、复发和非线性恢复进行调整时。例如,当用户情绪脆弱时,连续打卡机制就不再只是一个留存工具,而可能成为其是否“跟上”自身健康的可见记录。

在我审查的应用中,这种矛盾通过熟悉的劝导模式体现出来:连续打卡、连续打卡冻结、承诺文案、基于紧迫性的通知、“不要错过这个机会”提示,以及以成功为导向的按钮,如“是的,我想要成功”。在自我护理或心理健康产品中,这些细节会让应用感觉不像支持工具,反而像另一个用户必须满足的系统。

设计师仍然需要召回机制。如果用户只安装一次就遗忘应用的存在,心理健康应用几乎毫无价值。但召回机制必须适应情感语境。例如在 Bear Room 中,这种理念体现在简短且宽容的三日连续打卡机制中:用户错过某天时,连续打卡不会重置,每过三天还会带来小幅奖励。目标不是惩罚缺席,而是温和地支持用户回归。

这一原则同样适用于更轻量级的交互。Bear Room 包含一个简单且可选的气泡爆破小游戏。然而,其目的并非让用户上瘾,而是提供一个短暂的平静插曲。游戏设计为有限时的,提供小幅情绪提升,并温和地引导用户发现应用内的其他资源。其价值在于即时的缓解,而非延长的使用时长。

这种对支持性、非强制性设计的承诺也体现在应用的基础架构中:

  • 尊重用户并量身定制的交互模型

应用内的视觉界面“Pillow”充当一个中立且包容的空间。用户可以选择一种情绪或录制语音备忘录,应用会以AI精选的练习方案(28)进行回应。它在不评判、不评论、不施加“达成某种状态”压力的情况下提供支持。我们的应用优先采用情绪感知算法,动态调整活动顺序。根据用户报告的情绪状态,呼吸练习或接地技巧会被优先展示,从而在无需庞大内容库的情况下创造个性化的共鸣。

  • 反馈作为双向交流

我们不将反馈视为通过频繁邮件获取数据的手段,而是作为尊重的对话。一个不显眼的界面元素允许用户在自然的暂停点进行反馈,其输入会以小奖励的形式被认可。这将用户的参与视为一种有价值的馈赠,而非强制性的义务。

在心理健康技术领域,可持续的用户留存不是通过吸引注意力实现的,而是通过成为用户生活中持续尊重且有帮助的存在。

mHealth应用的设计需要在提升使用率与不过度要求用户之间找到挑战性的平衡。

风险的规模

这并非仅影响小众群体的边缘性问题。世界卫生组织(WHO)估计,全球约有十亿人患有心理障碍,仅抑郁症就影响近5%的成年人。关键的是,总体人数正在上升——过去十年间,抑郁症和焦虑症的病例增长了25%。这一庞大且脆弱的群体无法承受因设计缺陷导致工具失效的风险。虽然UI趋势本身并非固有问题,但其在健康产品中的应用需要彻底的语境化处理。

即使是在会议之间使用的五分钟减压工具,也具有特定的情感语境。而一种仅因视觉效果选择的风格(如玻璃质感或某种极致极简主义)可能忽略这一语境,无论受众多么成熟。重点并非这些风格本身错误,而是视觉设计必须回应当下情境。柔和的生物形态或流畅的过渡效果在直接服务于“营造平静”目标时确实能带来帮助,但当它们仅用于取悦时,这些元素反而会成为干扰。

风险最高的做法是直接套用视觉上吸引人的“Dribbble截图”而没有深度适配:这解决了设计师的作品集需求,而非用户的实际需求。

评估的实用框架

上述五个维度不仅是诊断视角,更是心理健康领域设计者评估框架的基础。在引入任何流行视觉或交互模式之前,值得依次通过以下标准进行检验:

  • 认知负荷:这是否会减少被压倒性情绪困扰者的操作负担,还是会给本已紧张的体验增加另一层复杂性?
  • 情感契合度:这是否能支持从痛苦到疲惫的广泛情绪状态,还是与用户最可能进入的场景产生冲突?
  • 导航可靠性:这是否通过可预测性建立信任,让用户能随时返回并找到路径而无需重新学习,还是以新颖性为代价牺牲一致性?
  • 无障碍:这是否有助于提升或增强不同感官和认知能力的可访问性,还是默默地排除了最需要支持的用户?
  • 参与完整性:这是否以支持性且非强制性的方式吸引用户使用,还是借用娱乐产品的机制,反而可能制造压力而非缓解压力?

一项通过所有五个标准的设计将超越可用性本身,成为用户在真正需要时愿意反复使用的工具。

趋势可能令人鼓舞。它们可能赢得奖项并引发关注。但在心理健康领域,最好的设计有时是帮助用户感到被理解的设计——一个在压力和脆弱时刻足够值得信赖的安静助手。它不会抢夺聚光灯,而是专注于用户的情绪。最终,终极目标不是让界面被看见,而是让用户感受到支持。

(yk)

了解更多

Smashing Newsletter 每周发送前端与用户体验技巧,直接送达你的邮箱。只包含真正实用的内容。

前端与用户体验工作坊,在线参与。包含实用收获、直播课程、视频录像和友好的问答环节。

TypeScript 50 课:全面讲解 TypeScript,包含代码解析和示例。及其他纸质书籍。