用户体验设计规范与内部UI支持系统应用研究

杨帆　胡蓉　贾倩倩　王俊潇

摘 要：基于《国家电网公司 2016 年信息化建设实施意见》中提出的要持续关注基层需求、关注用户体验、关注应用成效，构建多方交流生态圈，逐步扩大地市公司观察员范围，充分发挥基层作用，推进用户体验管控工作标准化、规范化建设，不断提高公司信息系统用户体验水平的指导意见。结合企业在信息化建设过程中产品用户体验设计方面的实际需求，提出通过内部UI系统的工具保障产品设计的标准化、规范化建设。

关键词：用户体验 标准化设计 设计规范 设计组件

中图分类号：TP311 文献标识码：A 文章编号：1674-098X（2019）04（c）-0002-03

2013年，国家电网总部成立桌面可视化项目组，该项目的重点是研究软件产品的体验设计。经过一年的研究，国家电网公司在2015年正式成立了用户体验管控组。该组成立至今，一直针对国家电网公司在建及在运信息系统，进行全面的用户体验评审及评测工作。通过近3年的用户体验工作开展，国家电网公司主要解决以下3个方面问题：一是有效促进了“以用户为中心”的用户体验理念在各单位的推广；二是公司信息系统用户体验整体质量略有提升，管控工作成效初步显现；三是公司主要研发厂商均已意识到用户体验管控工作的重要性，目前研发厂商正逐步加强本单位内部的用户体验管理。

为进一步统一信息系统风格，提高交互操作友好性，增强功能性能体验，降低用户学习成本、缩短厂商培训周期、提高员工工作效率，国家电网公司将常态化开展用户体验管控工作，并通过成立的公司级用户体验专业机构提供必要资源环境及相关制度规范支撑，最终实现公司信息系统用户体验质量的持续提升。

启明星用户体验设计规范研究与内部UI支持系统研发项目，以用户体验为核心开展工作，工作内容包括视觉设计、交互设计以及前端制作3个方面，重点是形成规范化、系统化的一系列通用设计组件。通过设计规范保证用户体验设计成果的有效性及可靠性，并不断优化组件库来提升产品或信息系统的可用性及易用性，最终达到提升用户工作效率的目的，实现国家电网公司对用户体验设计工作管控的最根本价值。

国家电网公司将进一步提升信息系统整体用户体验质量，全面提升用户体验工作意识，促进“以用户为中心”工作理念推广，实现信息系统用户体验质量的有效提高。启明星用户体验设计规范研究与内部UI支持系统研发项目，将为国家电网公司构建完善的用户体验制度规范体系提供有力保障。将国家电网公司的精神落到实处，理论与实践结合，针对国家电网公司信息化特点，制定必要的设计标准规范，实现设计有据可依，管控公正严肃。为国网公司信息系统的用户体验提升工作，起到良好的示范作用，同时也为启明星公司研发的软件系统，塑造用户体验良好的品牌形象。

1 概述

随着国内外互联网的蓬勃发展，产品“用户体验”早已成为企业信息化建设中至关重要的一环。User Experience用户体验，是用户在使用产品（或服务）的过程中建立的一种主观的感受。以用户为中心设计就是产品设计时从用户的需求和感受出发，使产品可用、易用。基于对用户体验的研究提炼出一套标准化、规范化的设计规范，并通过建设内部UI支持系统使用户体验设计规范实现落地。研发各环节人员可通过内部UI支持系统快捷完成页面设计、配置、前端代码等环节工作。

内部UI支持系统是一个基于最新Web技术的企业级通用管理系统快速开发框架，可以帮助企业极大的提高工作效率，节省开发成本，提升品牌形象。以AOS.UED内部UI支持系统所提供的基础组件为基础，快速开发各种BS后台管理系统。AOS.UED内部UI支持系统紧贴业务特性，涵盖了大量的常用组件，基本页面模板和基础功能，最大程度上帮助企业节省时间成本和费用开支。

2 研究关键点

2.1 沉淀用户体验设计原则，形成用户体验设计规范

