Case · 02 · MindSpace
JENNIFER YU
Case 02 App · VI · Installation · 2024

Mind
Space

为 18–35 岁中国一线城市年轻职场人设计的数字心理健康生活方式平台——融合 CBT 认知行为疗法、情感化设计与多感官交互装置,帮助用户在「感知—反思—改变」的闭环中改善情绪状态。

ProjectDigital Health Platform
RoleUX/UI Designer
ToolsFigma · Photoshop · Blender
Year2024

项目 背景

MindSpace 是一项围绕联合国可持续发展目标 SDG 3(确保健康的生活方式、促进各年龄段人群的福祉)展开的数字健康设计课题。

目标用户是18–35 岁、居住在中国一线城市、入职 0–5 年的年轻职场人。他们通常受过良好教育、收入较高,但长期承受高压工作与情绪困扰。

项目从 CBT(认知行为疗法)出发,构建了一套「感知—反思—改变」的干预机制:先让用户觉察情绪,再通过记录与内容引导完成认知重构,最终养成可持续的健康习惯。

心理健康 CBT 认知行为疗法 情感化设计 以用户为中心 SDG 3 多感官装置

设计 目标

围绕「用设计帮助一线城市年轻人改善心理健康」的核心命题,交付了三个互补模块:

VI 视觉识别
品牌 Logo、色彩、字体、图形语言与周边延展
交互装置
以声、光、触为媒介的沉浸式情绪释放体验
移动 App
情绪觉察、呼吸练习、内容探索、进度追踪与 CBT 日记
理论支撑
User-Centered Design + CBT + Emotional Design + Inclusive Design

理论 框架

项目的理论地基由三条主线交织而成:以用户为中心的迭代设计、CBT 对认知—情绪—行为的干预路径,以及情感化设计对本能、行为、反思三层次的关照。

CBT 与 Emotional Design 框架
User-Centered Design 与 Inclusive Design

Concept Map 将所有要素收敛到 MindSpace 一个核心挑战:如何用设计的综合力量,帮助年轻都市抑郁人群改善心理健康,同时兼顾伦理、可持续与无障碍。

MindSpace Concept Map

用户 研究

为获取真实痛点,我完成了 8 位 目标用户的深度访谈,受访者既包括受抑郁困扰的个体,也包括关注心理健康的普通年轻人。

5.1 关键洞察

5.2 用户画像与旅程图

基于访谈提炼出两类典型角色:「抑郁症患者 Justin」与「心理健康爱好者 Tiana」,并分别绘制了从 Awareness 到 Action 的情绪曲线,标注每个阶段的产品机会点。

Persona 与 Customer Journey Map

5.3 竞品与先例分析

Headspace 竞品分析
Daylio 竞品分析

Headspace 擅长引导式冥想但缺少针对抑郁的深度干预;Daylio 让情绪记录变简单,却缺乏后续的认知重构工具。MindSpace 的机会在于:把「记录」与「行动」连成闭环

设计 系统

视觉语言的关键词是「温柔、有趣、安全」——用高明度粉紫与暖黄传递希望感,用圆润几何图形降低心理防御,用 Lexend 字体保证可读性与亲和力。

Color System

Warm Pink
Purple
Bright Yellow
Light Purple
Light Pink
Black Blue
White
Gradient

Typography · Lexend

RegularMind Space
MediumMind Space
SemiBoldMind Space
BoldMind Space

Logo

MIND
SPACE
🌙

将「引号」作为品牌核心符号,象征倾诉、陪伴与自我对话;圆润几何图形降低距离感。

Components

Primary Secondary Ghost Pill tag

UX 交互流程

基于 Design Thinking 与 CBT 的「觉察—重构—行动」模型,我将 App 的完整体验拆分为 8 个核心流程。每个流程都围绕用户的情绪状态变化而设计,提供低门槛、即时反馈与可追踪的后续动作。

1

启动与登录

  • Splash 品牌动画建立安全感
  • 选择性别 / 目标 / 情绪基线
  • 支持邮箱与第三方快速登录
2

每日情绪签到

  • 首页顶部 Mood Check-in
  • 5 级 emoji 快速选择
  • 点击后弹出简短标签追问
3

情绪急救

  • 根据情绪推荐呼吸 / 冥想
  • 呼吸引导动画 + 触觉反馈
  • 完成后给出积极强化文案
