我把健康管理看作一段由日常记录、预约和信息回看组成的体验。一次测试之后,用户还可能想找医师、准备资料,或看看上次问诊留下了什么。Apricot App 的设计围绕这些不同的使用时刻展开。
Apricot App(友杏)是 Apricot AI 面向用户(病人)的工具,连接预约问诊、九型体质测试、每日自测,以及接收问诊病历药方。2025 年,我围绕这些任务进行业务逻辑、用户体验与界面设计。

Apricot AI用户健康管理App
业务逻辑 / 用户体验 / 界面设计 2025
我把健康管理看作一段由日常记录、预约和信息回看组成的体验。一次测试之后,用户还可能想找医师、准备资料,或看看上次问诊留下了什么。Apricot App 的设计围绕这些不同的使用时刻展开。
Apricot App(友杏)是 Apricot AI 面向用户(病人)的工具,连接预约问诊、九型体质测试、每日自测,以及接收问诊病历药方。2025 年,我围绕这些任务进行业务逻辑、用户体验与界面设计。
我按首次探索、准备就诊和持续回访来理解同一个人的不同需要。前者需要亲近感,中间阶段需要清楚的安排,回访则需要熟悉的位置与记录。首页作为共同起点,可以容纳不同的使用节奏。
| 任务场景 | 用户想完成什么 | 可能的理解阻力 | 设计回应 |
|---|---|---|---|
| 初次了解 | 看懂产品能提供什么,再决定是否测试 | 体质术语陌生,不清楚投入后能获得什么 | 首页四个任务入口,体质介绍与专属形象预告 |
| 准备就诊 | 找到医师、确定时间、提前说明情况 | 诊所与医师选择交织,不确定预约是否完成 | 搜索与最近沟通入口、时段选择、预约详情、在线预诊 |
| 持续回访 | 查看历史问诊信息,继续日常记录 | 内容、测试与医生记录混在一起,难以判断来源 | 体质专属内容、每日自测、按医师与时间组织的病历 |
我把“现在想做什么”放在入口层,把“当前进展如何”放在详情层。首页先给方向,预约和病历再展开具体内容。这样做,也是为了让轻量浏览与明确任务在同一套界面中自然共处。
日常使用可以从认识体质进入,也可以直接开始每日自测;就诊则从预约入口独立开始。我用两条路径组织这些任务,让用户根据当前需要选择起点,无需为了预约先完成一整套自测。
两条路径对我来说也是两种内容节奏:日常内容可以轻一些,预约信息则更集中。它们通过共同的导航、卡片和按钮样式保持联系,让用户从浏览进入具体操作时,仍然觉得熟悉。
我用形象轮廓和“解锁”入口,为首次进入建立一个具体的期待。四个常用功能仍然集中在首屏,下面再展开内容。页面既能直接开始任务,也给想先了解产品的人留一点探索空间。
人物形象是这组设计里比较有温度的一部分。我希望它帮助用户记住体质分类,也让第一次打开产品时的感受更轻松。专业说明与行动入口则保持独立层级,亲近感和清楚的表达可以同时存在。

我把九型测试、每日自测、预约和病历集中在首屏,再向下安排角色和文章。功能区更紧凑,内容区更舒展,角色预告成为两者之间的视觉连接,让页面同时拥有明确方向与一点探索感。

我用分类示意与大图建立第一印象,简短介绍跟随其后,底部按钮承接开始动作。图形负责让抽象分类更容易接近,文字负责补充理解,整体保持轻柔的阅读节奏。

我让角色、名称和相关工具共同构成专属页面。角色是第一眼的识别点,信息卡片则把内容逐层展开。这里的设计目标,是让完成测试之后的页面有自己的性格,同时与首页保持关联。
用户未必能一次准确表达自己的感受。我将问答、影像采集与结果阅读分开组织:问答使用固定选项降低表达门槛,拍摄页提供构图指引,结果页保留输入记录,便于回看。

我让顶部进度、固定频率选项和底部“下一步”形成一条清楚的阅读线。每道题沿用相近的控件尺度和位置,内容变化时,操作方式仍然熟悉。交谈辅助入口也保持在相同的视觉语境中。

