400-700-1307

UI设计规范合集:重要性+用户体验等

2019-01-26 16:59

有幸在刚入部门时就参与设计规范制定,前前后后大概花费一个月时间。本篇文章结合亲身参与的制定规范项目,围绕:1,设计规范的重要性;2,制定规范的时机;3,制定的过程和后续工作这几个方面来总结和分享。

<a style='color:#2f2f2f;cursor:pointer;'  data-cke-saved-href='http://www.xiaozaokt.com/cat-42.html' href='http://www.xiaozaokt.com/cat-42.html'>UI设计</a>规范合集

1,设计规范的重要性

设计总监刚开始召集设计师讨论立项制作设计规范时,就有设计师提出“规范只是公司给外部看的一种噱头”,更像是体现一种公司视觉形象(VI)。其实互联网公司的产品设计规范并非是仅仅用来宣传形象的,更多用来使用、简化开发过程、使多个产品拥有一致的体验,是落到实处的东西。

在一个部门含有多个产品线的情况下,此时产品设计规范最能体现其作用。

统一产品用户体验

由于负责各个产品线的产品经理并非同一人,如果此时设计师们又是渗透到各个产品组中,那么产品之间的体验就根本让用户感觉不出是一个部门设计开发出来的。

不同产品线的产品经理交予设计师的线框图就千差万别。比如实现一个筛选功能,有的采用下拉菜单,有的采用弹窗。相同的情景不同的交互方式,先抛开各自的优劣不谈,产品之间本身就出现体验上的矛盾。产品经理间缺少沟通,而产品团队基本会按照产品经理的规划设计产品,这就造成产品间存在体验差别。

不同产品线上的设计师设计风格也存在差别。比如外观尺寸设计,配色选择。当没有独立的设计组时,产品线上的设计师均各自为政,并直接对产品经理负责,更加深化了产品间的不协调。

产品设计者没有错,只是缺少了让各个产品线之间协调统一的桥梁。通过设计师间的讨论并协商各产品线上的产品经理,制定一套规范,架起这座桥梁,让产品设计者们有参考、有准则。

方便设计开发产品

在制定设计规范的过程中,会形成统一标准控件库、页面元素尺寸规定、配色方案规定和视觉风格统一指导。设计者可以按照功能需求直接调用规范中的标准控件,按照信息结构需求调用不同的元素尺寸进行设计。很轻易便能输出高保真原型图,减轻了设计过程中对交互控件选择和信息排版的思考负担。

形成备案和文库

如同技术