童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Atlassian设计体系元老的6点经验分享

5月21日 颜如初投稿
  想创建产品设计体系?来文中看看Atlassian设计体系元老的6点经验分享。
  ThekeylessonsIlearnedcreatingapopularDesignSystem
  2012年,我启动了一个副项目:对Atlassian当时12款软件产品的设计模式进行标准化定义工作。在那之后的三年里,这个副项目逐渐成长壮大,并成为了我的全职工作;经过一系列的版本迭代,这个项目最终成为了大家所熟知的AtlassianDesignSystem。
  期间,我还成立了设计平台团队(DesignPlatformTeam),专门负责对设计体系进行管理维护,并将其运用于Atlassian产品套件的设计工作当中。
  近些年来,行业里出现了越来越多关于设计体系的讨论,我也时常被问及相关的经验与洞见(注)。无论你在考虑为自己的产品创建设计体系,还是正在进行当中,或是曾经尝试但以失败告终,我都希望这些经验可以帮助到你。
  译者注:包括接受《设计体系》一书作者的访谈,相关内容也体现在书中。
  如今在Asana,我又开始了新的设计体系构建之旅;回顾过往的经验,我发现它们同样有助于我们将团队与公司推向成功,从而体现出设计体系真正的价值所在。
  1、以小为始
  第一个版本的Atlassian设计体系只包含20个静态HTML文件,由我桌下的那台MacPro充当服务器。没有模板,没有版本控制,我亲自动手为每一个组件编写HTML,并将线上产品的CSS直接导入过来作为样式表。
  虽然这一版本更新起来非常困难,而且不具备扩展性,但它也足够向当时的团队展示设计体系的基本价值了;我因而得到支持,并得以将更多时间与精力投入其中,逐渐摸索到了正确的道路。
  反之,如果从一开始就考虑到各种扩展性问题,那么我们很可能需要花费数倍的时间来完成起步阶段的跨越。如果你刚刚开始构建设计体系,建议你不要沉迷于无缝、完美的流程和机制,取而代之的是简单快速地起步,验证价值与方法,并保持迭代。
  2、重在质效提升,而非控制设计
  如果你认为构建设计体系的目的在于防止其他人“犯错”,防止他们破坏掉只有你“有权”定义的规则,那么你们的体系构建工作很可能是在不正确的观念之下进行的。
  设计体系的目标是提升团队的设计质效,帮助每一名设计师更加合理地进行设计决策。
  你的工作并非将规则强加给他人并监督他们执行。反之,要将设计体系视为在公司内部实现“设计民主化”的工具。只有这样,人们才会有意愿参与其中并进行贡献。
  务必记得,设计体系是一种强化工具,而非用于控制设计的监管手段。
  3、避免同步进行重设计工作
  不要将设计体系的构建工作看作是产品重设计的契机。一边进行着体系化定义,一边对产品进行重设计,这会极大地拖慢工作进度。更合理的做法,是首先对产品当前的状况进行记录与清查,包括合理与不合理的模式在内;完成标准化定义之后,再回过头来进行优化工作。
  在Atlassian,我们曾经多次试图在设计模式文档的基础工作完成之前对产品进行重设计。诚然,设计模式的定义与文档化工作需要花费大量的时间,但以此为基础进行新一轮的设计迭代,整体进程会更加轻松和高效。
  4、跨职能寻求支持
  设计体系的创建工作并非学校里的课业练习,如果最终无人使用,或是无法有效提升设计质效,那么我们的工作就是浪费时间。
  只有让其他人了解你的工作并参与贡献,你才能得到越来越多的认同与支持。这一点对于设计体系工作非常重要。
  2013年时,我们团队当中的设计师与工程师占比大约在1:15到1:20之间。直至如今,回想起这个数字,我仍然会感到惊悚。不过当时,我确实有试过将这种失衡的局面转化为工作中的优势,使工程师们更加认同设计体系相关工作。
  我会在新人入职当周做一些宣讲,每周有15人左右的样子;为了让他们从第一天起就能对设计体系的目标与价值有所了解,我会给他们讲一些往事,譬如:我们的产品当中曾一度存在着44种下拉菜单,而如今已经标准化为一种,它的具体使用方式应该如何如何。
  经过那一年的宣讲,加上Atlassian的规模几乎每年都会翻番,我总共帮助了将近500名新人了解了设计体系的重要性及使用方式。同时,这项工作还在潜移默化当中扩大了设计职能在整个企业文化当中的影响力。
  5、超越“设计规范”
  设计体系不同于设计规范,创建一份包含了所有组件的Sketch文件或许相对容易一些,譬如:所有的主操作按钮都有着相同的配色,或是统一使用8像素栅格等等。但应该在何时使用主操作按钮而非次级按钮?按钮中的文本应该采用哪种类型?主、次按钮同时出现时应该怎样布局?
  设计体系必须针对这类规则性的问题提供解决方案,而不仅是记录规格规范。很多团队都忽视了这一点,致使设计体系的价值有所缺失。
  正如前面提到过的,在2013年初,Atlassian设计团队的规模(约13人)相比于开发团队(约300人)来说还相对较小。明确提供设计模式使用规范的好处在于,工程师可以在设计师人力不足时独立完成大量的页面构建工作。
  这意味着在很多时候,设计师无需打开Sketch制作高保真设计方案,大家可以通过白板和脑暴直接确定功能流程,或是将更多时间用于上游高层面问题的处理。
  6、少数人负责管理,多数人参与贡献
  我们在Atlassian采用了集中式的设计体系管理机制,一方面允许每一名设计师参与贡献,一方面通过每三个月的轮岗制度从不同的产品团队当中抽调设计师与工程师加入我们的平台设计团队。
  在三个月的时间里,他们会对设计体系的维护工作进行大量的贡献。三个月后,他们回到各自的团队当中,成为设计体系的簇拥者与布道者。
  有专人负责设计体系相关工作是非常重要的。这个人(通常指我)更像是设计师当中的产品经理,他需要维护整套体系,同时又要避免营造出让人抵触的工作氛围。始终不要忘记,我们的目标是提升设计质效,让每个人都成为更出色的设计师,并最终实现团队效能与产品质量的提升。
  
  原文作者:MattBond
  原文链接:https:medium。comasanadesignthekeylessonsilearnedcreatingapopulardesignsystemd078c817b4dd?refwebdesignernews。com3Fref3Duxdesignweekly
