[三沙网站建设公司]建立更好的设计系统的六个技巧

阅读  ·  发布日期 2019-07-08 10:55  ·  admin

这是设计系统的一年。公司几乎每周都会推出新的设计系统,大多数高管现在都了解它们的价值。设计系统包括样式指南、模式库、CSS框架和设计操作。设计师和开发人员感受到大量资源的支持,并且有一些会议完全致力于设计系统(主要是美国的Clarity和欧洲的伦敦设计系统)。[三沙网站建设公司]进入的门槛现在已经降低了,但是由于信息太多,可能会非常难以确切地知道哪些建议适用于您自己的工作 - 特别是如果您正在尝试在较小的组织中构建设计系统。[三沙网站建设公司]网站建设已经向在Slack,HubSpot,GoDaddy,IBM和Lloyds Banking Group建立设计系统的内部人员询问了他们如何构建更好的设计系统的技巧。以下是他们推荐的内容:

 

1.了解设计系统应该工作的环境

 

Lloyds Banking Group的设计语言开发负责人Lily Dart表示,“每个新的设计系统都渴望成为下一个Airbnb DLS或Google Material Design。但对于我们这些不能真正灵活运作的人来说,组织用户,如AirBnb或Google,试图重现这些例子可能是一个错误。”[三沙网站建设公司]根据Lily的说法,创建一个有效的设计系统的真正诀窍是,理解它应该工作的环境和文化。一个灵活的组织不会每六个月欣赏一次“完美”版本,而瀑布的组织需要缓慢发布,但他们也希望你支持旧版本,如果它们正在生产中。[三沙网站建设公司]“一旦你理解了你的背景和文化,你就可以考虑你的设计系统如何改进它”Lily解释说。想提高效率吗?确定尽可能多的预建模板,因为您可以加快团队的工作。创造力?相反的方式 - 保持模板最小化,而不是让原子具有设计师的灵活性。[三沙网站建设公司]最后,设计系统正是Lily所指出的 - 系统。“如果你不孤立地工作。如果您不在Airbnb上工作,请不要重新创建专为其团队和用户设计的产品。专注于解决您每天面临的问题,并创建一个优秀的设计系统。”[三沙网站建设公司]Google Material Design很棒,但不要使用不同的上下文重新创建设计系统。相反,要关注你所面临的问题。[三沙网站建设公司]网站建设:建立更好的设计系统的六个技巧

 

2.保持独特并节省开销

 

[三沙网站建设公司]网站建设认为还要问你的公司是否真的需要一个全新的设计系统,来自Pingboard的前端开发人员和用户体验设计师James Y Rauhut说。[三沙网站建设公司]“最强大的设计系统源于公司坚持的独特理念,”他解释道。 -  Google的材料设计认为,体验超越了您与之交互的玻璃屏幕。Microsoft Fluent Design认为体验适应它所占用的窗口。设计系统是否具有独特的观点?如果没有,你可以采用现有的设计系统来节省技术债务。”[三沙网站建设公司]即使你有一个独特的视角将你的系统与其他系统分开,你也不需要重新发明更小的轮子。以下是James建议的一些工具,可以简化设计系统的发布并保持公司的完整性:

 

.framer X的设计团队商店

 
 

.访问基本用户界面组件以获取辅助功能

 

.CSS grid wiz网格框架生成器用于布局[三沙网站建设公司]在James加入Pingboard之前,他曾在IBM Design工作。在演讲中,他解释了CSS Grid等工作如何让您能够宣传设计系统的功能,以及IBM如何为其350,000名员工创建设计系统。

 

3.定义流程,而不是项目

 

