案例背景

放射信息系统

顺应互联网的发展，将医院放射科的检查诊断流程实现电子化、无纸化、网络化管理。提高系统工作流程的可控性，使系统配置灵活，界面风格统一，美观大方，人机交互友好，功能强大，操作便捷。

传统的放射系统在人力物力上投入大，管理成本高，页面复杂度高，用户交互体验不友好，后期维护工作繁琐。

问题1

功能杂乱/逻辑问题：相关功能之间缺乏联系，且功能无序堆积，整个系统的逻辑都要重新梳理，

问题2界面

无序无美感：基于传统的winform窗体样式，过时老旧:页面排版杂乱导致功能不明确，操作复杂，交互不友好。

问题3安装管理成本高：老式的桌面客户端应用程序，后期安装和维护成本高，需要特定的软件实施人员现场安装指导.

探索需求-明确需求

01功能整合，重新布局

在重新梳理过的功能逻辑基础上，重新布局系统，使操作简单明确，开放给用户简单的条件配置。

02确定风格提升交互

将winform风格改为扁平化风格简单大方，在交互合理简单的基础上，提升内容空间

03后续更新迭代

好的设计都需要不断的遗代，包括设计细节、功能叠加和交互优化。

探索需求-面向用户

用户年龄: PC端用户相对比移动端年龄会稍高一点，年龄层集中在35-60岁。

用户类型:放射科科室工作者-主要为技师、报告书写者.

活跃时间:技师主要活跃于9:00-17:00报告书写者大多活跃于10:00-21:00

提炼用户习惯/使用场景

医生年龄较大，长时间对着电脑屏幕，电脑操作技能普遍较低,对工作站的便捷性有着较高需求，喜欢步到位;且经常加班对着电脑书写报告到深夜(患者流量大的医院尤其)。

线下调研

在项目启动之前，我们通过实地调研和用户访谈的方式，走访了不同的角色，包括内部的产品、工程师，外部的用户、医院....大家都希望天接触的工作系统在高效便捷地传递信息的同时，也能拥有专业统一的视觉效果

产品分析

功能架构

通过调研同类竞品，发现功能基本大同小异，都包含预约、登记、技师、报告等主要模块，旨在为医院打造全链路的信息解决方案。

信息层级

但注重全方位体验，却不注重信息降噪，这么做的后果就是产品越来越臃肿，层级越来越多，对用户体验带来恶劣影响，老版本的系统就是例子

视觉表现

出于整体考虑，减少用户认知成本，保留重要功能的同时尽量精简功能，保证产品高效益用又不增加过多视觉负担。从用户体验五要素中的结构、框架、表现层入手，梳理应用的视觉调性.

改版前

通过收集到的资料，我们用第一视角去体验，分析产品的问题。最终从产品价值、用户体验和用户需求三个维度筛选出四个关键词:专业、实用、高效和新颖。

基于这些关键词做了大量的推导，将诸多零散的点聚集到一起。

我们的系统是专业的、焕然新的，希望通过屏幕传递真实有效的信息，让用户感受到我们改版的正向变化。

设计原则

让系统向高效便捷蜕变，用系统性设计美学向用户传达专业统的设计理念，用科技的手段传递亲和自然的用户体验，这三个设计原则将定义RIS医学系统未来的设计，对设计的好坏进行评判。

虽然有了设计理念和设计原则的支撑，落实到具体的设计上也不是那么一番风顺，需要考虑用户感知、业务方的要求和不同场景的诉求，最终我们打磨出完整可实施的设计体系。

颜色-情感价值的渗透

颜色作为非常重要的品牌识别要素之一，同时也为产品功能和情感价值发声。

提供专业的内容和服务是R5系统的产品功能性价值，是核心也是基础:品牌真正增加核心)安争力的部分是创造情感性价值。而重望改版的过程中，对颜色的重新定义和调整正式我们想带给用户的在表现层面上的情感性价值。

界面-高效的信息触达

如何帮助”-键化启动完成工作是我们设计的核心和最终目标，我们主张将分发入口结构化，从用户场景出发强化核心功能入口，让操作按钮重点突出，结构明确;将更多的同类型分散功能整理合并到统一入口，在工作站首页保留最符合用户实际场最操作的内容和功能。

除此之外，调整色彩搭配方式，使用中性色与主色的搭配来衬托品牌感，同时能够减少原系统大量使用灰色而缺乏层级的问题。完善栅格系统去控制页面韵律，使不同场景的页面也能保持统的美感。整体看起来更加稳定、透气，而感到轻松。

考虑到使用场景以及不同用户的偏爱习惯，系统给出了lghta dark双模式效果，切换自如。白天和黑夜都能带给用户沉浸体验。

插画-工作情境的应用

如何能更大限度的将用户代入到产品中，感受到品牌独特的情感设计，插画系统起到了至关重要的作用。以用户-医生为主角，对工作的真实场景进行绘制，参考了语雀插件提供的单线风格，轻松的表现手法制作了完整的插画组件系统。