谈谈设计规范的重要性


第一次在创业公司参与迭代产品开发,包括开发、设计、产品、运营大概五六十人,经历了几个混乱且问题重重的版本之后,才深刻体会到有一个标准的规范如此重要,尤其是一个产品线同时有多个产品并行迭代,一定要有统一的规范文档。

还原下混乱的版本迭代如果没有文档或规范,很容易引发如下沟通矛盾冲突:

背景色,改了又改?改动涉及到不同模块,改出一堆问题,最后改一次!。。。

字体字号调了又调?13pt变14pt,14又变13pt? regular变 Light, 然后Light 变 regular,到底有完没完?。。。

这个弹窗怎么这么乱,到处弹弹弹,起冲突了到底弹哪个?一个个弹还是一起弹。。。

此乃在一个产品迭代中没有统一标准,产品经理、设计师凭经验或需求使用不同控件或修改UI参数,开发收拾烂摊子之余的强烈吐槽。因此,作为一个交互设计师,连接产品和设计开发,除了按要求输出交互稿之外,还需要具备抽象和总结能力,在项目团队合作过程中,想想如何标准化工作流程也是很有必要的。

 

Q1: 规范到底有多重要?

规范≈默契

 

无论是敲代码、画原型、设计界面,还是写文档,都需要规范;无规则不成方圆,设计规范可以给产品设计开发人员带来许多工作默契。

  • 方便设计开发

铁打的项目流水的成员,规范可以保证项目接手的人快速了解工作和上手产出符合项目预期要求的内容。开发工程师希望可以有一个详细的说明文档可以帮助更准确进行估时间,提高工作效率,减少多余的思考时间,设计师希望避免冗余的无效沟通和反复低效的稿件修改。

  • 统一用户体验

不同的产品经理给出的线框图可能千差万别,实现相同功能的样式也有千万种,如果产品经理之间缺乏沟通,按照自己的方式来设计功能,选择的方案可以ABC, 没有规范的前提下随意选择极其容易带来操作方式的不统一,重复造轮子的概率极高。

设计师拿到策划稿后,不同的设计师有不同的设计风格,比如配色、样式,自由发挥的结果可能会设计出很多种不同尺寸的按钮,有些按钮看似一样,但细看长度高度圆角就是相差那么几个像素,让开发哥哥敲代码时无从下手,非常无奈。

其实产品经理、设计师并没有错,他们往往都是为了要求输出极其美观的单页面,但不同的风格的美观页面硬是糅合在一个app的不同模块里,使用起来总觉得是跳跃了n个不同app。

  • 形成备案和文档记录

从需求到解决方案可以有很多思路、想法和讨论,用户是谁?需求是什么?需要解决的问题是什么?真正的痛点又是什么?可以怎样来优化?落实到实现方案时也会画很多草图、原型来测试验证想法,功能细节是如何实现的?操作是怎样的?这期间的交流沟通不能光说没有承载物或输出,否则无法记录、分析,也不利于后续迭代。产品的迭代文档在进行后续优化、查阅时可以一目了然,具体细致地阐述了如何实现的逻辑、方案,有据可循,有图可依,而不是对着产品一遍遍把玩,回忆猜测原来的流程,甚至去看代码才能回想起来当初的样子。

因此,设计规范和文档是产品迭代开发的两辆马车,是推动项目不断往前发展不可缺的基础原料,每一个成型的项目管理流程都少不了这两项内容。

 

Q2: 规范是什么?可以干什么?

一个项目的设计过程可以类比成建造一座房子的过程,建筑有自己的模式语言,同样设计也有自己的语言系统。我们从0到1打造一个产品,等同于建筑师设计并监督施工建成一个房子,整体风格是欧式、田园风格、美式还是地中海风格?颜色风格选暖色、中性还是冷色调?……

规范也是为产品定下自己的风格基调,明确不同类样式、控件使用规则。规范可以让不同的产品经理设计出风格、体验一致的产品,避免出现每个产品经理负责一个模块,做出来的东西类似东拼西凑,不同团队做出来的窘态。

规范最简单的需要达到以下目的:

  1. 覆盖80%的主要控件,虽然业务需求琐细,细节难统一,但大部分主要控件标准要保持一致
  2. 定好标准,方便复用,考虑内容延展性,使产品后续扩展提供灵活的样式
  3. 动态更新,不断完善,很少一劳永逸的规范,随着产品业务发展和品牌升级,规范同样需要不断填充更新

 

Q3: 好的规范是怎样的?

好的规范有人认为是一套事无巨细的实用设计规范说明书,告诉使用者如何通过排版、颜色、大小、字体输出符合要求的作品,一套好的规范确实可以让参与人员提高工作效率。

  • 好的规范讲究制定适宜

制定规范不宜过早或过晚,讲究时宜,业务稳定、架构稳定、迭代稳定的产品线建立规范就恰到好处。在产品初期,只有大方向,还属于尝试功能试水的产品不适合过早建立规范,因为此时产品还在探索期,参与人员不多,很多时候产品以MVP模式在跑,此时及时沟通及时验证最重要,只有当确实找到好的产品方向之后,才值得投入大量精力去打磨去发散

  • 好的规范需要提炼

逻辑层次清晰,开发和设计人员使用时查找方便,简练但又不过于笼统,精细度与灵活度兼具。这一点很挑战设计师,首先要对所有的细节状态和样式了如指掌,另外还要具有抽象总结思维,为不同的样式寻找合适的归类,归属不同的模块,尽量使得所有控件类型样式都囊括其中。

  • 好的规范是秩序

设计师 Jessy Reed认为,这些涵盖了无数细节的设计规范手册,是“设计思维”的一种完整体现,他还说:“分类和层级以及相关组成了设计系统,我们的设计理念,一切都是相关联的。” 的确,这种细致的可能体现在一行行的字距里,分割的方式选择使用,按钮大小界定中,每一类元素都不是孤立存在的,排列在一起就是相互影响,是一个系统的秩序。

 

规范制定是一个很庞大漫长的过程,虽然设计的显示终端不断发生变化,设计平台规范也在不断变化,但是有些本质的东西却始终贯穿其中,比如设计原理和法则,只有真正理解并学会了,才能更好地运用自如。