提高团队效率!Spotify 总监如何从零开始让设计标准化? - 优设网 - UISDC

提高团队效率!Spotify 总监如何从零开始让设计标准化?

2016/12/28 5596评论区

spotify-design-standardization-1

编者按:2012年的Spotify 设计团队还是一团乱麻,到今天已经是协同效率高效,有标准可循的顶尖团队。来看这位总监如何从零开始改善它的。

欢迎关注译者的微信公众号:「非科班设计」

“设计无法标准化”在过去四年一直困扰着我。2012年我加入Spotify设计团队的时候,被当时的混乱与分散吓到了。说得详细点,字体、色彩、图片、板式、信息架构和交互方式好像全部都没有能够遵循的标准。

当我开始跟他们谈论这件事时,我才知道整个团队也为此觉得沮丧。我们的结论是:支离破碎的产品恰巧反映这个团队的松散,设计师分散在不同的项目、时区和漫无目标的时程表,当然不可能有任何机会去改善。

可是,这些原因在现代科技公司不是很常见吗?所以我第一次说出:“设计无法标准化”。

uisdc-standard-20161228-(0).webp

但是,这个问题让我坐立不安。我试着忽略它,把它当作无法解决的问题,不想被它困住,然后专注在重新设计上。但是这样没用。不管先前多喜欢设计,看到互相冲突的设计方向,都只会感到厌烦。任职一年之后,我终于也因为这个问题变得非常沮丧,于是我决定为此寻求解决方案。袖手旁观接受“设计无法标准化”肯定不是唯一的答案。

我的挑战前提是“设计无法标准化”,或者可以这样说:分散在不同时区、项目,目标不一样的设计师团队,是否可以找到一个紧密结合的共同工作方式?以下是我的探索过程。

原则

某次周例行设计讨论的时候,我们都发现真的没有可以遵循的方向。我们的讨论都只是一些对短暂流行风格的个人意见,这让台上正在谈论的设计师感到受挫,结束后整个团队还是没有方向。所以2013年,我们决定写下一些原则,让本来由个人组成的团体,转变为拥有共同观点的团队。

uisdc-standard-20161228-(1).webp

(1. 内容优先、2. 尽量活泼、3. 建立熟悉感、4. 争取事半功倍、5. 保持真实、6.恰如其分)

这些原则,让我们在讨论设计的时候有方向可循,让团队里的设计达成一致的,这是我们在2014年推出视觉重定位的基?。喝梦颐茄暗搅撕芏?,多到值得再写一篇文章。

uisdc-standard-20161228-(2).webp

真正让这些原则发挥作用的原因是:与我们的行业领域(音乐)巧妙结合,然后跟业务目标一起向前,就能够让非设计师背景的人产生共鸣。

执行这些原则后,我们仍继续探索更为紧密的方式,例如,将上面6个原则减少为3项,然后纳入营销团队合作的经验原则。

指南

视觉重新定位之后,我们立刻知道最困难的其实是维护这些刚打造出来的一致性。所以在2014年,我们建立了Spotify设计语言系统GLUE( Global Language for a Unified Experience,产生一致经验的共同语言),记载样式(styles)、元件(components)和布局(patterns),公司所有人都可以访问这个网站。

uisdc-standard-20161228-(3).webp

(Spotify设计指南第一版)

这是我们首次对界面有共同的认知。这不仅增加了一致性,还提升了效率。同时也创造了设计人员和开发人员之间共享的词汇,因此对于颜色或类型风格的标签可以跨越设计规范和代码来理解。

根据设计指南,我们创建了体现了同样的风格和组件的用户界面工具包为我们的设计工具。这是一个开始全新项目的好东西,同时也能指导先前没出现,但之后可能需要再加入工具包的事情。它也迫使我们选择能够支持哪种软件(Photoshop、Illustrator 或Sketch?等),以及我们之间如何共享文件。

??榛纳杓品绞?,让我们发现组成 “体验” 的人际连结与依赖关系,最终使我们更易于彼此协作。

Glue

我们很快意识到,维护设计指南和工具包需要持续不间断的付出。所以在经过一系列的说服后,GLUE 团队在2015年成为一支由设计师与工程师组成的完整团队。

uisdc-standard-20161228-(4).webp

(GLUE 团队的合照)

