兰亭妙微ui设计公司分享:医疗软件怎样把预约、资料和确认连起来

医疗软件里的一次预约,往往会经过服务选择、资料填写、时间确认和结果查看。每个页面单独看都不复杂,真正容易让人停下来的,是页面之间的联系:刚才填过的信息是否还在,选中的时间属于哪一天,完成以后去哪里查看。dpopstudio近期分享了GoDoc相关的界面设计文章。兰亭妙微以此为阅读入口,围绕一个假设的预约场景展开设计观察;文中不把视觉样稿当成上线验证,也不将预约规则当作临床建议。

首页先帮助读者辨认当前任务

假设一位用户打开应用,只想查看已经约好的服务。此时首页如果把推荐内容、医生列表、健康资讯和订单都放在同等强度的位置,用户就需要重新学习怎样走到自己的任务。可以先区分正在进行的事项和探索性的内容,让预约记录、待补资料和服务入口各有清楚的位置。

原文GoDoc主视觉:浅色医疗首页和引导画面,可观察入口层级与整体风格。

原文GoDoc主视觉:浅色医疗首页和引导画面,可观察入口层级与整体风格。

这里值得讨论的不是首页应该放几个卡片,而是每个入口能否说明进去以后做什么。“我的”与“记录”这样宽泛的名称,在内容少的时候似乎够用,随着功能增多就可能失去辨识度。标题、简短说明和状态应共同帮助读者判断,不必靠记住图标颜色寻找预约。

如果产品同时服务患者与机构人员,还需要区分两类人的任务。患者关心自己的下一步,接待人员可能需要处理一组预约。可以复用部分视觉组件,却不宜直接复制同一张首页。本文借移动端画面讨论信息衔接,并不把它归为医疗设备操作界面或医生工作台。

引导语和表单,使用同一套说法

引导页通常用简短语言介绍服务,真正进入表单以后却容易换成另一套术语。以预约资料为例,前面写“选择就诊人”,后面如果突然变成没有解释的“受检对象”,用户就要猜测它们是否指向同一个人。页面之间的词语一致,是比统一圆角更基础的连接方式。

这张原文配图实际是三张引导页;适合观察图文和下一步入口,并不是医生详情页。

这张原文配图实际是三张引导页;适合观察图文和下一步入口,并不是医生详情页。

填写内容也可以按任务分组,而不是照着后台数据库的字段顺序排列。先表达这一组信息用于哪一步,再让用户输入相应内容。已经确认过的信息可以回显,允许修改的字段给出入口;不能修改的内容则说明原因。不要让一段看似普通的灰色文字,同时承担说明、输入和状态三种角色。

设计评审时可以准备两份不同的示例资料,检查姓名较长、资料未补全和中途返回时的情况。若用户改了就诊人,哪些字段需要重新确认,也应在流程里表达。下文的这些场景是独立的应用示例,具体字段与使用权限需依据真实服务流程核对,不能从一套UI展示直接推定。

主题换了,状态的含义不要跟着变

浅色与深色页面可以有不同的背景和亮度,但“待处理”“已确认”“已取消”等状态的含义应保持稳定。除了颜色,还可以配合状态文字、位置和操作入口说明差别。仅靠一种紫色或一个小圆点表达完成状态,会让截图转发、低对比显示和快速浏览时的辨认变得困难。

原文深色医疗首页展示;可以比较主题与入口层级,不把它描述为完整预约矩阵。

原文深色医疗首页展示;可以比较主题与入口层级,不把它描述为完整预约矩阵。

同一个字段也要在不同页面保持一致的表达。预约摘要中的日期、时间和服务名称,应该能与列表、详情和通知对应起来。若系统涉及不同地点或不同时区,时间的展示规则需要显式定义。不要等到最后一个确认弹层才第一次告诉用户,前面选择的时间使用了另一种口径。

可以沿着一条预约记录做横向检查:列表里怎样识别它,详情页怎样解释它,修改后怎样显示新信息,取消后又保留哪些内容。把这些画面放到同一个评审页,往往比逐页检查更容易发现不一致。视觉统一在这里服务的是信息确认,而不仅是品牌风格。

确认页应该支持核对,也支持返回修改

提交前的确认页可以把“本次要完成什么”重新汇总成一段容易核对的信息:服务对象、服务项目、机构或人员、日期时间,以及需要用户明确知晓的事项。它不是再展示一次所有表单字段。读者应该能快速定位需要检查的部分,并通过清楚的修改入口返回对应位置。

AI概念示意:预约摘要、号源状态与改约入口的组合,不是GoDoc原作截图。

AI概念示意:预约摘要、号源状态与改约入口的组合,不是GoDoc原作截图。

号源发生变化、资料还没上传完或网络中断,都值得在设计稿里留出画面。先说明当前结果是否已经产生,再给出可继续的动作。避免在用户不确定是否提交成功时,只显示一个重新开始的按钮。若需要再次提交,也要让用户理解上一次操作处于什么状态。

完成以后,页面可以说明记录保存在哪里、之后如何查看或修改。接待人员使用的管理端则可能需要显示处理负责人和跟进状态。这两类结果页的关注点不同,设计时先确认使用者,再安排信息。预约流程的顺畅,往往来自这些看似普通的衔接细节。

看医疗类UI,我们更愿意沿着一条具体事项,从入口一直翻到结果。首页漂亮只是开始;资料有没有延续、时间能不能核对、变化之后还能否继续,才构成完整的使用感受。这也是医疗行业软件UI界面设计中值得反复讨论的部分:让信息跟着任务走,让每一步都有可理解的去向。

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档