中国互联网发展的这15年，无数产品涌现和消亡，用户行为不断变迁。互联网产品必须通过自身不断快速进化才能适应不断变化的市场环境。人对用户体验的喜好标准并未变化，用户始终喜欢清晰、简单、自然、好用的设计和产品。今天，用户体验已成为全球互联网产品的命脉。不仅国外各互联网知名企业将产品的用户体验设计工作作为核心，如腾讯公司，产品从需求到产出，大部分时间和精力都用于琢磨和研发更好的用户体验。这也是为什么腾讯的互联网产品拥有整互联网最大用户群体的原因。2016年，中国提出“互联网+”的概念，加速传统行业像互联网行业的转型。用户体验设计理念深入到中国各行各业，并贯穿到产品研发的始终。各行业的领先企业正不断培养自己的用户体验团队，全面开展用户体验设计研究工作，不断推动企业信息化的有效发展，并直接影响到研发及技术手段创新，最终成为获得更大成效的催化剂。据国外统计，80%的软件生命周期成本发生在维护阶段，60%的维护阶段工作是由于前期用户需求不清楚导致的。所以每在用户体验设计上投入1美元，回报是2～100美元。（如图1和图2所示）。

综上所述用户体验如此重要，那么如何使产品设计尤其是含有多个产品线的情况下能够简化开发过程、使多个产品拥有一致的体验、保障产品设计的易用性和好的用户体验？

所谓无规矩不成方圆，经济社会高速发展的今天，各大企业之间的竞争此起彼伏，一套有效的管理制度及运作规范都能帮助这个企业在市场竞争中处于上游地位，如时尚快消品牌ZARA的“一条龙”服务，创立了符合企业实际情况的生产设计规范，从而帮助ZARA一步一步建立自己的时装帝国。所有规范都是为了提高生产力而制定的标准。同理，互联网行业的产品设计规范，就是将产品的一切交互行为、视觉样式都要嚴格遵从可用性原则和用户体验原则，并根据公司业务目标，制定出涵盖公司产品功能范围内的所有相关控件与相应的展示样式。设计规范能够指导团队成员高效地制作出既满足业务需求，又能让用户轻易完成目标的产品。每个公司或者团队，到了一定阶段，都需要产品设计规范来突破瓶颈，提高效率，改善产品，让产品和团队都能够轻装上阵，走得更远。

设计规范要具备明确层级和逻辑，便于其他组员查找相应内容，便于设计师日后对不同模块进行内容完善。设计规范研究的步骤为。

（1）素材积累。

将公司近几年的典型项目的设计成果，以及现有在设计初期的产品的效果图进行归纳和总结，原文件和导出文件进行分类整理，对设计过程中使用的控件和模式进行归纳，同时简单记录一些界面设计的初衷，有争议的设计点等等。及时地总结对后期设计规范的制定打下良好基础，否则很容易忘记设计初衷，找不到文件或者设计负责人等问题。

（2）会议总结。

开始制作设计规范时，需要召集各产品线上的设计师将设计结果进行汇总和提炼。这样的会议既是讨论性会议又是决策性会议，所以耗时较长，但这又是要制定設计规范的必要会议。可以预先将规范划分成各个模块，分步进行会议讨论和决议，并将不同模块对应到不同设计师来负责总结。当遇到难以解决、产品间互相冲突的问题要即时沟通相关产品负责人，当涉及到一些产品需要重大样式修改时更要即时沟通，设计组内部意见统一的同时也要得到外部支持和认可。

（3）制作。

在动手制作之前，设计师间要对规范自身的展现形式和样式达成一致。设计师按照会议讨论决议出的结果制作自己负责模块的规范。模块分为：配色，图标，字体，控件尺寸，控件交互等等，这也是内部UI支持系统提供前端代码的依据。

（4）汇总和发布。

将各部分规范汇总，再修改细节、微调排版后便可发布了。为了使规范更方便传播和阅读，将规范以网页形式呈现更为合适。我们把这套讲解规范并提供样式与前端代码的网页命名为内部UI支持系统。