我将姿势说明与轮廓示意放进取景区域,让图形指引贴近动作发生的位置。相册与翻转入口保持次级强度,拍摄动作成为视觉中心。页面在这一刻只需要集中完成一件事。

我用“现状—问题—结论”的标题结构组织结果,下面保留输入记录供回看。这里讨论的是长内容的排版方式:先给阅读入口,再展开段落,用稳定的卡片边距与文字层级承接信息。自测内容与医生记录保留各自的来源身份。
我保留搜索、诊所与医师切换、地区选择和最近沟通几种入口,因为寻找医疗服务的起点并不相同。有人先知道地点,有人先知道医师,也有人只是想延续上一次联系。我希望这些路径在同一个列表框架里自然展开。
我将预约理解为“找谁、去哪、何时”三组信息。医师主页先建立人物与地点的联系,日期和时段再通过独立页面展开。每一步的视觉重点更集中,整体又沿用一致的控件和选中态。

我把“最近沟通”放在新的搜索与列表之前,让已有联系和重新寻找都有入口。地区、地址与人物信息共同建立识别线索,卡片之间保持相近的密度,方便连续浏览。

我让医师信息、坐诊分馆和预约服务在同一页形成关联。人物区建立识别,地点区展开具体安排,底部电话与线上预约形成主次清楚的操作组。

我用日历、时段和选中状态组织时间选择。日期和时段分别占据清楚的区域,再由一致的强调色连接当前选择,让整个过程有逐步展开的节奏。
我让预约成功页同时承接两件事:确认已有安排,以及介绍在线预诊。成功提示先建立结束感,预约摘要提供具体信息,预诊入口再开启下一段准备。通过位置和视觉强度,让这几个层次自然接续。
我把预诊看作一次信息整理:用户通过表单表达情况,报告再把这些输入组织成便于阅读的资料。表单与报告因此可以有不同密度,但沿用相同的标题和分组逻辑。
完成一次预约并不足以让用户持续回来。首页需要一个轻量的回访入口,病历则要在真正需要时容易找到。我用专属内容延续首页体验,再以独立病历列表承载需要核对来源的医生记录。

我让回访时的体质角色出现在熟悉的位置,再连接专属内容和工具。位置不变、内容延续,使首页能够回应不同的使用阶段,也让角色成为持续的识别点。

我用医师、机构与时间组成记录单元,头像和姓名提供快速识别,文字沿统一列展开。不同长度的信息共享相近的行距,让多条记录放在一起仍然容易扫读。

我将结果、医嘱与医生信息放进不同信息面,用标题和间距区分内容。相比日常内容页,这里更强调安静的阅读感,以及记录来源与时间的清楚位置。
我让青绿色贯穿主操作、选中态和关键入口,紫色更多出现在体质角色与专属内容中,暖色作为辅助。这种分工让操作与个性化内容各有辨识度,又能在一套轻柔的界面中相处。
对我来说,设计系统还包括内容的写法。时间、名称、占位内容和报告标题采用相近的表达方式,会让组件组合起来更自然。这些细节和圆角、字号、间距一样,都值得在交付时认真整理。
这组页面让我一直在做两种尺度之间的取舍:角色与插画可以更有情绪,预约与记录则需要更稳定的信息秩序。我希望视觉变化围绕内容展开,而不是每到一个模块就换一种设计语言。
| 设计层次 | 我的处理思路 | 希望形成的感受 |
|---|---|---|
| 主要入口 | 图标、名称和固定位置共同建立识别 | 打开后有清楚的方向 |
| 角色与内容 | 用专属形象、配色和内容摘要延续状态 | 日常使用有亲近感 |
| 选择与表单 | 控件一致、相关字段成组、主操作突出 | 逐步填写有稳定节奏 |
| 报告与记录 | 摘要先行,正文分组,身份与时间相邻 | 长内容也有阅读起点 |
| 跨页面细节 | 统一文字层级、边距与状态表达 | 切换任务时依然熟悉 |
我比较看重的,是这几种感受能不能同时成立:轻松开始,清楚操作,安静阅读。它们不需要完全一样的版式,但需要共享一套足够稳定的视觉基础。