用户界面设计 & 用于医疗应用程序的模式库

认知/健康应用

关于cogn/ Healthinote应用

Cognitant 通过加深对自身状况和治疗的了解,使人们能够控制自己的健康. 在生产创新健康信息和经验方面的专家, 认知者运用视觉, 沉浸式和交互式格式,以推动患者行为和结果的变化.

认知也是背后的力量 Healthinote,是获取可信健康信息的首选来源. Healthinote使医疗专业人员能够通过共享“信息处方”来优化患者护理,并且已经连接了超过3个,在英国有超过三千万的人.

行业

时博体育官网所做的


他们需要什么

cognantant已经在市场上推出了这款应用的早期版本, 他们最初的要求是一个新的UI设计和模式库,既适用于本地(iOS)应用程序,也可以通过标准的web浏览器(桌面)访问新的渐进式web应用程序(PWA)版本。. 

Healthinote app包含大量的VR和视频内容, 但现有用户从患者那里得到的反馈是,一些内容过于临床化,实际上让他们不愿意使用这款应用.  同样的, 因为患者在寻求健康信息时经常会感到焦虑, 作为新UI设计的一部分,时博体育官网还推荐了一个“3D角色”,以帮助提供更可靠的内容, 富有成效和积极的经验. 

最后, 因为cognantant希望在他们的其他数字资产(如公司的网站)中重用应用程序中使用的设计元素, 社交媒体, 等), 需要一个模式库. 这也将确保随着应用程序的用户基础日益全球化,设计能够转化并保持可信度.

记住这一点, 时博体育官网不仅要创造一个更现代的, 灵活的, 欢迎用户界面, 而且对于医生/卫生专业人员和病人来说,这也是一种更容易获得的服务.

时博体育官网为他们做了什么

作为iOS版本的 Healthinote app已经被许多用户采用,并且有一个UX顾问已经进行了一些可用性测试, 用户反馈已经可以帮助指导时博体育官网的UI设计决策. 

不需要专用的用户体验设计阶段——在护圈的基础上和工作的延伸Cognitant内部团队——时博体育官网交付一个完整的设计改革现有的iOS应用程序,提供资源帮助Cognitant开发人员开发新的PWA /桌面版-在持续, 包括:

  • 一个品牌刷新

  • 线框图 & 原型(新 & 现有的)页面流和设计

  • 推荐一个新的“3D角色” 

  • 用户入职流程设计

  • 本机和PWA应用的详细UI模式库和样式指南

品牌发展

当cognantant第一次向时博体育官网提出他们的要求时,他们已经有了基本的要求 Healthinote 这个logo曾影响了App的第一次迭代. 然而,他们的品牌形象并没有很好地转化为数字产品,需要更新.

尽管他们热衷于直接重新设计UI,并编译重新设计后的组件库, 时博体育官网首先建议解决品牌标识和一些时博体育官网在应用上看到的易用性问题,然后再进一步发展, 因为这将为接下来的一切指明方向.

作为视觉识别重新设计的一部分,时博体育官网建议采用一种新的(蓝色)配色方案,这种配色方案也更常与“医疗保健”联系在一起,从而增加用户对应用程序的信任度.  一种新的橙色色调也被引入作为一种强调——引入了一种强烈的二次色彩,同时提供了对原始品牌色彩的点头.

这种新的互补色组合现在只允许时博体育官网在以后创造更大胆的UI设计, 但也使时博体育官网在顺应新潮流方面取得了恰当的平衡 NHS数字技术评估标准(DTAC) 同时保持可用性和设计完整性,符合cognant自己的最低可访问性要求(AA). 

时博体育官网也借此机会提出了改进的建议 Healthinote 标志,使其更现代,灵活,并符合他们的提供. 标识的目标是更好地服务于其数字应用程序(作为一个应用程序图标),并更好地与cognantant希望用户联想到的价值观和整体体验相一致 Healthinote 品牌. 

新的标志设计在右边

高保真UI模型

cognantant很想知道应用新品牌后,这款应用会是什么样子, 创建了一些UI模型来显示用户界面设计将如何改变.  时博体育官网还提供了如何在应用程序的不同方面应用新颜色的建议. 这些模块细节页面的设计构成了UI其余部分的方向设定器.

与他们的用户体验顾问密切合作,理解并重新设计应用程序中的新用户旅程, 然后,时博体育官网能够创建更多的高保真设计,包括核心页面的特定内容.

