理解设计系统

manha123@

我们的使命是为每个人实现数据科学教育的民主化，我们在全球拥有超过 200 万学生，正在取得快速进展。以这样的增长率运营需要公司内部每个人付出大量努力，并带来许多令人兴奋的新挑战。 对于设计团队来说，这意味着我们正在从逐页设计转向更具可扩展性的设计方式。重用现有组件、减少开发时间、提高可用性和增加可访问性变得越来越重要。 本文介绍了我们如何开始理解设计系统。 什么是设计系统？ 设计系统汇集了分发和重现设计解决方案所需的所有组件。这对于数字产品设计来说并不是什么新鲜事或独有的东西——历史上可以找到很多例子。 例如，第一个中华帝国就存在弓箭手无法使用同伴的箭的问题。每支箭都是专门为某种弓设计的，因此其他箭根本不适合。中国第一位皇帝嬴政标准化了箭的设计方式，这对他们的军事征服产生了巨大影响。

早在 50 年代，纽约市交通系统的每个车站都有自己的标牌。这引起了很多混乱，因为每个车站都有自己的导航方式。结果，很多人对使用公交系统犹豫不决，因为他们不明白它是如何运作的。Massimo Vignelli和Bob Noorda创建了《纽约市交通管理局 — 图形标准手册》，其中记录了如何制作标志以及如何将其放置在车站内。随着时间的推移，这个系统或   南非 WhatsApp 号码列表  多或少保持不变，并且至今仍在积极使用。 我们为什么要有一个设计系统？ 当每个页面都是单独设计时，许多组件都有重复或类似的替代品。它使得数字产品难以被用户理解并且难以被工程维护。在 我们发现整个产品中有 20 多个不同的按钮，每个按钮都有自己的怪癖。



不同的悬停状态、不一致的禁用状态等）。当产品快速增长并且几乎无法维护时，很难跟踪所有这些组件。这就是设计系统发挥作用的地方。 对于数字产品，设计系统描述了可用于创建解决问题的界面并为用户带来连贯体验的用户界面组件。 当设计系统执行得当时，它将产生连锁效应…… 减少沟通不畅 减少实施时间 减少维护工作 减少错误 减少支持票 提高质量 提高效率 延长寿命 提高可学习性 提高可用性 提高可达性 增加创新 增加注意力 增加销售额 这并不容易 … 创建、维护和实施设计系统需要参与创建过程的每个人严格遵守纪律并不断努力。这不仅仅是设计；工程和产品管理也是重要的利益相关者。他们都应该能够提出棘手的问题，例如：“我们为什么要构建这个？们可以在其他地方重用这个组件吗。