项目背景

UI大屏界面设计 | html前端开发

北京自来水集团朝阳营销分公司基于一体化支撑平台,研发实时数据搜集、数据上报、质量监管和决策指挥四大类数据模块,实现了调度控制业务质量的横向集成和纵向贯通,充分考虑集团业务数据多的特点和相互之间的内在联系,实现集团业务数据一体化,能够满足各用户群体查看及专业工作人员的业务需要,提高集团各分公司工作效率和监督,实现大数据可视化,支撑了自来水集团从业质量、营业收支和服务器状态的协调运作和控制。

项目初期我们做了相关用户研究和相关业务人员的业务需求沟通,蓝蓝认为对业务思路的关注和学习,有助于跳出研究的思维惯性,有意识的用做业务的思路来做研究,这也是在当下交互设计蓝蓝设计全体设计工作者努力去探索的,不仅只关注研究本身,要将更多的视角放在业务和产品层面。

视觉/交互

数据质量管理系统从业务到数据和服务器状态,本产品以数据为主的性质,在界面设计的时候需要以简洁直观与突出特殊数据项为主要的方向,每个页面颜色不超过三种,并且以对话框分版块,减少数字与地图背景的干扰。为了使用户更易于读取各营业所的信息,我们将地图以立体的形式展现,并以以亮色对话窗口以区分关系,集团下属营业所各项数据一目了然,便于用户查看。

整体颜色以深蓝色为底搭配蓝、绿、橙红、红等亮色使用这样的颜色组合,蓝色为水的颜色同时为自来水集团Vl标准色配合绿黄使用相互互补,同时蓝绿与橙绿分别是相邻色而黄色与蓝色又互为互补色,能在设计中起到关键信息点、事件强烈对比作用,以吸引用户的注意

整体界面的系统规划,各元素的协商统一,点击区域与操作焦点做好分区,使操作及时得到反馈。页面中数据元素元素重设计,尽量减少用户或领导在查看业务数据后所产生的视觉疲劳。

朝阳自来水公司大屏界面设计 朝阳自来水公司大屏界面设计
朝阳自来水公司大屏界面设计 朝阳自来水公司大屏界面设计

效果展示

朝阳自来水公司大屏界面设计 朝阳自来水公司大屏界面设计蓝蓝设计重要客户满意度调查表

返回