蓝蓝设计-ui设计公司-界面设计案例作品

泛亚高科-光伏电站控制系统界面设计

html前端 | 交互设计 | 视觉设计 | 图标设计

泛亚高科(北京)科技有限公司（以下简称“泛亚高科”），一个以实时监控、高精度数值计算为基础的科技公司， 自成立以来，组成了以博士、硕士为核心的技术团队，整合了华北电力大学等高校资源，凭借在电力系统内多年的工作经验， 研究并致力于帮助客户解决在风电、光伏领域内的实时监控、大数据、电站科技运维、数据挖掘、功率预测及控制、 故障诊断等问题。

设计前期，蓝蓝设计通过问卷调查方式确定客户风格和喜好，并和客户沟通页面交互逻辑和优化方法，确定交互方式后，再进入视觉设计阶段，这样可以快速确定设计方向，节省大量时间。视觉设计方面，蓝蓝设计尝试将2.5d图标融入界面设计中，通过立体化，场景化的图标，更加直观地展示出产品功能属性和使用场景，为光伏电站UI设计方向提供蓝蓝的设计方案。

产品定位

光伏电站控制系统用于监视各分布式光伏电站各系统和设备的运行数据，对系统和设备进行远程控制。产品定位是为分布式光伏电站、远端集中控制中心提供设备远监控，设备控制，设备告警，数据统计，决策支持等可视化，专业化服务。

目标用户

系统主要面向光伏电站站内运行人员、集控中心运行人员及有权限的其他远端人员操作，使用场景相对单一。目标用户具有强大的专业背景知识，熟悉站内硬件设备，对系统专业化，便捷性要求较高。年龄分布多在20-40岁之间，熟悉计算机操作。

设计风格

整体设计风格采用极简设计，综合运用情感化设计理念，场景化设计思维，立体化视觉表达手法，为用户提供高效便捷，专业直观的系统界面。设计过程中，注重信息本身的展示，功能至上，尽量减少不必要的视觉干扰和冗余信息，打造展示专业，操作友好，交互有趣的工业控制系统。

聚焦数据展示，明确视觉焦点

发现问题
产品初始原型图由客户提供，拿到原型图后，经过团队认证讨论分析，发现首页部分存在数据展示不清晰，图表选区不恰当，无法准确反映数据的类型等问题。我们随即与客户进行沟通并通过用户访谈佐证问题发现的问题，发掘更深层次的不足，并思考优化策略。

解决问题
经过用户访谈后我们发现，原型界面中确实存在用户不关注的冗余信息，而更为核心的「发电量信息」「排放信息」「功率信息」未能体现在原行中。 蓝蓝团队将收集到的信息梳理整合后从以下几个方面优化页面：
1.核心数据突出显示-页面内容区通过图标+文字方式展示用户关心的核心数据，取消原型图中「装机」「经纬度」「安装角度」等冗余数据，明确用户视觉焦点。
2.明确数据内容，合理表现数据-每个图表数据都对应其自身的属性和价值，我们在每个数据模块增加模块标题，优化数据表现方式，利用柱状图表示对比，折线图表示趋势，强化页面引导性，指示性。"

部分图标状态

创新的视觉设计

逆变器视图界面需求变更比较大，围绕逆变器这一核心部件，增加很多前后环节中实时数据信息，但展示本质并未发生变化。

针对数据信息发生的变化，我们使用“场景化设计原则“，用立体图标方式绘制出从”光伏板-逆变器-交流汇流箱“发电原理图，把数据展示在对应的环节中，形成可视化的实时监控图谱。；其余与发电流程无关的数据也均以图标+文字的形式展示页页面右侧。

通过流程图+数据展示这种创新的视觉展示方式，将原本晦涩的数据更加直观，清晰地表达出来，体现出产品的专业性，交互的友好性，升华产品的价值。

情景化的设计

工业控制系统由于其特有的专业性和使用场景，需要大量图元作为辅助显示，蓝蓝设计在系统设计之初就将场景化设计和情感化设计融入系统设计中，把设计图元用立体化形式表现，形成模拟实际的工业场景，让用户使用系统是眼前一亮，减少用户初次使用系统时的恐惧感，减轻用户认知负担，提高操作和信息获取效率，为行业发展贡献蓝蓝智慧。

其他典型页设计