因为cognantant非常渴望看到新的界面设计, 与其他项目相比,时博体育官网在项目早期就开始关注UI.

时博体育官网在这部分设计中面临的一些挑战是:

  • 针对PWA和本机应用程序与桌面PWA版本之间的移动显示可用屏幕面积的巨大差异进行设计. 由于监管方面的原因,时博体育官网有大量的内容,时博体育官网需要创造出能够工作的设计,并适应从更大的桌面显示到更小的桌面显示, 更加严格的, 的. 

  • 明确区分不同类型的内容-在格式(e.g. VR,标准视频vs书面视频)和所有权(cognantant拥有vs策划合作伙伴)

  • 在流程中找出哪些地方可以提示用户有机会注册. 时博体育官网的目标是让用户创建一个帐户,以获得应用程序的全部价值,但在要求他们创建帐户之前,时博体育官网需要为他们提供足够的价值. 这将增加用户在收到提示时注册的机会.

在Miro页面流的截屏

在这个阶段, 时博体育官网还建议用一个新的说明性设计取代原来应用程序中的临床图像和视频方法.  这种新的程式化的方法满足了重新品牌的要求, 同时也让图像保持“代表性”而不太“卡通化”——所以看起来真实而不太真实. 在用户测试过程中,用户指出临床图像的新方向远没有那么“可怕”.

3 d人物发展

时博体育官网考虑引入某些形式的角色,作为用户在应用中的向导. 这将使体验更友好,并欢迎新用户和回访用户.

确保角色对应用来说是“可信的”和“相关的”, 时博体育官网建议使用人类角色(而不是动物或更抽象的东西)——这也最符合应用程序被视为“有风度”的要求。. 时博体育官网制作了一个简短的灵感板来告知这个角色的设计

然后角色将被用于应用的其他领域(例如 搜索 着陆 Page)来创造更有凝聚力的体验,并建立信任.

用户新员工培训 & 其他应用程序工作流程

随着新的视觉设计特征的确定和一些主要页面完成, 然后时博体育官网将注意力转向了审查信息架构(IA)。, 解决用户进入“死胡同”的问题.  时博体育官网还为用户引入了一种新的方式来“添加内容”到他们自己的应用程序库,并管理这些内容出现的顺序.

由于新用户可能希望开始使用的场景有很多 Healthinote 应用程序(e.g. 全科医生转诊, 建议, 个人应用商店搜索), 时博体育官网还创建了一些开机界面,可以帮助用户在他们第一次使用应用程序时找到他们的方法——与他们的应用程序的起始点对齐.

UI模式库设计

与设计工作本身并行, 时博体育官网编写了一个全面的模式库和风格指南,其中包含了详细的信息和例子,说明了如何使用和调整时博体育官网将在移动和桌面版本中使用的设计 Healthinote.

在一次开发交接会议上,该项目被移交给了cognantant的开发团队. 模式库和样式指南将告知并支持本机和web应用程序的新设计的实现——这些新设计正在分阶段推出. 这项工作还确保他们拥有所有他们需要的信息,以便在他们的营销网站上实现相同的外观和感觉.

结果

在实施新设计后, 使用该应用程序的临床医生数量从数百名医生急剧增加到14名以上,000名医生 目前英国有1700家诊所在使用这项服务.

来自用户的反馈也反映了应用程序的可用性改善:

  • “它很容易阅读,所有内容都被分解成易于管理的块。”

  • “界面很棒,加载速度也很好. 这是个好概念.”

  • “我喜欢医生——他带来了独特的感觉. 健康可以很严肃,所以我喜欢轻触. 甜蜜又简单,不太复杂. 健康问题可能会变得很复杂,所以让人们理解它是关键。”

新的cognantant网站现在也已上线,不仅在网站和应用程序上提供了一个更紧密的品牌标识, 而是从整体上改善了用户体验.

Fruto帮助时博体育官网时博体育官网的应用变成了一个现代的、用户友好的界面. 重新设计增加了时博体育官网在品牌和产品中寻找的令人惊叹的因素. 用户反馈显示,新界面的人性化得到了压倒性的积极响应. UI模式库“面向未来”的平台开发,并为时博体育官网的营销网站设置了视觉风格.


时博体育官网能帮上什么忙?

如果你有一个项目,有任何问题或者你只是想打个招呼,请联系我! 时博体育官网希望收到你的来信.

取得联系
友情链接: 1 2 3 4 5 6 7 8 9 10