← 所有文章

在AI时代生存的设计职业

在ZipRecruiter领导产品设计的十二年间,与Apple、Disney、Instacart和Marvel的团队合作后,我注意到一个再也无法忽视的规律:每一次范式转变都淘汰同一类技能,奖励同一类设计师。

摘要

我在ZipRecruiter担任了12年产品设计副总裁,之后离开独立创业。在此期间,我目睹了三次范式转变淘汰特定的设计技能,同时奖励相同的底层能力。这个规律是可预测的:工具掌握会消亡,判断力会累积。能在AI时代生存的设计师不是掌握下一个工具的人,而是那些具备系统思维、能在解决方案之前定义问题、并能评估AI生成的产出是否真正服务用户的人。


规律:每次范式转变淘汰和保留了什么

Don Norman在1993年创造了”用户体验”这个术语。1这个正式的学科只有短短30年历史,比许多设计师的职业生涯还年轻。在这30年里,我们已经经历了三次完整的范式更迭。

从印刷到网络(1995-2005)

被淘汰的: 印刷版式的精确控制、CMYK色彩管理、固定排版、实体生产知识(纸张选择、装订、印刷校验)。

被保留的: 视觉层级、排版基础、色彩理论、网格系统、信息组织。

那些说”我精通Quark XPress”的设计师举步维艰。而那些说”我理解人类如何扫视视觉信息”的设计师则无缝过渡。2

从网络到移动端(2007-2015)

被淘汰的: 桌面端特有的交互模式(右键菜单、悬停状态、多窗口工作流)、像素级精确的固定宽度布局、Flash动画。

被保留的: 信息架构、用户研究方法论、视觉层级、交互设计原则。

同样的分化:工具特定的技能消亡了,基于原则的技能延续了下来。3

从屏幕设计到AI辅助(2023至今)

面临压力的: UI组件设计、视觉制作、线框图。AI已能通过自然语言描述完成这三项工作。

被保留的: 用户心理学、研究方法论、系统思维、问题定义、评估标准设计。

新的要求: 提示词设计、AI产出评估、对话设计、多模态交互设计、AI行为设计(约束与防护栏)。4

我亲身经历了最近这次转变。当我开始用FastAPI和HTMX搭建个人网站时,我使用Claude Code来生成UI组件。这些组件是合格的。但合格的组件如果缺乏系统性的组装,只会产出一个不连贯的体验。AI生成了零件,我设计了零件之间的连接方式。


什么在当下创造设计杠杆

问题定义,而非方案生产

当我在ZipRecruiter领导Vision Sprint时,我们八人设计团队在头两周内没有打开Figma。我们访谈求职者、梳理招聘流程,最终发现核心问题根本不在求职界面。问题在于候选人无法用自然语言清晰表达他们真正想要什么。我们收到的每一份”重新设计搜索”的需求都在解决错误的问题。5

普通设计师收到需求后就开始产出设计稿。真正创造价值的设计师会质疑需求本身。”设计一个设置页面”变成了”用户实际会修改哪些设置?如果我们使用合理的默认值,是否可以完全去掉这个页面?”6

AI能在几分钟内生成50个设置页面的变体。但从中选出那个能减少工单、提升激活率、并尊重用户心智模型的变体,需要的是模型无法复制的判断力。

系统思维,而非单屏设计

一个设置页面连接着引导流程(设定默认值的地方)、通知系统(偏好生效的地方)和账户管理(执行删除的地方)。孤立地设计这个页面,它能用。将它作为系统的一部分来设计,整个体验才会感觉连贯。7

当我构建当前网站的设计系统时,每个决策都是系统性的。1.2的字体比例(12px、14、16、18、21、25、30、36、43、52、62、80px)创造出自我调节的视觉节奏。8pt的间距网格(8、16、24、32、48、64、96、128px)杜绝了随意的间距决策。三个文本透明度层级(100%、65%、40%)无需额外颜色即可建立层级关系。这些不是美学选择,而是系统约束,让未来的每一个设计决策都更快、更一致。

系统会产生复利效应。在同一套设计令牌上构建了12个项目之后,我能在几秒内做出过去需要数小时视觉实验才能完成的布局决策。

跨学科翻译能力

最有价值的设计师能说三种语言:用户语言(人们需要什么)、商业语言(什么驱动营收)、工程语言(什么在技术上可行)。

在ZipRecruiter,我学到了”这个交互模式能减少15%的客服工单,每年节省20万美元,且只需要修改一个API端点”——这样的表述能创造设计稿永远无法实现的共识。8在八家公司(Apple、Disney、Penguin Random House、Marvel、ZipRecruiter、Instacart、HarperCollins、Introl)的经历中,能在学科间做翻译的设计师始终胜过那些产出最精美设计稿的设计师。

专业注意力

