赞助商
立即赞助

想创建产品设计体系?来看元老级大咖的6个经验!

产品经验3年前 (2021)发布 流光
2.1K 0 0

这篇译文来自 Matt Bond ,正是知名的 Atlassian Deisgn System 的创建人,真正的元老本老。《设计体系》一书当中也有多处以 Atlassian 为例,印象非常深刻。还没有读过C版全书译文的朋友不妨一观。

想创建产品设计体系?来看元老级大咖的6个经验!

图源:Monika Pola

2012年,我启动了一个副项目:对 Atlassian 当时12款软件产品的设计模式进行标准化定义工作。在那之后的三年里,这个副项目逐渐成长壮大,并成为了我的全职工作;经过一系列的版本迭代,这个项目最终成为了大家所熟知的 Atlassian Design System。期间,我还成立了设计平台团队(Design Platform Team),专门负责对设计体系进行管理维护,并将其运用于 Atlassian 产品套件的设计工作当中。

近些年来,行业里出现了越来越多关于设计体系的讨论,我也时常被问及相关的经验与洞见(注)。无论你在考虑为自己的产品创建设计体系,还是正在进行当中,或是曾经尝试但以失败告终,我都希望这些经验可以帮助到你。

今 Asana,始系构;顾往验,它将功,从系。

一、以小为始

版 Atlassian 系含20静 HTML 件,由 Mac Pro 充。模,版控,亲组件编写 HTML,并将 CSS 导表。虽版困难,备扩展,它够展示系基;支持,并将投,逐渐摸索确。

反之,如果从一开始就考虑到各种扩展性问题,那么我们很可能需要花费数倍的时间来完成起步阶段的跨越。如果你刚刚开始构建设计体系,建议你不要沉迷于无缝、完美的流程和机制,取而代之的是简单快速地起步,验证价值与方法,并保持迭代。

二、重在质效提升,而非控制设计

如果你认为构建设计体系的目的在于防止其他人「犯错」,防止他们破坏掉只有你「有权」定义的规则,那么你们的体系构建工作很可能是在不正确的观念之下进行的。

设计体系的目标是提升团队的设计质效,帮助每一名设计师更加合理地进行设计决策。

你的工作并非将规则强加给他人并监督他们执行。反之,要将设计体系视为在公司内部实现「设计民主化」的工具。只有这样,人们才会有意愿参与其中并进行贡献。

务必记得,设计体系是一种强化工具,而非用于控制设计的监管手段。

想创建产品设计体系?来看元老级大咖的6个经验!

图源:Monika Pola

三、避免同步进行重设计工作

不要将设计体系的构建工作看作是产品重设计的契机。一边进行着体系化定义,一边对产品进行重设计,这会极大地拖慢工作进度。更合理的做法,是首先对产品当前的状况进行记录与清查,包括合理与不合理的模式在内;完成标准化定义之后,再回过头来进行优化工作。

 Atlassian,曾图模档基础。,模义档需,此基础轮迭,程轻效。

四、跨职能寻求支持

系创并课练习。终使,或法效升质效,浪。

只有让其他人了解你的工作并参与贡献,你才能得到越来越多的认同与支持。这一点对于设计体系工作非常重要。

2013年时,我们团队当中的设计师与工程师占比大约在1:15到1:20之间。直至如今,回想起这个数字,我仍然会感到惊悚;不过当时,我确实有试过将这种失衡的局面转化为工作中的优势,使工程师们更加认同设计体系相关工作。我会在新人入职当周做一些宣讲,每周有15人左右的样子;为了让他们从第一天起就能对设计体系的目标与价值有所了解,我会给他们讲一些往事,譬如我们的产品当中曾一度存在着44种下拉菜单,而如今已经标准化为一种,它的具体使用方式应该如何如何。

经过那一年的宣讲,加上 Atlassian 的规模几乎每年都会翻番,我总共帮助了将近500名新人了解了设计体系的重要性及使用方式。同时,这项工作还在潜移默化当中扩大了设计职能在整个企业文化当中的影响力。

想创建产品设计体系?来看元老级大咖的6个经验!

图源:Monika Pola

五、超越「设计规范」

设计体系不同于设计规范。创建一份包含了所有组件的 Sketch 文件或许相对容易一些,譬如所有的主操作按钮都有着相同的配色,或是统一使用8像素栅格等等。但应该在何时使用主操作按钮而非次级按钮?按钮中的文本应该采用哪种类型?主、次按钮同时出现时应该怎样布局?

设计体系必须针对这类规则性的问题提供解决方案,而不仅是记录规格规范。很多团队都忽视了这一点,致使设计体系的价值有所缺失。

,2013初,Atlassian 规模(约13)相(约300)相。确供模使规范,程独立页构。,需 Sketch 案,脑暴确功流程,或将游问题。

六、少数人负责管理,多数人参与贡献

 Atlassian 采系,允许参贡献,另月轮从抽程。月,系护贡献;月,各,系簇拥者者。

有专人负责设计体系相关工作是非常重要的。这个人(通常指我)更像是设计师当中的产品经理,他需要维护整套体系,同时又要避免营造出让人抵触的工作氛围。始终不要忘记,我们的目标是提升设计质效,让每个人都成为更出色的设计师,并最终实现团队效能与产品质量的提升。

原文链接:《The key lessons I learned creating a popular Design System》  Matt Bond

欢迎关注译者的微信公众号:「Beforweb」

想创建产品设计体系?来看元老级大咖的6个经验!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在世界范围内,Figma 已经作为主流的原型和数字设计软件而存在,和 Adobe XD 和 Sketch 相比,Figma 作为在线工具,有着更强...
Figma
设计「诱惑」绝对不是诱导和操纵用户 —— 而是在设计产品过程中给予更多用户想要的东西,甚至是用户没有想到的东西。就像原本...
情感化设计
Echo :本文将以酷狗K歌ios版(虚构)为载体举例说明,什么样的原型图才能算得上专业而细致?希望各位可以很清晰的感知这套方...
原型设计
本文针对的是从 UX 角度出发的标签系统设计,不同于数据库的标签系统设计。「标签系统」的概念来源于《信息架构:超越 web 设...
一致性原则
王M争:我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏配色,后来我索性就针对移动端...
Tab
三木自习室:转眼就到了2018年了,自从写完上一篇文章后,差不多有半年多没写自己的东西了,这半年在新的公司,新的工作岗位...
UI设计师
今天中午和一个朋友吃饭,他说他们团队最近破格录取了一个产品经理,之前没有任何行业相关经验,但就是拿了一份竞品分析报告...
B端产品
二手最近迷上了微信读书,上下班的地铁上,吃饭中,甚至是去个洗手间都要打开微信读书看一会,曾经用来漫无目的刷微博、刷新...
App分析