“语言不仅仅是一组不相关的声音、从句、规则和意义;它是一个完全连贯的系统,与语境和行为紧密相连。”语言学家肯尼斯·L·派克这段话,点出了一个被许多设计团队忽略的事实:网页有自己的口音,设计系统同样应该如此。

设计系统并不是组件库,而是活的语言。如果把设计元素拆解来看,设计令牌是音素,组件是词汇,模式是短语,布局则是句子。我们与用户构建的每一次对话,最终汇集成产品讲述的故事。但一个关键前提被遗忘了:一门语言被使用得越流利,它能承载的口音就越多,且不会损失核心含义。苏格兰的英语和悉尼的英语截然不同,但两者都确凿无疑是英语。语言会适应语境,同时保留其核心意义。这对一个母语是巴西葡萄牙语、带着美国口音学英语、如今住在悉尼的人来说,再明显不过。

打开网易新闻 查看精彩图片

设计系统必须遵循同样的逻辑。死守视觉规则,只会制造出在语境压力下断裂的脆弱系统。真正流畅的系统,能弯折而不断裂。

设计系统的原始承诺很简单:一致的组件能加速开发、统一体验。但当系统日趋成熟、产品日益复杂时,这个承诺就变成了一座监狱。团队提交的“例外”请求数以百计。产品上线时使用的是各种变通方案,而非系统组件。设计师花在捍卫一致性上的时间,比解决用户问题的时间还多。

出路在于,设计系统必须学会讲述方言。所谓设计方言,是对设计系统的一种系统性改造,它在维护核心原则的同时,为特定语境发展出新的模式。与一次性的定制化或品牌主题换肤不同,方言保留下系统的基础语法,同时扩展其词汇量,以服务于不同的用户、环境或约束条件。

在Booking.com的经历,让当事人深刻体会到了这一点。团队对一切进行A/B测试,颜色、文案、按钮形状,甚至标志的颜色。对于一个受过平面设计教育、有过品牌风格指南构建经验的专业人士来说,这种做法令人震惊。就在所有人都爱上Airbnb那套干净利落的设计系统时,Booking.com在没有考虑任何视觉一致性的情况下,成长为了一个巨头。

这场混乱揭示了一个深刻的道理:一致性本身不是投资回报率,问题得到解决才是。

在Shopify,Polaris曾是团队的掌上明珠。这是一套成熟的设计语言,对使用笔记本电脑操作的商户来说堪称完美。产品团队被要求原封不动地采纳Polaris。随后,履约团队遇到了真正的“发货”时刻。他们需要为仓库拣货员构建一个应用程序。这些拣货员在光线昏暗的过道里,戴着厚手套,使用公用的、饱经磕碰的安卓扫描器,每分钟要扫描数十件商品,其中许多人对英语的理解水平有限。

使用标准Polaris组件的任务完成率是0%。每一个在商户端表现优美的组件,在拣货员那里都彻底失效了。