Mike Monteiro写道:”设计师是被付费来关注这个世界的人。”9经过十年的专业观察,一位设计师已经积累了数千种交互模式、失败案例和优雅的解决方案。AI可以搜索训练数据集。而一位资深设计师搜索的是十年来积累的专业经验,附带着数据集无法编码的情境判断力。

我深入研究过16款卓越的产品:Warp、Vercel、Linear、Raycast、Stripe、Figma、Framer、Notion、Craft、Bear、Arc、Things、Flighty、Halide、Superhuman和Perplexity。每款产品处理交互的方式各不相同,但底层原则是一致的(渐进式披露、视觉权重分配、键盘优先的响应速度)。Superhuman的100毫秒规则和Linear的50毫秒响应目标不是随意的性能指标,而是交互成本决策,在每天的使用中产生复利效应。


会累积的技能与会过期的技能

会累积:视觉层级

用户以可预测的模式扫视界面:文字密集的页面遵循F型模式,图片密集的页面遵循Z型模式。10一旦内化,这个原则可以不假思索地应用于网站、移动应用、仪表盘、邮件模板和演示文稿。这项技能能跨越每一次平台变革,因为人类的扫视行为不会因为媒介的改变而改变。

会累积:交互成本缩减

每一次交互都有认知和运动成本。点击的成本低于输入,识别的成本低于回忆。那些执着于更少点击、更少决策、更少模式、更少状态的设计师,打造出的产品会随时间积累用户满意度。11交互成本高的产品则会积累挫败感,最终导致用户流失。

会累积:设计系统架构

一个构建了连贯设计系统(令牌、组件、模式、模板)的设计师,创造了能加速未来每一个功能开发的基础设施。第一个功能花费的时间与没有系统时相同,第十个减少30%,第五十个减少60%。12一个在五个产品团队间共享的设计系统,会将这种加速效应放大五倍。

会过期:工具精通

Photoshop让位于Sketch。Sketch让位于Figma。Figma终将让位于静态设计稿的替代品。每个工具统治5到10年。工具精通对当前就业是必要的,但对职业韧性是不够的。

“我是一名Figma设计师”与1998年说”我是一名Quark XPress设计师”一样脆弱。

会过期:视觉制作

布局、间距、色彩应用和组件组装正在快速自动化。AI从描述生成可投入生产的设计,保真度越来越高。底层持久的那一层是:知道一个布局应该在主要操作周围留出更多呼吸空间——这是判断力。移动元素来创造那个呼吸空间——这是制作。判断力会延续,制作会被自动化。13


设计工程师路径

最具杠杆效应的个人贡献者将设计判断力与工程能力结合在一起。Vercel和Linear等公司明确招聘这种复合型人才,认识到设计与工程之间的交接会引入延迟、保真度损失和协调开销。14

我是无意间成为这种角色的。离开ZipRecruiter后,我独立构建了所有东西:Ace Citizenship(已上架App Store的iOS应用)、这个网站(FastAPI + HTMX + 纯CSS),以及其他10个项目。我在脑中设计交互,然后直接用Claude Code作为我的实现伙伴来构建。交接为零,因为设计师和工程师是同一个人。

结果是:我第一次就获得了Lighthouse 100/100/100/100满分。不是因为我比专职前端开发者更优秀,而是因为每一个性能决策同时也是一个设计决策。我将CSS精简到75个关键内联样式令牌。我选择了系统字体而非网络字体(消除了100毫秒的布局偏移)。我使用HTMX而非React(将JavaScript负载削减了95%)。每一个决策同时是性能优化和设计选择:更快的页面加载、更少的视觉抖动、更紧凑的交互循环。15

没有交接意味着没有保真度损失。我设计的东西就是用户体验到的东西。构建设计团队记录了让这种设计工程师一体化在团队规模上运转的组织结构,而设计研究合集则收录了我为培养这套方法所需的模式识别能力而研究过的16款产品。


反面论点:工程判断力同样重要

“设计成为瓶颈”的论点言过其实了。架构决策、性能工程、安全设计和系统思维仍然是高度专业化的工作,AI可以辅助但无法替代。一位设计出能支撑百万用户系统的10倍工程师,创造的价值与10倍设计师的价值相当。16

最佳定位是兼具两者。在未来十年中最成功的设计师将在设计判断力与工程能力的交汇点上工作——不是因为某个学科更重要,而是因为消除两者之间的边界,就移除了产品开发中摩擦最大的节点。


未来十年的职业策略

本文属于设计工程枢纽,该专栏汇集了设计判断力与工程实现的交叉点。品味是一套技术系统进一步延伸了这一论点:在AI时代幸存下来的判断力不只是直觉,而是被编码为可验证基础设施的品味。设计指南则为全文讨论的设计原则提供了实践者参考。

