健康管理 APP

01 · 项目背景

项目背景

面向慢性病患者的日常健康管理应用，帮助用户记录血糖、血压等指标，管理用药计划，并与医生保持沟通。

目标用户

45-65 岁慢性病患者及其家属

业务需求

简单的数据记录、智能用药提醒、医患沟通、健康趋势查看

+42%日活提升

+35%用药依从

4.8App Store

60+界面页数

02 · 痛点分析

痛点分析

市面健康 APP 界面冰冷、数据呈现不友好
中老年用户操作困难，字号过小
药物提醒功能不够智能
缺乏情感化设计，用户焦虑感强

改版前

冷色调界面，信息密集，操作步骤多，中老年用户反馈"看不清、不会用"。

改版后

温暖色调，大字号，简化操作流程，加入鼓励性文案与友好的插画元素。

03 · 设计目标

设计目标

用温暖、亲和的视觉语言降低医疗产品的心理门槛，提升中老年用户的使用体验与用药依从性。

大字号、高对比度，降低阅读负担

温暖色调替代冰冷的医疗白

一键录入，操作步骤极简化

可视化趋势图替代数字表格

激励式打卡提升用药依从性

04 · 前期调研

前期调研

糖尿病患者王阿姨

58 岁，每日需记录血糖，对手机操作不熟练

高血压患者李叔叔

62 岁，经常忘记吃药，子女希望远程关注

患者家属小陈

32 岁，希望远程查看父母健康数据

竞品分析

分析丁香医生、薄荷健康、血糖高管等 8 款竞品的信息架构与交互模式。

核心洞察

核心发现：用户最在意"看得清"和"操作少"，情感化的鼓励反馈能显著提升粘性。

05 · 规范输出

规范输出

色彩体系

Primary

Primary-L

Primary-D

Warm

Alert

Danger

BG

Text

字体层级

H1今日健康

H2血糖记录

Body您今天的血糖值正常

Caption上次测量 2 小时前

组件库

底部导航栏
健康数据卡片
用药提醒组件
趋势折线图
快捷记录按钮
成就徽章

间距 Token

4px

8px

12px

16px

24px

32px

06 · 方案展示

方案展示

高保真界面展示 — 以「温暖守护」为核心理念，覆盖健康管理全链路。

核心界面 — 首页与数据录入

今日健康指数 92

血糖

5.6

mmol/L · 正常

血压

128/82

mmHg · 偏高

今日待办

晨起测血糖已完成

午餐后服药12:30

晚间散步19:00

首页健康概览：顶部渐变健康指数卡替代冰冷数字，中部血糖/血压用卡片式分区展示，底部代办清单结合打卡机制，用16px大字号确保中老年用户清晰阅读。

← 记录血糖

5.6

正常范围

空腹

餐后2h

睡前

保存记录

一键录入：大号环形刻度盘滑动输入数值，默认智能识别时段（空腹/餐后/睡前），一步即可完成记录，将原本5步操作压缩为1步。

用药提醒与健康趋势

用药提醒

二甲双胍午餐后

500mg · 1片 · 12:30

降压药晨起

已服用 ✓

维生素D

1粒 · 18:00

用药提醒 — 分时段卡片

血糖趋势

7天

30天

90天

4/22 4/28

健康趋势 — 可视化折线图

健康成就

🏅

连续打卡 7 天！坚持服药记录，您做得很棒

分享成就

激励打卡 — 成就解锁

家庭成员

👴

爸爸

血糖 5.8 · 今日已服药

👵

妈妈

血压 135/88 · 待服药

家庭成员 — 远程关怀

温暖色调策略

用薄荷绿+暖杏色替代传统医疗冷白，降低"看病"的心理压力，传递"健康生活伴侣"的产品定位。

大字号可读性

正文16px起步，核心数据24px+，卡片间距充足。通过WCAG AA级对比度校验，确保中老年用户无障碍使用。

激励式依从设计

用药打卡 → 连续记录 → 成就徽章 → 家人点赞，四步闭环激励机制，将用药依从性从 58% 提升至 93%。

07 · 交互/动效

交互 / 动效

核心操作流程

01

打开 APP

02

查看今日概览

03

记录血糖

04

查看趋势

05

完成打卡

动效演示

数据录入

成就解锁

页面切换

08 · 落地成果

落地成果