论设计系统的销售展示产出,而非操作过程

随着一个公司团体内部的设计任务复杂化和规模化，要想确保自身输出所有产品的一致性，给设计流程配置一套可参考的明确标准显然是不可避免的趋势，但是我们应该如何向客户或者非设计师们说服这一决定的主要目的并非是为了偷懒减轻工作量，或者想一劳永逸后高枕无忧，同时还让他们也加入到这一标准的建立中，共同创造出被公司内所有人认可的方案呢？这篇文章就是针对这一问题很好地提供了几种可以使用的成功策略，更好的是，它也帮助了我们加深对建立一套模块化的设计系统所带来好处的认识。

作为设计师和开发人员，我们知道一个占主导地位的（设计）系统能够为公司的不同体验辐射一致性。但有时候构建这样一个系统被认为是一项极具风险的投资，并且它的价值不一定能立即可见。因此你应该采取什么样的方式向客户推销一个设计系统？你又应该怎样做才能说服公司将构建一个模式库放到战略路线图之中呢？

你可以把一个公司的所有网站界面一页页打印出来，再集中到一个大展板上，来显示公司内部是多么的四分五裂。

DanMall在他「销售设计系统」一文中，谈到我们可以把一个公司的所有网站界面一页页打印出来，再集中到一个大展板上，来显示公司内部是多么的四分五裂。这个例子也可以说明每次都从头开始，一个个地搭建网站，没有意义地重复造轮子，会浪费多少金钱和精力。

将这些不一致可视化，有助于发现和找到网页中潜在的问题，但我们如何才能证明一个模块化的设计系统对实现网页的一致性有帮助呢？

毕竟设计系统是由一个个模块，而非页面构建而成的。我的经验告诉我，最有效的方法是向客户展示有形的利益，而不是向他们解释操作过程或者具体步骤。

因为客户并不想知道原子设计、模块化设计或者独立模式，他们更愿意看到实际产出，比如一个可操作的原型或者一个包含了所有组件的界面。

图片来源于BradFrost网站

一种更好地展示产出的方法是使用projecthub（项目中心）

还有一种能更好地展示产出的方法是使用projecthub①（项目中心）——一个可以将项目中所有重要的素材集中起来，按时间顺序排列，并保持不断更新的网站链接。这样客户可以通过随时访问它来查看项目的进程。你甚至可以给响应式原型中添加可编辑内容的属性，来使原型中的文本变得可编辑，因此当一个项目的利益相关者想要调整文本时，她可以在任意浏览器中进行操作，然后通过调整窗口大小来查看文本是否也可以适用于窄屏。

当我们与其他公司合作时，我们从来不会推销原子设计方法②，也很少推销设计系统。相反，我们销售的是一个能快速看到产出，（恰好）包含了模块化设计方法论的新方案。我们“销售”的是项目中心和快速的周转时间，而构建一个设计系统通常只存在于设计师和前端开发人员交流之中，而不是客户需要思考的问题。

①一个由BradFrost提出，用于跟踪设计项目进度的工具。通常是一个在线（公开或受密码保护）形式的文件链接，以便团队中每个人都可以进行访问。

②原子设计是一种方法论，由原子、分子、组织、模板和页面共同协作以创造出更有效的用户界面系统的一种设计方法。

将一个设计系统纳入到公司发展路线中的策略

有时我们不再是向客户推销一致性，而是要将它变为一整个公司团队，无论市场营销，内容管理，还是技术支持团队，都明确的优先考虑事项。而此时展示产出也同样很有帮助，特别是因为这些产出可能不仅只是一组可操作的原型。NathanCurtiss在最近（由JinaBolton精心策划的）Clarity会议的演讲中建议，设计系统一定要确保扎根于一个公司团队之中。

在他的个人经历中，确保一个设计系统在公司团队中的成功，对提高团队的工作效率至关重要，比如：设计系统能帮助各方参与者节省时间并快速获得结果。但你要如何让团队去相信一些他们还没有体验过的价值呢？

很简单，为他们创造这种价值。想象一下，如果在一块具有不一致性体验的展板旁，放一块能带来一致性体验的展板进行对比；或者是对页面的基本外观（可能只是一个标题和几个关键按钮）进行重新设计来使页面间的体验一致，然后也打印出来，并将修改前后的两块展板放在一起对照会怎么样呢？

也许你还没注意，设计师和开发人员就已经兴奋地对其他更多的UI组件进行规范化了。

测量并提供可操作的数据

显然，视觉设计是非常主观的，因此引入指标和数据——比如转换率——比其他任何方式都能更有效地阐明论点。

定义一个包含了多种体验（例如：一个用户先从登录页面进入，然后浏览商品，提交订单，并在自己手机的本地应用程序中查看物流状态）的用户旅程，然后记录针对这些体验的用户访谈结果，并展示给利益相关者。

或者更好的是，你可以邀请他们来直接观察访谈的过程。接着快速绘制出一个原型再进行一次用户访谈，并保证两次访谈中其他条件的一致，比较并清楚记录下你的结果。如果这些结果远低于你的预期，你最好继续迭代你的设计，直到能获得满意的结果。

解决痛点

如果第一种方法没有效果或者并不适用，你可以试试去寻找公司内的痛点。不一致的视觉体验通常是由于背后使用的系统不一样——大部分情况是因为使用了十分过时的系统。当然，这些系统之间或多或少还是有所联系的，就算这种联系可能只是为了监测销量或者把控质量。

或者有时我们可以花点时间来回顾一下客户支持部门中积压的工作和技术/设计上亟待解决的问题：通常与资深的客户支持人员进行一次简短交流，对揭示损害转换率或者用户参与性的常见痛点极有帮助。然后你可以专门针对这些痛点，找到一个方式——可以通过使用一个具有一致性的设计系统——来解决它们。再次强调，主要