ai-native-ux
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseDesigning AI-Native User Experiences
设计原生AI用户体验
Transition from static interfaces to fluid, intent-driven interactions that leverage model intelligence.
Help the user with designing ai-native user experiences using insights from 14 guests and posts across Lenny's Podcast and Newsletter.
从静态界面转向利用模型智能的流畅、意图驱动型交互。
借助Lenny播客与通讯中14位嘉宾的观点及相关文章,帮助用户设计原生AI用户体验。
How to Help
如何提供帮助
- Map the Agency-Control Balance - Assist the user in deciding which tasks the AI should automate versus which requires manual human oversight.
- Design for Non-Determinism - Help create UI patterns that account for varying model outputs and provide easy correction mechanisms.
- Structure Conversational Grammars - Guide the user in defining the invisible rules and structured elements that make natural language interfaces predictable.
- Iterate on Feedback Loops - Help implement simple, high-frequency feedback mechanisms to refine model performance based on user interaction.
- 梳理自主性与控制权的平衡 - 协助用户确定哪些任务应由AI自动化处理,哪些需要人工监督。
- 为非确定性设计 - 帮助创建能应对模型输出差异的UI模式,并提供便捷的纠错机制。
- 构建对话语法结构 - 指导用户定义让自然语言界面具备可预测性的隐性规则与结构化元素。
- 迭代反馈循环 - 帮助实现简单、高频的反馈机制,基于用户交互优化模型性能。
Core Principles
核心原则
Design for fluid intent
为流畅的用户意图设计
Aishwarya Naresh Reganti + Kiriti Badam: "Most people tend to ignore the non-determinism. You don't know how the user might behave with your product, and you also don't know how the LLM might respond to that. The second difference is the agency control trade-off."
Move away from fixed buttons and forms toward interfaces where user intentions are expressed through natural language. This requires managing the trade-off between the flexibility of language and the precision of traditional UI.
Aishwarya Naresh Reganti + Kiriti Badam:"大多数人往往会忽略不确定性。你无法预知用户会如何使用你的产品,也无法预知LLM会给出怎样的回应。第二个差异在于自主性与控制权的权衡。"
摆脱固定按钮与表单,转向用户可通过自然语言表达意图的界面。这需要在语言的灵活性与传统UI的精准性之间找到平衡。
Define clear decision boundaries
明确决策边界
Adriel Frederick: "And I was like yeah, the reason that falls down is the algorithms don't understand long term effects often, nor do they understand how people might respond to it, nor do they understand your intent for the product, and I think it's really important for product managers to play that role. That is our job. When you are working on algorithmic heavy products, your job is figuring out what the algorithm should be responsible for, what people are responsible for, and the framework for making decisions."
Explicitly establish which decisions belong to the algorithm and which require human intervention. This framework bridges the gap between machine optimization and human intent.
Adriel Frederick:"我当时就想,这种方案失效的原因在于算法通常无法理解长期影响,也无法理解人们的反应,更无法理解你对产品的意图。我认为产品经理扮演这个角色非常重要,这是我们的职责。当你开发算法密集型产品时,你的工作就是明确算法和人类各自负责的内容,以及决策框架。"
清晰界定哪些决策由算法负责,哪些需要人工干预。该框架能弥合机器优化与人类意图之间的差距。
Build structured grammars for language
为语言构建结构化语法
Aparna Chennapragada: "Natural language interface. NLX is the new UX. Often I hear a product builders say, 'Oh, yeah. With AI, the model eats the products.' That doesn't mean it's not designed."
Natural language experiences shouldn't be left entirely to the model. Designers must define the invisible UI constructs and grammars inherent in specific contexts like meetings or podcasts.
Aparna Chennapragada:"自然语言界面(NLX)是新一代UX。我常听到产品开发者说,‘有了AI,模型就接管了产品’,但这并不意味着不需要设计。"
自然语言体验不能完全交由模型处理。设计师必须定义特定场景(如会议或播客)中固有的隐性UI结构与语法。
Implement effortless correction
实现便捷纠错
Gustav Söderström: "And the AI DJ is you press a button, a digitized person, there's a real person named X, digitized X. So he's now an AI, comes on and talks to you about music that you like and suggests music, and you can listen to it. And if you don't like it, you can just call him back and he says, 'Okay, now, let's listen to something maybe from a few summers ago,' or 'Here's some new stuff that were trending yesterday in The Last of Us episode or something like that.'"
Because AI outputs are inherently variable, prioritize simple feedback loops. Use digitized personas or 'call for help' buttons to make correcting AI mistakes feel natural for the user.
Gustav Söderström:"AI DJ的操作很简单,你按下按钮,一个数字化的人物(真实存在的X的数字化版本)就会出现,和你聊你喜欢的音乐并给出推荐,你可以收听。如果你不喜欢,只需召回它,它会说,‘好的,那我们来听听几年前夏天的音乐吧’,或者‘这是昨天《最后生还者》剧集相关的热门新曲目’之类的内容。"
由于AI输出天生具有多变性,应优先打造简单的反馈循环。使用数字化角色或“求助”按钮,让用户纠正AI错误的过程更自然。
Optimize for instruction following
优化指令遵循能力
Kevin Weil: "It's very good at instruction following. That's actually something that I think people... I'm starting to see people discover with it, but you can do very complex things. You can give it two images, one is your living room and the other is a whole bunch of photos or memorabilia or things you want and you say, 'Tell me how you would arrange these things.'"
Shift interaction patterns from simple commands to complex, multi-step instructions. Design the UX to leverage the model's reasoning capabilities across multi-modal inputs.
Kevin Weil:"它非常擅长遵循指令。实际上我发现人们刚开始意识到这一点,你可以用它完成非常复杂的任务。比如给它两张图片,一张是你的客厅,另一张是一堆你想摆放的照片、纪念品或物品,然后说‘告诉我该如何布置这些东西’。"
将交互模式从简单指令转向复杂的多步骤指令。设计UX以充分利用模型对多模态输入的推理能力。
Scale through an agency-control ladder
通过自主性-控制权阶梯实现规模化
From "Why your AI product needs a different development lifecycle": "Start by identifying a set of features that are high control and low agency (version 1 in the image above). These should be small, testable, and easy to observe. From there, think about how those capabilities can evolve over time by gradually increasing agency, one version at a time."
Only increase AI autonomy after performance is verified in low-stakes environments. Start with high-control features and break down lofty agent goals into small, testable behaviors.
摘自《为何你的AI产品需要不同的开发生命周期》:"首先确定一组高控制权、低自主性的功能(如上图中的版本1)。这些功能应小巧、可测试且易于观察。在此基础上,思考如何通过逐步提升自主性,让这些能力随版本迭代不断演进。"
只有在低风险环境中验证性能后,再提升AI的自主性。从高控制权功能起步,将宏大的Agent目标拆解为可测试的小行为。
Preserve user flow state
保留用户流程状态
Ryan J. Salva: "When you are in the editor, it could be VS Code, it could be IntelliJ, it could be them, essentially, as you are typing, Copilot will provide suggestions usually in kind of this italicized gray text that is really, to your point, kind of magical what it's able to infer."
Integrate AI suggestions directly into existing tools using non-disruptive cues like italicized gray text. This ensures the AI assists the user without breaking their creative momentum.
Ryan J. Salva:"当你在编辑器中(可能是VS Code、IntelliJ或其他编辑器)输入内容时,Copilot通常会用灰色斜体文本提供建议,正如你所说,它的推理能力简直不可思议。"
通过非干扰性提示(如灰色斜体文本)将AI建议直接集成到现有工具中。确保AI在协助用户时不会打断他们的创作节奏。
Templates & Frameworks
模板与框架
- NLX (Natural Language Experience) Design Elements (Aparna Chennapragada) - A set of invisible UI constructs that must be explicitly designed in conversational AI interfaces.
- AI Makes Pixels Free (Sam Schillace) - Just as the internet made information distribution free, AI will make pixel production free — transforming the entire software industry from static apps to dyna
- Fault-Tolerant User Interfaces (Gustav Söderström) - A design principle for AI products where the UI is built to accommodate the error rate of the underlying machine learning model.
- Canva Magic Media UX Evolution (Counterintuitive advice for building AI products) - How Canva iterated on their text-to-image AI feature to reduce the intimidation of empty prompt boxes and guide users to better outcomes
- Low Downside Design Patterns for AI Agents (Make product management fun again with AI agents) - Four patterns for capping the risk of AI agent mistakes while preserving upside, applicable to any agent design.
- 200 Millisecond Latency Sweet Spot for AI Suggestions (Ryan J. Salva) - The optimal response time for inline AI code suggestions to maintain developer flow state
- AI Pair Programmer Framing (Ryan J. Salva) - A product persona/metaphor used to guide ethical and UX decisions for AI coding tools
See for the full list with details.
references/artifacts.md- NLX(自然语言体验)设计元素(Aparna Chennapragada)- 一套必须在对话式AI界面中明确设计的隐性UI结构。
- AI让像素生产自由化(Sam Schillace)- 正如互联网让信息分发自由化,AI将让像素生产自由化——将整个软件行业从静态应用转变为动态应用
- 容错型用户界面(Gustav Söderström)- 一种AI产品设计原则,UI需适配底层机器学习模型的错误率。
- Canva Magic Media UX演进(AI产品构建的反直觉建议)- Canva如何迭代其文本生成图像AI功能,降低空白输入框带来的用户焦虑,引导用户获得更好的结果
- AI Agent低风险设计模式(用AI Agent让产品管理重回乐趣)- 四种在保留收益的同时控制AI Agent错误风险的模式,适用于任何Agent设计。
- AI建议的200毫秒延迟最佳值(Ryan J. Salva)- 嵌入式AI代码建议的最优响应时间,以维持开发者的流畅工作状态
- AI结对编程定位(Ryan J. Salva)- 用于指导AI编码工具伦理与UX决策的产品角色/隐喻
完整详情请查看。
references/artifacts.mdQuestions to Help Users
用于协助用户的问题
- "What is the current breakdown between human control and AI agency in this workflow?"
- "How does the interface handle a situation where the model provides an incorrect or low-confidence response?"
- "Are we providing enough visual cues to help the user move past a blank prompt box?"
- "What invisible UI grammars are necessary to make this conversation feel structured and useful?"
- "Is the latency of the AI response fast enough to maintain the user's flow state?"
- "How are we distinguishing between user-authored content and AI-generated suggestions?"
- "当前工作流程中,人工控制与AI自主性的占比如何?"
- "当模型给出错误或低置信度的响应时,界面如何处理?"
- "我们是否提供了足够的视觉提示,帮助用户摆脱空白输入框的困境?"
- "需要哪些隐性UI语法才能让对话更具结构性与实用性?"
- "AI响应的延迟是否足够快,以维持用户的流畅工作状态?"
- "我们如何区分用户原创内容与AI生成的建议?"
Common Mistakes to Flag
需要指出的常见错误
- The Empty Prompt Trap - Expecting users to know exactly what to type without providing visual starting points or guided options leads to user paralysis.
- Over-building Rigid UI - Hard-coding specific UI elements for model features makes the product fragile and unable to keep pace with rapid AI improvements.
- Black Box Autonomy - Increasing AI agency without early human-in-the-loop controls makes debugging impossible and destroys user trust when errors occur.
- Ignoring Non-Determinism - Treating AI like a fixed decision engine leads to broken user experiences when the model inevitably produces varied results.
- 空白输入框陷阱 - 期望用户确切知道该输入什么,却未提供视觉起点或引导选项,导致用户陷入决策瘫痪。
- 过度构建刚性UI - 为模型功能硬编码特定UI元素,会让产品变得脆弱,无法跟上AI的快速迭代。
- 黑箱自主性 - 在未设置早期人工介入控制的情况下提升AI自主性,会导致错误发生时无法调试,破坏用户信任。
- 忽略非确定性 - 将AI视为固定决策引擎,当模型不可避免地产生多样结果时,会导致用户体验崩溃。
Deep Dive
深度探索
For all 14 sourced insights from 14 guests, see
references/guest-insights.md如需了解来自14位嘉宾的全部14条见解,请查看
references/guest-insights.mdRelated Skills
相关技能
- Ai Product Strategy
- Ai Evals
- AI产品策略
- AI评估