构建持久的基础。 将60-70%的学习时间投入到在过去三次范式转变中都幸存下来的技能上:人类心理学、研究方法论、信息架构、系统思维、问题定义。这些技能在整个职业生涯中累积增值,而不是随平台更迭而贬值。17

保持工具熟练度,而非工具身份认同。 学好当前工具以达到专业执行速度。但不要让任何工具定义你的职业身份。

学习邻近学科。 在范式转变中最成功的设计师阅读面广泛:心理学、商业战略、工程基础、新兴技术。邻近领域的知识构建了模式识别能力,能在设计社区发布最佳实践之前就识别出新技术如何影响用户体验。

练习评估能力,而不仅是创作能力。 随着AI生成越来越多的设计产出,评估质量、识别什么服务用户、拒绝什么不服务用户的能力成为核心技能。一个能从50个AI生成的变体中选出正确方案的设计师,比一个手动制作单一方案的设计师创造更多价值。


常见问题

哪些设计技能能在AI冲击中幸存?

在此前每一次范式转变(印刷到网页、网页到移动端)中幸存、并将在AI时代继续幸存的技能是:用户心理学、研究方法论、系统思维、问题定义、评估标准设计,以及跨学科翻译能力。工具熟练度和视觉制作则面临压力,因为AI已能通过自然语言描述完成组件设计、线框图和布局,而且保真度越来越高。

什么是设计工程师路径?

设计工程师兼具设计判断力与工程能力,消除了设计与工程之间那道带来延迟、保真度损失和协调开销的交接。Vercel和Linear这样的公司明确按这一画像招聘。作者在离开ZipRecruiter后成为了这样的角色,以Claude Code为实现伙伴直接构建一切,第一次就拿到Lighthouse 100/100满分,因为每一个性能决策同时也是一个设计决策。

设计师应该如何分配学习时间?

把60-70%投入到能在整个职业生涯中累积增值的持久技能上:人类心理学、研究方法论、信息架构、系统思维和问题定义。保持工具熟练度,但不要让任何工具成为你的职业身份。同时学习商业战略、工程基础等邻近学科,因为跨学科的模式识别能力能在设计社区发布最佳实践之前,就识别出新技术如何影响用户体验。

为什么问题定义比方案生产更重要?

AI能在几分钟内为任何设计生成50个变体。但从中选出那个能减少工单、提升激活率、并尊重用户心智模型的变体,需要的是模型无法复制的判断力。质疑需求的设计师(”用户真的需要一个设置页面吗,还是合理的默认值就能把它去掉?”)比为错误方案做出最精美设计稿的设计师创造更多价值。


参考文献


  1. Norman, Don, “The Term ‘UX’,” 2016. Origin and evolution of the term. ↩

  2. Zeldman, Jeffrey, Designing with Web Standards, New Riders, 2003. ↩

  3. Wroblewski, Luke, Mobile First, A Book Apart, 2011. ↩

  4. Nielsen, Jakob, “AI and UX: The Future of User Experience,” Nielsen Norman Group, 2024. ↩

  5. Author’s experience leading the Vision Sprint design team at ZipRecruiter, 2024. ↩

  6. Norman, Don, The Design of Everyday Things, Basic Books, 2013. Problem definition vs. solution design. ↩

  7. Meadows, Donella, Thinking in Systems, Chelsea Green, 2008. ↩

  8. Greever, Tom, Articulating Design Decisions, O’Reilly, 2015. ↩

  9. Monteiro, Mike, Design Is a Job, A Book Apart, 2012. ↩

  10. Nielsen, Jakob, “F-Shaped Pattern of Reading on the Web,” Nielsen Norman Group, 2006. ↩

  11. Krug, Steve, Don’t Make Me Think, New Riders, 2014. ↩

  12. Frost, Brad, Atomic Design, self-published, 2016. ↩

  13. Figma, “AI-Powered Design: From Production to Evaluation,” 2024. ↩

  14. Rauchg, Guillermo, “Design Engineers,” 2024. ↩

  15. Author’s Lighthouse audit data, documented in “How I Got a Perfect Lighthouse Score”. ↩

  16. Brooks, Frederick P., The Mythical Man-Month, Addison-Wesley, 1975. Engineering leverage and the 10x developer concept. ↩

  17. Cross, Nigel, Design Thinking, Bloomsbury, 2011. ↩

相关文章

代理式设计是控制界面设计

代理式设计不是更漂亮的聊天框。它是一种控制界面,让自主软件变得可见、可中断、可审计,并值得信任。

11 分钟阅读

代理界面就是代理框架

代理界面设计是运行层:权限、记忆、追踪、证据、恢复与品味,共同决定自主AI代理能否赢得信任。

10 分钟阅读

16个设计案例研究:我融入自身工作的四大模式

在深入研究16款产品后,四个贯穿性模式改变了我构建界面的方式。以下是我的收获与借鉴。

8 分钟阅读