设计规范是高度精简和概括的，将相同情境下的不同设计样式统一成适应性更强、更科学合理的设计样式，减少很多所谓的特殊情况设计和繁琐的重复尺寸标注。参与设计开发的组员可以结合情景直接调用适合的设计样式。当然在设计过程中会出现特殊情景，需要规范中不包含的特殊设计样式，此时设计师要单独给出设计效果图。当特殊情况越来越多就要考虑将这些情况整合，补充进现有的规范中。

2.2 建设内部UI支持系统，落实用户体验设计规范

诚然，用户体验设计规范的意义不言而喻，那么如何使设计规范能够顺利、高效、简单的落地，指导团队成员完成产品设计研发呢？常见的设计规范阅读对象是产品经理和设计人员，那么如果通过工具省去设计环节使设计规范和设计理念直接体现在已经完成的组件或页面上，团队成员都可以直接获取符合用户体验设计规范的组件或页面应用于产品中，将可以大大降低用户体验设计规范落实到产品中的难度，提高产品研发效率和便捷性。什么样的工具可以满足需求呢？企业可根据自身产品特点建设内部UI支持系统，实现落实用户体验设计规范的目标。

启明星内部UI支持系统是一套设计组件库工具，这套组件库采用Axure软件制作，设计师只要阅读完这套工具说明之后，可以很快利用它去搭建一套设计。同时我们配合前端输出前端组件库（也就是我们的内部UI支撑系统的内容），打造完整的工具集，让前端开发更快捷的同时，也让后端和其他的开发人员利用这套工具很快地搭建页面，从整体的流程环节上提升效率。

2.3 提升研发效率，统一产品设计体验

启明星用户体验设计规范研究与内部UI支持系统研发项目，以用户体验为核心开展工作，工作内容包括视觉设计、交互设计以及前端制作3个方面，重点是形成规范化、系统化的一系列通用设计组件。通过设计规范保证用户体验设计成果的有效性及可靠性，并不断优化组件库来提升产品或信息系统的可用性及易用性，最终达到提升用户工作效率的目的，实现国家电网公司对用户体验设计工作管控的最根本价值。

3 应用展望

3.1 实现产品设计标准化、工具化、统一化

多产品线并行的企业通常存在大量的用户体验问题，最常见的就是设计的不一致。交互UE和视觉UI设计师，在设计时质量存在参差不齐的现象。通过用户体验设计规范和内部UI支持系统不仅能够改善用户体验，还可以保障产品设计的标准化、工具化、统一化。

3.2 提升企业研发环节的效率和质量

多产品线的公司设计团队的人员规模要求极高，如果这些产品线的设计研发工作并行开展，设计团队人员就无法应对，必须提升执行效率才能解决这个问题。通过内部UI支持系统里的组件工具，可以快速、高效的产出符合设计规范标准的组件和页面，减少大部分重复性的设计工作，提升企业研发环节的效率和质量。

4 结语

据国外统计，80%的软件生命周期成本发生在维护阶段，60%的维护阶段工作是由于前期用户需求不清楚导致的。所以每在用户体验设计上投入1美元，回报是2～100美元。基于《国家电网公司 2016 年信息化建设实施意见》提出的公司信息化建设要持续关注基层需求、关注用户体验、关注应用成效，构建多方交流生态圈，逐步扩大地市公司观察员范围，充分发挥基层作用，推进用户体验管控工作标准化、规范化建设，不断提高公司信息系统用户体验水平。国家电网公司将进一步提升信息系统整体用户体验质量，全面提升用户体验工作意识，促进“以用户为中心”工作理念推广，实现信息系统用户体验质量的有效提高。启明星用户体验设计规范研究与内部UI支持系统研发项目，将为国家电网公司构建完善的用户体验制度规范体系提供有力保障。将国家电网公司的精神落到实处，理论与实践结合，针对国家电网公司信息化特点，制定必要的设计标准规范，实现设计有据可依，管控公正严肃。为国网公司信息系统的用户体验提升工作，起到良好的示范作用，同时也为启明星公司研发的软件系统，塑造用户体验良好的品牌形象。

参考文献

[1] 国家电网公司.国家电网公司桌面可视化设计规范[S].2011.

[2] 国家电网公司.国家电网公司移动终端业务应用用户体验工作标准[S].2015.