投诉 评论 转载

Atlassian设计体系元老的6点经验分享想创建产品设计体系?来文中看看Atlassian设计体系元老的6点经验分享。ThekeylessonsIlearnedcreatingapopularDesignSyst……在设计品牌标识时,使用情绪板情绪面板不仅仅是在你的作品集中看起来漂亮,并可以作为你在标识设计过程中助你成功的工具。在设计品牌标识的时候,你可以试试使用情绪板。今天在这里,我不使用情绪板作为我常用标志……从用户角度,拆解拼车产品的核心问题和解决思路本文将从拼车用户研究、拆解拼车的核心问题、拼车解决思路等角度来分析拼车产品。出了人潮涌动的地铁站,看着人头攒动的公交站,将一如既往的挤着公交,心中甚至没有丝毫的波澜。迟迟……移动端应用相互跳转的16种路径详解本文详细讲解一下小程序、公众号文章、H5页面,以及其他APP之间的跳转路径都是怎样的,一起来看看移动时代,我们手机里的东西越来越多,占用的时间也越来越多。有时候要用APP……用户激励体系:等级体系应如何设计?用户激励体系到底应该怎么落地,应该怎么执行?这篇文章,想和大家聊聊用户激励体系的“术”。一、用户激励体系的原因及整体思路是啥?设计激励体系,一方面是为了提升用户活跃……打造智能硬件上“无感知声纹支付”的购物体验人们的购物方式一直都在不断地迭代更新,从最初的现金支付到pos机支付再到如今的手机支付,购物体验逐渐完善。而如今,在智能设备上实现声音购物或许将成为下一个很新潮的消费方式。……在驾驶场景中会不会出现“子弹微信”?在车内使用社交产品是一个低频的应用,但是目前通过手机来在车内进行社交的行为严重的影响着道路安全。在车内能够提供有效、安全的社交服务是一个可以尝试的方向。由于用户所在环境的……运营后台的管理权限设计本文主要跟大家分享一下,运营后台的管理权限如何设计,一起来文中看看为了明确词汇的语义边界,特对本文中频繁出现的词汇进行语义定义,这个定义是笔者的私设,读者可将其按照语义定……设计大迁移:穿越智能时代大迁移已经在发生,有些人已经跑起来,有些人还在门外看着,有些人还没感知,你是哪个?设计师和人工智能是什么关系?人工智能对设计有什么影响?设计师怎么进入智能领域……社交产品方法论(四):需求设计背后的逻辑需求有了,如何设计解决方案?产品上线前,如何评估我们的解决方案?产品上线后,如何验证并迭代我们的解决方案?带着这3个疑问,请听我为您慢慢分享。上一篇我们聊到如何做需求分析……案例分享【Booking。com】如何进行优化设计?本文作者将从对Booking。com的研究入手,对这款产品进行再设计,并进行改造前后的对比分析,希望能对大家有所启发。Booking。com已经从一家小小的荷兰初创企业,……4个步骤教你:如何建立后台通用权限管理系统?由于本人的工作方向偏向于后台,同时也是技术出身转岗产品经理,在设计后台时常会查阅后台的相关资料,但是网上关于这方面的分享也比较少,于是利用空闲时间,把所经历的三家公司所设计过的……
如何用编程思维快速完成产品设计?骨相、肉相、皮相,APP设计之道相册的逆袭:Qzone5。5动画诞生记腾讯ISUX大学生兼职APP的竞品分析移动端Cell栏表单设计问题汇总实习期间做交互设计的一些总结QQ空间App产品体验报告强悍的纽约设计师妹子教你App设计四大原则ZAKER产品体验报告后台设计(二):联运后台项目小结猫眼电影、格瓦拉、时光网APP竞品分析互联网积分体系设计奥斯卡罗伯逊说出了202021赛季真正的MVP,但不是约基奇又是一年别鸟时杭州知识产权法庭成立4周年,审结了哪些大案?放学了三年级优秀作文查看微信别人聊天记录怎么查(怎么查他和别人的聊天记录)什么是转基因食用油?使用自卫防身术需要注意哪些有意愿购房者仅有16,房价会触底反弹迎来牛市吗?优雅大方经典法式新娘发型恋爱男女冷笑话完整孕期饮食营养速记大分享,快快收藏吧!西红柿的营养价值有很多你意想不到的好处

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界