HubSpot的高级经理(产品设计)Lara Tacito承认:“考虑重新设计或创建设计系统作为一个项目是很诱人的。”,“事实上,它可能需要以这种方式开始获得买入或动力。但是,看到真正成功而不必每年重新设计的唯一方法是定义流程并将流程定义为产品。”[三沙网站建设公司]Lara建议,与任何标准设计过程一样,第一步应该是弄清楚将使用设计系统的人员的当前工作流程。这在《上海网站制作除了DIY网站提供商之外,如何设置自己》中也说过。[三沙网站建设公司]“一些简单的采访将会有很长的路要走,”她解释道。 “然后找到简化这个过程的方法,仍然可以满足用户的需求,并且无疑可以很容易地做出正确的事情。”[三沙网站建设公司]Lara还建议将您的设计和实施文档整合在一起。“对此有一些复杂的权衡,但最终我们发现越多设计人员了解实施情况,他们就越好 - 而对设计指南更多了解的工程师会为用户做出更好的决策。 ”[三沙网站建设公司]最后,Lara建议参与将在此过程中使用设计系统的团队,因为它有助于教育他们如何运作过程,允许更广泛的技能和贡献,并帮助问责制和自治。[三沙网站建设公司]观看Lara的Talk UX演示文稿,了解如何构建一个常绿的设计系统,让您的客户和团队的生活更轻松。[三沙网站建设公司]网站建设:建立更好的设计系统的六个技巧

 

4.专注于沟通

 

“设计系统是80%的沟通和20%的工作”,Slack的工程师Garrett Miller指出。[三沙网站建设公司]虽然建立基础组件架构是绝对必要的,但Garrett发现,在更广泛的组织内部进行资源配置和优先级划分的工作涉及更多工作。[三沙网站建设公司]“这需要大量关注协作,”他建议道。 “这需要与利益相关方协商,以便为您的设计基础设施进行如此大规模的投资。设计系统的成功是其倡导者,能够好地解决参与这些对话的各方之间紧张关系的结果。“加勒特建议关注投资沟通的商业案例。[三沙网站建设公司]“设计系统使我们能够以更低的回归风险加速增长。惊喜花费金钱和时间,这两件事都是贵公司可能试图挽救的。”

 

5.通过模块化增加贡献

 

就其本质而言,设计系统往往是单片而不是模块化。GoDaddy的工程(UX平台)高级主管Charlie Robbins建议关注模块化,因为它为您希望在任何设计系统中培养的社区带来两大好处。[三沙网站建设公司]“首先,模块化和分离式设计系统,鼓励用户采用单个组件并将其与其他设计系统相结合,以满足他们的特定需求,”他解释说。“这增加了可能的贡献者的数量。”然而,对于第一次贡献者来说,即使是一个小型的设计系统也无法为之做出贡献。“模块化方法可以使您的设计系统更新或添加新组件或文档更加平易近人,因为新的贡献者只需要了解一个组件,”Charlie指出。 “通过尽可能地采用模块化和'空虚',您的社区将有更少的增长障碍。”

 

6.注意决策债务

 

Adobe公司的设计工程师Sarah Federman警告说:“在大规模设计系统工作时,最大的问题之一就是不做出决定的想法实际上是一个决定。”[三沙网站建设公司]“每当你做出选择推迟制定标准或创建流程时,你就会累积决策债务,这可能与设计债务或技术债务一样。如果不是更多有害,”她解释道。 “当你推迟在你的系统中做出决定时,你就要把责任放在你的用户身上做出决定。结果可能不是你喜欢的,它肯定不会是一个产品一致的。”[三沙网站建设公司]在Sarah的经验中,当您需要围绕排版和间距做出深远的设计决策时,尤其是当您需要制定流程决策(例如如何对系统进行版本控制)时,决策债务才会发挥作用。“用户将围绕他们将获得的支持或系统的稳定性发展期望,”她建议道,“而且你将来会对抗这些期望。”[三沙网站建设公司]同样重要的是创建包容性系统的决策 - 或者更理想的要求。 “事后建立可访问性要困难得多,影响系统最基本的部分,如颜色和尺寸。”[三沙网站建设公司]最后,设计系统应该具有适应性,但从坚实灵活的基础开始是实现变革的最简单方法。“决策债务并不总是坏事,但需要注意并采取战略性措施,”Sarah总结道。