早上好。二战后不久,出现了一场大规模的建筑热潮,这是历史上最大的一次建筑繁荣期。在美国,人们从战争中归来。新技术、新的施工方法层出不穷,建筑物如雨后春笋般拔地而起。当时的建筑设计师借鉴了20世纪20年代的现代主义风格,那种风格以简单的几何形状、干净裸露的表面、单色配色方案以及无装饰为特征。
虽然人们对现代主义褒贬不一,但该运动的创始人具有明确的目的性。“萨伏伊别墅”背后有着特定的观点,“包豪斯校舍”背后也有其原则。然而,二战后由于紧迫的建造需求和新的施工方法,这种风格被毫无目的地反复复制。思维逐渐变得浅薄,最终留下的只是与当下环境格格不入的通用模式。
例如,我们曾经拥有看起来像这样的银行建筑,象征着信任、可靠和安全。然后我们就变成了这样。你们对这种现实太熟悉了,因为它持续了几十年直到今天。到处都是僵尸建筑。它们没有任何区别特征。没有迹象表明这是经过深思熟虑的、适合目的的产物。它们在很大程度上显示出对用户和周围居民缺乏关怀,对环境和品牌也漠不关心。
我对此思考良多。首先,我们被这些建筑包围着;其次,我们现在正处于另一场建筑热潮中——AI建设热潮。现在每个人都能进行构建。三人团队可以完成过去需要三十人团队才能做的事。但这让人联想到战后建筑热潮,存在一些值得我们警惕的相似之处。我想谈谈这些警示点,然后我们一起探讨如何应对它们。
首先,大型语言模型(LLM)非常擅长告诉你最可能的答案,这基本上意味着它们能告诉你是现在流行、曾经有效或流行的事物。它们在告诉你什么是原创的,或者与你、你的品牌以及用户环境具体相关的内容方面表现较差。举个例子,你能猜出这个品牌卖什么吗?软件?不,是韩式烤肉。
这肯定是一个非常好的网站,但它没有个性,也没有为用户提供上下文或使用场景的语境,这就引出了我的第二点:“已完成”状态的诱惑。AI让事情感觉完成得非常快,往往过早地给人这种感觉。我举一个可能不该承认的例子:我经常午餐吃微波炉冷冻卷饼。我从冰箱里拿出冰冷坚硬的“石头”,放在盘子里,放进微波炉。90秒后,我就从饥饿变成了午餐时间。
我愿意忽略一些相当严重的缺陷。它几乎无法食用,但我对执行速度的着迷让我忽略了这些缺点。AI也是如此。你输入一个句子,“砰”,你就有了一个界面。有一些漂亮的小圆角,也许还有一些投影效果,看起来已经完成了。但这种看似精致的状态往往具有误导性。它真的解决了问题吗?它真的有差异化优势吗?克莱尔· Vu 之前提出的所有疑问都适用于此。
第三点警示是,这项工作如此简单、快捷,以至于它经常让人感觉是一次性的,甚至最糟糕的是被当作一次性产品对待。我们有时会让决策的责任抛诸脑后,不去真正思考长期影响,比如谁来维护这个系统。总之,这三个警示点汇聚在一起,会形成一个看起来有点像这样的世界——土耳其的一个真实地点。如果我们不小心,我们的建筑热潮可能会变得过于像战后的建筑繁荣期:与当下环境格格不入的模式泛滥,本质上是僵尸用户界面(Zombie UI)。
这种僵尸UI单调、空洞或缺乏关怀。我们醒着的一半时间都在看屏幕,我们希望软件感觉是真正被用心打造的。这意味着它要有个性,就像Grockbot那样简单的小动画和它所带来的生机;或者是像日历标签上实际显示日期这样微小的细节。你可能整天都在点击它,但这表明构建者关心你;又或是像链接代理钱包那样的语境理解。
它在用户在线购买时预判了代理人可能遇到的问题,并内置了解决方案,因为他们即使在面对代理人的情况下也预判了用户的语境。这些例子表明构建者关心他们的用户,并将这种关怀融入工作中。这展示了品牌的个性以及灵魂。我们可以用AI做到这一点,尽管它有时也是罪魁祸首。我有四条建议,关于我们如何用心和灵魂地使用AI来构建产品。
第一,你必须有自己的观点。如果没有,AI会替你给出一个。正如我们已经讨论过的,那很可能是一个通用的、着眼于过去的观点。你需要定义你的品牌:它对你意味着什么?对你的用户意味着什么?你想在他们心中成为什么样的存在?他们关心的是什么?这构成了你标准的基础。
我说这话适用于任何时代,但现在尤为重要。当构建是分布式的时候,所有权变得分散。我们比以往任何时候都更多地参与到产品的贡献中。把责任推给AI太容易了。例如,在Stripe,我们非常看重乐观主义。因此我们将这种精神融入所有大大小小的细节中:我们选择的颜色、写作的方式以及撰写的内容,还有我们要交付的产品,旨在支持企业家。
这些细节对于保持一致性至关重要,因为每个人都在贡献,且变化如此之大。如果缺乏一致性,摩擦就会显现出来。我举一个例子:最近我们在设计评审中查看一则广告。这是我们正在制作的一则展示我们品牌(平行四边形)和用户视觉元素的广告。当我们审视它时,心想:“好吧,大概能看懂发生了什么,但有些地方不对劲。”
房间里有一位希望快速推进并上线产品的跨职能合作伙伴。你可能无法理解这种情况,但我们进行了一番讨论,因为他提出了一个非常有趣的问题:用AI制作的东西的质量标准是什么?多么奇怪的问题。为什么制作方法 matters(重要)呢?对用户来说,制作方式并不重要;重要的是它是否好。所以这就是我们标准的基础:归根结底,最终输出才 matters(重要),用户关心它是否好,我们也应该如此。
通过那次讨论,我们就真正重要的东西以及我们追求的目标达成了一致,并带着17条改进要点离开。
这里有一些霜冻,边缘柔和一些,气泡管也小一点。现在我们将这个术语作为动词使用,指代办公室里那种对工艺的极致考究,被称为“百事气泡”。我们并非追求完美,而是力求比客户所能看到的更深一层。这种极致的工艺会体现在他们眼前的产品中。这一观点真正驱动着标准,并推动工作进展,尤其是在涉及智能代理(agents)的时候。如今每天发生的变化更多了。那么如何培养这种能力呢?坦白说,关键在于学会敏锐地察觉。留意用户真正的需求和渴望,而不仅仅是他们嘴上说的;留意周围世界中哪些信号代表良好、优秀或平庸。认真记录这些细节,不仅在你使用的产品中,也在类似的情境中汲取灵感——从艺术、科学以及更广阔的视角中获得启发。培养你的审美品味和对世界的理解,了解什么是好与卓越,这将切实提升你自己的标准,进而你需要将这些高标准规模化。
这引出了我的第二个建议:将你的标准编码进机器中。如果每个人都能共享相同的理解并做出同样的决定,那将是美好的世界。但现实是,人类将不再参与未来的所有决策。我们看到没有设计师参与的界面正在被构建;看到智能代理在我们睡眠时发现问题并修复它们;当然,我们也看到为用户实时生成的用户界面(Generative UI)。这就是为什么设计系统再次迎来高光时刻。昨天的系统与今天的系统截然不同。在过去,你不必写下所有内容,因为房间里总有一位设计师来填补空白。现在,我们必须支持分布式构建和代理式构造,决策需要更容易被定义。因此,设计的对象不再是屏幕本身,而是系统整体。
大家都知道古腾堡发明了第一台印刷机,但鲜为人知的是他围绕它建立的系统。他创造的不仅仅是26个小写字母和26个大写字母,而是290个独特的字符、不同的宽度、缩写连字。他之所以这样做,是因为当他排版并希望完全两端对齐时,他想确保不会出现侵蚀最终产品美感的奇怪白色河流和湖泊。本质上,他使系统既具有可扩展性又足够有主见(opinionated),使其感觉如同手工制作一般,尽管它是机器制造的。这也是我们应该追求的目标。旧的系统扩展了一致性,而新的系统需要扩展意图(intent)。
我们在Stripe一直在为此努力,途中遇到了一些阻碍。我们正在摸索解决之道。但我们想做的一件事是赋予构建者近乎即时地从提示词(prompt)到生产环境的能力。像许多人一样,我们最初使用了一个理解我们设计文档的MCP(模型上下文协议),但效果并不理想。它不够具体,也没有推动正确的结果。三个不同的人输入相同的提示词会得到三种不同的结果。因此,此后我们进行了演进,现在基于我们的设计系统创建了一个命令行界面(CLI)。它构建了一个框架,使AI更加听话。现在它在构建者工作的地方运行,并在适当的时间和地点消耗文档以避免上下文腐烂(context rot)。重要的是,这个版本与之前的设计系统之间的巨大区别在于:它不仅仅是组件和原子部分,而是完整的模板和工作流。因此,系统实际上知道我们的产品应该表现如何以及它们是如何组合在一起的。本质上,它比过去更有主见。我们将这些标准嵌入到生产手段中,从而实现了更连贯的产品体验。但这仅仅是基础。克里斯托弗·亚历山大曾说:“一个系统可以满足所有规则,但仍然是一具死尸。”这引出了我的第三个建议:拒绝将“完成”混淆为“好”。
过滤器消失了。过去,质量过滤器本质上内置在产品开发的每个阶段中,甚至在项目开始之前就有。我们有20个想法,但只能实施一个。然后我们不断试探、修剪,产品以某种方法逐渐成长。而现在,我们可以一周内构建20个想法。这在许多方面令人兴奋,我们终于可以跳过关于假设性产品的理论会议,直接对我们手中的真实产品做出反应。但是,过去贯穿整个过程的过滤现在需要在构建完成后进行,那时说“不”要困难得多。这就是编辑角色的作用所在,在当今时代至关重要。在你的组织中是谁在做这件事?谁在审视端到端的过程并理解我们是否真正构建了一个整体?这是一种新的行为。我们必须摒弃“构建即完成”和“完成即好”的观念。对于任何正在磨练编辑技能的人来说,最重要的一点是:你必须像用户一样去体验它。它真的解决了问题吗?它与用户的思维方式真正契合吗?它在整体上是连贯的吗?许多东西在孤立看来很好,但当你将其整合到用户旅程中时,感觉有些脱节。这不仅仅是说“是”或“否”,或者这是好的还是不应该存在的,而是问它是否真正成型?我们如何将其推向完成?我们不希望“完成”成为“好”的敌人。
纳比尔·科雷希(Nabil Koreshi)的一篇极具洞察力的文章探讨了什么使艺术变得伟大。他说,关键在于那些意想不到的细节——那些让你惊叹“哇,我真不敢相信他们想到了这一点”的小惊喜。以及隐藏在表面之下的深层含义或将所有事物联系成一个整体的持续主题。这些正是AI不擅长的地方。但了解AI的缺陷有助于我们更好地导航并填补这些空白。正如纳比尔所说,让我们对“AI垃圾”感到反感的因素之一是那种细节无关紧要的感觉。杯子是绿色的,但换成蓝色也无所谓。编辑为每一个决策承担责任,这在许多意义上就是每一个像素。我举一个来自这次活动的例子:我的团队有幸设计了这次活动。斯特凡负责了这个精彩的开场动画。他和团队从一个场景的3D模型开始,然后将其带入AI以协助不同的动画制作。这是第一个版本:很酷,看着很有趣。
观察它的各个细微部分,移动起来确实很流畅。但如果你逐像素地仔细审视,就会觉得有些不对劲,对吧?它的运动方式不太对劲,显得有些生硬。你总会希望能看到更完整的场景细节。于是他又重复了一次又一次。经过56次迭代后,他终于得到了一些真正美丽的画面。现在,它更具真实感了,充满了一丝生机,虽然差异细微,但你却能感受到其中倾注的关怀。
让我印象深刻的地方在于:如果没有使用AI,他可能不会构建如此复杂的场景,也不会尝试这么多不同的视角。虽然这不是一次成型的作品,确实需要大量的资源和细致的审视,但AI打开了可能性的空间。这引出了我最后也是我最喜欢的第四条建议:释放创造力和艺术性。是的,AI可以帮助我们制造单调乏味的事物,但它也是我们要拥有的最伟大的创意催化剂。
这一点在当今尤为重要,因为当每个人都在构建事物时,想要脱颖而出将变得更加困难和重要。如今的用户界面——聊天窗口、图表、命令行接口(CLI)等,绝非现代时代伟大交互的巅峰。我们可以做得更多,也应该做更多,让事物感觉更具生成性、生命力、响应性和动态感。我们实际上可以与计算机对话,因此让我们拓展思路吧。
是时候发明新的界面了,也是时候创造全新的美学风格了。最佳实践尚未被书写出来,这正是我们的机会,而现在我们拥有了实现这一目标所需的工具。这就像多点触控技术使得全新的交互成为可能,或者合成器让我们能够创造完全崭新的声音一样。AI正在激发各种各样的新创造力。
我们在网上看到了大量这样的案例,甚至有人向Stripe设计团队展示了更有趣的数据可视化作品。我们还看到餐厅网站充满了个性和特色,人们利用AI亲自绘画和创作艺术。这是一个非常有趣的时代。在Stripe,我们使用AI来增强创意团队的能力。
我们最近一期《Built to Grow》杂志的封面,是由一位人类大理石纹理艺术家创作的。他完成了这些令人惊叹的迭代作品,然后我们利用AI进一步微调细节,以确保颜色和线条都恰到好处。这基本上是利用人类的良好判断力,并帮助我们将其规模化,从而创造出真正令人惊叹的作品。
为了让AI成为更强大的创意伙伴,我有几点建议:第一,改进你的输入内容。你需要在方向上更加具体地指向品牌、独特的兴趣等。因此,请提供具体的提示词(prompts)。不要只是说:“嘿,我需要为我经营的韩式烤肉店做一个网站。”
你应该加入你的信念、你对美好的定义以及你们所关心的事物。添加你用来建立自身标准的素材,帮助AI以不同的方式思考。然后,请严格审视你的输出结果。不要被“卷饼困境”所诱惑(即满足于中间选项),始终再推进一步,当然还要使用对抗性代理来帮助批评和打磨作品。
但你自己必须始终追求更好。这些只是战术层面的建议,而更难的是文化层面。遵循千篇一律的模式很容易,既安全又舒适,但找到能改善现状的独特事物则令人印象深刻且困难得多。因此,如果你领导着一个团队,不要只是告诉他们使用AI,
还要给他们探索的空间。保护那些奇特的想法。AI降低了创作的成本,让我们把节省下来的资源用于创造真正特别的东西。如果我们只利用AI来更快地制作我们已经熟悉的事物,那么我们肯定错过了最有趣的部分。AI可以帮助我们提高上限(天花板),而不仅仅是提升下限(地板)。
最重要的是要非常刻意和用心。这是你的观点,是你的系统,是你想要通过AI实现的质量标准和雄心壮志。与战后建筑热潮和现代主义设计形成鲜明对比的是哥特式建筑风格。1850年,约翰·拉斯金(John Ruskin)撰写了大量关于质量和工艺的文章,并将哥特式建筑推崇为伟大的典范。
他注意到没有两座哥特式建筑是完全相同的,坦白说,甚至没有任何两根柱子是彼此相似的。每个细节都是精心制作的,展现了创作者独特的双手和思想。它让人感觉真正受到了关怀。这就是我们的用户所期望的。
如果我们在30分钟内用Three.js和Blender动画化了一些东西,用户并不会感到惊艳。他们真正印象深刻的是我们解决了他们的难题,以及在细节中展现出的巧妙构思,这表明我们要预判了他们的需求,并且我们的品牌背后有着独特的个性。
在这个建筑热潮中,我们有权选择不制造数字版的“僵尸建筑”。我们可以将其打造为一场创意复兴。因此,让我们制作一些更强大的产品,展现出制作者的双手和关怀。谢谢大家。(掌声)