DocuVerse将地图、专业人员介绍和日程放在白色卡片中,以绿色突出选择与预约。头像提供识别线索,服务卡和费用则补具体条件。健康服务预约设计的重点,是让地点、人员、服务和时间始终指向同一个选择。
核心结论
- 地图与文字卡片共同保持所选服务身份。
- 日程摘要和不同数据卡应各自说明对象与范围。
地图卡片补充具体服务
地图以头像和其他图标标记位置,搜索与筛选放在顶部,底部卡片列咨询类型、姓名及评分。地图说明空间分布,卡片解释所选对象,二者有明确分工。
选中标记与卡片宜同步更新,并重复名称或位置。头像只能帮助认人,不能说明专业范围;评分也需要来源和对应服务。界达设计更偏好用卡片保留文字身份,让地图缩放后仍能确认当前选择。
地点查找还应保留手动输入方式,定位是查找条件之一。选择之后,地点与服务身份一起带到详情,才不会进入介绍页后重新猜测是不是刚才那一项。

日程把条件集中到预约前
介绍页将姓名、单次费用、地址放在Schedule前,日程下方再接Book Appointment,电话与消息独立在旁。信息顺序适合先了解对象,再选时间,最后继续。
头像、浅底日期与黑色时段各有视觉差异,应分别解释可选、已选与不可用。完整年月、时间依据及服务时长也应靠近选择区,使用户能复述一个具体预约。
提交前摘要宜同时写服务、人员、日期时间、地点与费用。电话或消息表示沟通,并不等同于预约已成立;预约结果需要明确状态及修改入口。

统一卡片不等于统一任务
组件板展示心率、血压式数字、群体统计、报告与AI更新入口,圆角白卡、绿色重点和立体小图标保持家族感。作为组件语言,它们可以用共同间距和字体形成秩序。
个人读数需要对象、来源和时间,群体统计需要范围,产品更新则是系统动作。实际页面宜按任务分区,不因组件外形统一就把所有卡堆成通用首页。
报告入口可先明确生成谁、哪段时间的内容,再继续查看。品牌色负责视觉一致,标题与字段负责解释每张卡用途;这样同一套组件可以用于不同场景而不混淆信息。

常见问题
地图头像足以确认服务吗?
还需服务类型、名称与位置,选择后由卡片持续显示身份。专业范围与评分也应有相应说明。
预约确认摘要需要哪些字段?
服务、专业人员、完整日期时间、地点、费用及预约对象,提交后应说明当前状态。
设计检查清单
- 地图选中项对应下方卡片。
- 时间选择有完整日期与状态。
- 数据、报告和更新任务分区清楚。
整理查找与预约之间的核对
健康服务平台可先统一地图卡、详情和预约摘要的字段,再安排数据卡与报告入口。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。