4

内容探索

  • 分类标签:呼吸 / 冥想 / 播客
  • 卡片瀑布流降低选择压力
  • 详情页展示时长与适合场景
5

CBT 思维记录

  • 识别自动负性思维
  • 选择认知扭曲类型
  • 书写替代性想法并保存
6

睡眠与日程

  • 睡前提醒与放松内容推荐
  • 睡眠日志记录入睡/醒来时间
  • 生成每周睡眠趋势图
7

进度追踪

  • 情绪曲线与练习频次统计
  • 连续打卡勋章
  • 每周心理健康报告
8

社区与 SOS

  • 匿名心情广场分享
  • 一键 SOS 联系紧急联系人
  • 专业资源入口与热线

高保真 界面

以下用 iPhone 15 Pro 样机框架呈现 6 个核心场景。每个界面均遵循品牌设计系统,并在交互细节上对应前述 UX 流程。

MIND
SPACE
Stop and Breath
Splash · 品牌启动
9:41􀙫 􀙫 􀙫
Good Afternoon,
Jen!
How are you feeling today?
😄
🙂
😐
😔
😫
🌬️
Breathing
3 min reduce worry
🧘
Meditation
Daily 10 min calm
📝
CBT Journal
Record thoughts
🎙️
Podcasts
Sleep stories
🌙
Bedtime Wind-down Starts in 30 min · 15 min session
🏠
Home
🔍
Explore
📊
Progress
👤
Profile
Home · 情绪急救入口
9:41􀙫 􀙫 􀙫
Breathing Practice

Reduce Worry

Follow the circle. Inhale as it expands, exhale as it contracts.

00:58
Pause
Breathe · 呼吸引导
9:41􀙫 􀙫 􀙫
Explore
All Breathing Meditation Podcasts Sleep
🌬️
Reduce Worry
3 min · Beginner
🧘
Morning Calm
10 min · Beginner
🌙
Sleep Story
15 min · Sleep
🎙️
Relaxing Minds
12 min · Podcast
🏠
Home
🔍
Explore
📊
Progress
👤
Profile
Explore · 内容探索
🎙️
Relaxing Minds
A gentle podcast about reframing anxious thoughts and finding calm in daily chaos.
▶ Play Episode 1

Good for

Commute Before sleep Anxiety

About the host

Dr. Lin is a clinical psychologist specializing in CBT-based self-help tools for urban professionals.

Detail · 内容详情
9:41􀙫 􀙫 􀙫
CBT Journal

Notice → Question → Reframe your thoughts.

What happened?

Pick a thought pattern

All-or-nothing thinking
Mental filter
Catastrophizing

Alternative thought

Save Entry
Journal · CBT 思维记录
9:41􀙫 􀙫 􀙫
Your Progress

Aug 1 – Aug 7

Mood Curve

Weekly Stats

5
Sessions
142
Minutes
3
Journals
🏠
Home
🔍
Explore
📊
Progress
👤
Profile
Progress · 进度追踪

8.1 全部界面概览

完整 App 还包含 Onboarding、Gender/Goal 选择、登录、设置、SOS 紧急联系人等辅助流程。以下是从原始提案中导出的完整高保真样机矩阵。

MindSpace 全部高保真界面与品牌延展

装置与品牌 延展

除了数字界面,项目还包含一件交互装置与线下物料:用柔软的 3D 蘑菇森林创造可触摸的「安全空间」,并将视觉语言延伸到海报、帆布袋等品牌触点,形成线上线下一致的情绪体验。

3D 交互装置渲染
品牌周边与 App 展示

设计 反思

这个项目的创新之处在于将情绪记录、CBT 干预、内容消费与进度追踪整合在同一品牌体验下。温暖的粉紫配色与圆润图形降低了心理健康产品的距离感,让用户在低能量状态下也能无压力地开始。

反思中,我认为下一步可以强化两点:个性化推荐(基于情绪曲线动态调整内容)与无障碍设计(为不同抑郁程度的用户提供更清晰的 SOS 路径与语音交互支持)。

设计陈述与反思

观看完整项目演示 →

10 分钟视频涵盖用户研究、设计过程、App 真实交互与 3D 装置演示。

YouTube ↗

← 返回作品集