面向孕妈的产检报告解读工具。拍一张化验单,两秒读懂每个箭头的意思——
用孕周专属参考值、用能听懂的语言、用不让人害怕的颜色。
本文档包含完整设计语言与 12 个可点击页面原型,覆盖核心功能 ①②③④。
医疗类产品的默认配色是冷蓝与纯白——干净,但也冷。孕妈打开报告时本就紧张, 我们刻意避开临床感:以奶油白打底,用低饱和的陶土玫瑰做主色, 让「正常」是柔和的鼠尾草绿而不是刺眼的绿,让「异常」是砖陶红而不是警报红。 颜色本身,就是第一层安抚。
主色。用于主按钮、当前孕周、关键强调。带灰度的粉,成熟而不幼稚。
「指标正常」状态色。比医疗绿更沉、更暖,大面积使用也不刺眼。
「需要关注」状态色。提示但不惊吓,替代传统的橙色警告。
「建议尽快就医」。刻意压低饱和度——严肃,但不制造恐慌。
衬线体让冰冷的化验数字有了温度与「书写感」,是本产品最大的字体记忆点。
卡片统一 22px 大圆角,按钮与标签一律 全圆角胶囊。 圆润度是「母婴感」最低成本的来源——没有一个直角。
阴影一律使用暖褐色 rgba(120,88,70),绝不用纯黑——纯黑投影会让暖色系瞬间发脏。
规则:先说结论 → 再说常见程度 → 最后说怎么办。永远不以数字开头,永远不以恐吓结尾。
点击左侧页面列表,或直接点击手机屏幕内的按钮、卡片、返回箭头进行跳转。所有带手型光标的元素都是可点的。
血红蛋白负责把氧气送到你和宝宝那里。102 说明你目前是轻度贫血。
孕中期开始,你的血容量会增加 40–45%,而红细胞只增加约 20%—— 血被「稀释」了,所以这个数字下降是生理性的、正常的过程。 大约 1/3 的孕妈 会在这个阶段出现轻度贫血。
这是整个产品的地基。同一个「血红蛋白 102」,在非孕期是异常、在孕中期是轻度贫血、在孕晚期可能可接受。 建档拿到的孕周、BMI、孕产史,决定了后面每一次解读用哪一套参考值、追踪哪些额外指标。
只问必要的:孕周推算方式、身高体重、孕产史。全程 8 个字段,1 分钟内完成,第二步可跳过。
每填一项立刻给回报:填完末次月经马上算出孕周和预产期,填完身高体重马上给出推荐增重区间。
甲状腺病史 → 自动追踪 TSH;剖宫产史 → 36 周提醒评估瘢痕。档案不是表单,是规则引擎的输入。
孕周环 + 宝宝大小类比 + 下次产检倒计时 + 正在关注的指标,一屏说清「我现在怎么样」。
首页最大的元素不是功能入口,而是孕周数字。 因为孕妈每天打开这类 App 的第一诉求是确认「我到哪一步了、宝宝多大了」—— 情绪价值先于工具价值。工具入口全部收在下方四宫格,不与之争夺注意力。
OCR 一定会出错,这是产品必须正视的前提。所以我们不假装「一拍就准」, 而是设计了一条「拍 → 透明地识别 → 让你核对」的路径, 把不确定性明明白白交给用户,反而更让人信任。
拍照为主,相册与微信聊天文件为辅,再兜底一个手动录入。产检报告常在家人微信里,这条路径不能少。
不用转圈 loading,而是逐条展示「图像矫正 → 识别类型 → 提取数值 → 匹配孕周参考值」,等待时顺便科普。
21O / 210 这类易错项自动标黄并给出猜测,用户点一下就能改,而不是让她逐条比对。
识别失败可转人工录入,5 分钟返回。这是留存的最后一道保险,也是付费转化的自然场景。
「核对页」是刻意保留的一次摩擦。行业惯例是识别完直接出结果,看着更聪明—— 但医疗数据错一位数就是事故。让用户参与一次确认,既提高准确率,也让她对结果产生所有权。 等待动画里插入科普内容,则把 8 秒的空白变成了产品价值观的第一次表达。
解读不是把参考范围翻译一遍,而是回答孕妈心里真正的四个问题: 我正常吗?严重吗?为什么会这样?我现在该做什么? 每一张指标卡片都严格按这个顺序组织信息。
打开先看到「整体是好的,有 2 项想请你留意」,而不是 16 行数字。焦虑在第一秒被接住。
需关注的展开详解,正常的 14 项收成一行行打勾清单。信息密度服从心理优先级。
明确标注「孕中期专属范围,非孕期下限是 115」。这是最大的差异化,必须在界面上被看见。
「每 3 位孕妈就有 1 位这样」降低恐慌;「补铁食物 / 避开浓茶 / 4 周后复查」把焦虑转化为可执行动作。
脐带绕颈、强回声灶、肾盂分离——B 超报告里的名词词典,是最高频的搜索需求。
不下诊断结论,而是生成「问医生清单」。既守住合规红线,又真正解决了「诊室 3 分钟说不清」的痛点。
每张指标卡都有一条「参考范围尺」——绿色安全区加一个圆点。
比起「102(110–150)」这样的文本,一眼就能看出「差了一点点」还是「差很多」,
这是把焦虑量化、从而缓解焦虑的关键组件。
同时,「建议就医」这一档在本页面上是 0 项,但它依然被显示出来。
让用户知道系统有能力分辨严重程度,「没有触发」本身就是一种安心。
整个孕期要跑 13 次左右医院,每次要不要空腹、要不要憋尿、带什么、多少钱、做什么, 医生不会讲,手册上写得很含糊。这一模块把它变成一条清晰的时间轴。
已完成 / 当前 / 未来三种状态,用连续的竖线串起整个孕期。进度感是最好的安抚剂。
空腹与否、憋尿与否、带什么、花多久、大概多少钱——把「过来人经验」变成产品能力。
上次血红蛋白偏低 → 下次产检自动标记「复查血红蛋白」;产检完成 → 引导上传报告,形成闭环。
提前 3 天预约提醒 + 前一晚 21:30 禁食提醒 + 当天 9:00 问诊清单提醒。提醒必须落在行动发生的那一刻。
建档 → 产检提醒 → 上传报告 → 解读 → 生成问诊清单 → 下次产检。 四个功能不是并列的四个入口,而是一个每月循环一次的完整回路。 这个回路本身,就是产品的留存引擎——它让用户在整整 10 个月里,每个月都有 3–4 次非打开不可的理由。
全部 12 个页面。点击任意缩略图,上方原型会跳转到该页。