身为集中式的团队,GLUE藉由团队之间的合作,提供框架改进公司内部不同设计需求,给各个项目中的设计师提供支援。团队里的工程师以iOS、Android和桌面版准则为核心基础来扩展这项工作,提供整个组织的前端开发者技术实现。

设计协会

集中式团体最常遇到的挑战是维持一致性,很容易与组织当下的需求脱钩,然后就发现解决方案无法产生共鸣。为了这个问题,我们成立 “设计协会” 。

每周花一小时,每一个产品项目都会派两位设计师和GLUE团队聚在一起分享他们目前正在进行的事情,并且得到其他人的反馈。GLUE分享最新的设计指南,与此同时各个项目的设计会以此标准规范他们最新的设计。通常这些更新会有两种情况:大家友善的点头表示遵守,或是办一场工作坊,解决在设计方向的任何争议。这个会议能够帮助破除谷仓效应,鼓励合作,并扩大共享所有权的整体体验。

*译注:谷仓效应,亦称筒仓效应,指企业内部因缺少沟通,部门间各自为政,只有垂直的指挥系统,没有水平的协同机制,就象一个个的谷仓,各自拥有独立的进出系统,但缺少了谷仓与谷仓之间的沟通和互动。

设计QA

尽管已经做了遵循方向与协调,有些设计的错误还是会出现。为了修正这个问题,我们最近设立首个通用设计品控。它要求来自各地(斯德哥尔摩、歌特堡、伦敦、纽约与旧金山)的设计师聚在一起,重新校准原本公认的品质如何定义,我们必须确认大家都是按照标准指南设计的。我们邀请QA的成员确认设计师是否都很清楚如何充分利用像是Jira(错误追踪系统)等工具,还有如何在目前支援的平台测试设计。这引发许多讨论,讨论哪类型的设计错误应该抓出来,以及安排优先顺序的条件。

uisdc-standard-20161228-(5).webp

(最近某次的设计QA工作坊现场照)

不过,我们找出最根本的争议在于如何定义设计品质。即使到现在也大多是 “你看到就知道了?!?我们决定试试用勾选清单代替。内容是:品质代表是否遵循原则与准则,还有是否支持核心目标。当你必须偏移原则与准则时,你必须负起责任,更新任何受到影响的团队或架构。

我们最近开始要求设计是否符合 “TUNE” ,这个缩写代表经验的测量值,包含使用Spotify的感觉,借以寻求更多定义品质的方法。这能够以塑造强而有力的叙事方式,对情感上的品牌体验有帮助,同时也把界面就是品牌的观念放在心上。

  • 语调( Tone):我们的品牌是否使用正确的语调?
  • 易用( Usable):它对于每一个人都方便使用吗?
  • 必要性( Necessary):那个功能是真的有必要吗?
  • 情感化( Emotive):使用起来的感觉很舒服吗?使用者在意(这个产品)吗?

今年夏天之后,我们预计要求所有设计师在版本推出某些功能时,将通用设计品保流程纳入关键步骤。确保设计品控不只是我们内部的工作,还可以在我们的顾客发挥效用。

我回顾过去几年的经验和感想写了这篇文章,仅仅代表对我们有用的方式。即使我知道这还不够完善,因为后续还有很多挑战会出现,甚至某些解决方案将成为阻碍。我很高兴将个人设计主见放在一边,了解当你花时间打造定位,以及设计师之间的协调时,设计确实可以标准化。

如果你是设计师、产品拥有者或是管理者,而且正在面临困境,我鼓励你试试看上面说的方法,也许会有帮助。

欢迎关注译者的微信公众号:「非科班设计」

fkbsjqr

「UI设计规范丨方法+案例」

1. 方法那么多,都不如这个全面丨内部教程!超实用6步透视网易设计规范
2. 案例那么多,都不如这组优质丨设计规范如何写?这20个精选案例让你大开眼界

【优设网 原创文章 投稿邮箱:yuan@www.suoqqco.cn】

================关于优设网================
“优设网ag环亚娱乐平台“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.www.suoqqco.cn

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.suoqqco.cn/spotify-design-standardization

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 优设专访 设计师 扁平化设计 交互设计师 优设大课堂 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 AI教程 平面设计 设计理论 神器下载 用户体验设计 字体下载 设计趋势 海报设计 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里