医疗健康原型设计实战：拆解「安心养老」APP，如何用细节打动用户？

在人口老龄化加速的当下，养老类产品成为医疗健康领域的热门赛道。但很多原型设计停留在“功能堆砌”阶段——健康数据、挂号预约、紧急呼救……界面拥挤，逻辑混乱，老年人根本不会用。今天，我们以「安心养老」APP为例，从产品经理与UI设计师双视角，拆解一套真正“适老化”且商业逻辑清晰的医疗健康原型设计案例。

一、核心痛点：不是“功能多”，而是“路径短”

老年用户（或他们的子女）最怕什么？不是功能缺失，而是“找不到”“看不懂”“点错”。「安心养老」原型的第一原则是：任何关键操作不超过两步。

设计细节1：首页的“三卡一按钮”布局

• 健康卡：实时显示心率、血压、血糖三个核心指标，用超大号数字+红黄绿三色状态灯，而非传统折线图。子女端可设置异常推送。
• 用药卡：今日用药时间轴，已服/未服状态以“打勾”和“闹钟图标”区分，点击可一键呼叫家属或社区医生。
• 服务卡：整合“上门护理”“在线问诊”“送药到家”三项高频服务，图标采用拟物化设计（药箱、听诊器、快递盒），降低认知成本。
• 紧急按钮：始终悬浮于右下角，且不可被弹窗遮挡。原型中特意做了“长按3秒触发”与“误触取消”的双重防错机制。

二、信息架构：用“角色分流”替代“功能罗列”

很多医疗健康原型失败，是因为把“患者、医生、家属、护士”的需求混在一个后台里。「安心养老」采用“双用户模式”：老人端（极简模式）与子女端（管理模式），通过同一个账号体系切换，但界面呈现完全不同。

设计细节2：老人端的“语音优先”交互

在原型中，老人端首页顶部固定一个“语音助手”胶囊按钮。用户说出“我血压高”“今天要吃药”等模糊指令，系统自动跳转至对应页面并预填数据表单。UI设计上，所有可点击区域高度不低于48dp，文字对比度达到WCAG AAA标准，且默认字号为18sp。此外，底部导航仅保留4个图标（首页、健康、服务、我的），刻意隐藏“设置”入口，防止误触。

设计细节3：子女端的“风险预警看板”

子女端首页不是健康数据的复读，而是“异常事件流”。比如“妈妈今日血压偏高（8:30测量），已同步社区医生”“爸爸未按时服用降压药，已发送提醒”。每个事件卡片附带“一键处理”按钮（呼叫父母、联系医生、查看用药记录）。原型中特意用时间线形式呈现，避免使用饼图或雷达图等抽象图表。

三、视觉设计：从“医疗冷感”到“温暖可信”

传统医疗UI喜欢用蓝色、白色，但「安心养老」反其道而行，采用暖米色+深绿色的主色系。米色降低视觉疲劳，深绿传递安全与生命力。所有卡片圆角达到16dp，阴影柔和，避免硬朗的线性边框。

设计细节4：动效与反馈的“克制”

• 加载反馈：不用旋转菊花，改用“心率跳动”动画，符合品牌调性。
• 成功提示：用药打卡成功后，屏幕短促闪烁绿色光晕，并伴有轻微震动（区别于手机系统通知）。
• 错误处理：若老人连续点击无效按钮，系统自动触发��语音提示”并放大该按钮尺寸，而非弹出错误弹窗。

在原型演示中，我们还专门设计了“视力模拟模式”，方便设计师预览老年黄斑变性或白内障患者眼中的界面效果，从而调整对比度与图标细节。

结语：养老设计的本质是“尊严感”

「安心养老」的原型案例告诉我们：医疗健康产品不是数据仪表盘，而是服务关系的桥梁。产品经理要梳理“谁在什么场景下解决什么问题”，UI设计师则要克制炫技，用大、简、暖的细节赢得信任。 这份原型目前已在灵池社区获得多位一线PM的迭代建议，尤其是“家属联动”与“社区医生接入”的权限设计，值得深入推敲。

如果你正在规划智慧养老或慢病管理产品，不妨从这套案例中提取交互模式。记住，最好的设计是让用户感受不到设计的存在。

更多优质原型模板，欢迎访问灵池免费原型站 7app.cn