#96 Advanced UX Patterns for AI Products – Part 2
Future of UX | Your Design, Tech and User Experience Podcast | AI Design
Deep Dive
What is the purpose of the token layering pattern in AI UX design?
The token layering pattern allows users to construct prompts using specific keywords or tokens, guiding the AI to produce more accurate and tailored outputs. This method gives users greater control over the AI's output, making the creative process more interactive and personalized.
How does the variation pattern enhance user engagement in AI products?
The variation pattern presents users with multiple AI-generated options based on a single prompt, allowing them to choose the result that best fits their needs. This approach saves time and enhances user satisfaction by offering choices that align with their preferences.
Why are distinct color schemes important in AI UX design?
Distinct color schemes help users identify AI features and differentiate AI-generated content from human-generated content. This visual differentiation builds trust and transparency, ensuring users are aware of the AI's role in the interaction.
What role does Adobe Firefly play in demonstrating token layering?
Adobe Firefly, an image generation tool, allows users to input visual tokens representing specific concepts or styles. By layering these tokens, users can fine-tune their prompts, leading to more specific AI-generated images or designs.
What is the significance of the sparkle icon in AI products?
The sparkle icon is a common visual cue used to represent AI features. It helps users quickly identify AI-generated content, often paired with specific colors like purple, which are widely used across various AI tools.
How do AI UX patterns contribute to creating trustworthy interfaces?
AI UX patterns like token layering, variations, and color schemes enhance user engagement and transparency by providing greater control, multiple options, and visual cues that differentiate AI-generated content from human-generated content, thereby building trust.
What is the current status of AI UX patterns in design?
AI UX patterns are still a work in progress, with companies continuously exploring and refining how to best implement them. They serve as guidelines rather than strict rules, helping designers create more intuitive and trustworthy AI interfaces.
What resource is recommended for learning more about AI UX patterns?
The 'Shapes of AI' library by Emily Campbell is highly recommended for further exploration of AI UX patterns. It provides insights into how different companies are solving design problems related to AI interfaces.
- Token layering allows users to construct prompts using specific keywords or tokens, guiding the AI to produce more accurate outputs.
- Variations present users with multiple AI-generated options based on a single prompt, enhancing user satisfaction and providing choices.
- Color schemes help users identify AI features and content, building trust and transparency by visually differentiating AI-generated content from human-generated content.
Shownotes Transcript
您好，欢迎回到未来用户体验播客，我们将深入探讨技术和设计不断变化的世界。我是您的主持人帕特里夏·莱纳斯。在我们上一集中，我们探讨了 AI 产品中的基本 UX 模式，讨论了模板、建议、隐身模式和 KV 如何塑造用户互动。
今天，在第二部分中，我们将继续这段旅程，看看正在重新定义 AI 用户体验设计的其他 UX 模式。
随着 AI 继续融入我们的日常生活，了解这些模式对于创建直观且值得信赖的界面变得非常重要。设计 AI 产品与设计典型的或传统的界面略有不同，我们将讨论诸如令牌分层、变体和配色方案之类的模式，并了解它们如何增强用户与 AI 系统的互动。
因此，我们将首先探讨令牌分层模式及其在定义 AI 输入中的作用。然后，我们将讨论变体模式，该模式为用户提供多个 AI 生成的选项。最后，我们将研究配色方案模式以及视觉提示如何帮助用户识别 AI 功能。在整个过程中，我们将参考许多不同的见解，我还将链接
精彩的网站，您可以在节目说明中找到更多信息，因此请务必查看它，了解有关 AI 设计模式的更多信息，我想让我们直接深入研究第一个模式，即令牌分层模式，因此让我们从令牌分层模式开始，这种方法允许用户使用特定的关键字或令牌来构建提示
有效地指导 AI 生成更准确和更量身定制的输出。看看 Adobe Firefly。这是一个基于 Web 的界面，用户可以在其中输入视觉令牌。因此，代表特定概念或样式的不同、可忽略的元素。通过分层这些令牌，用户可以微调他们的提示。这有点像您输入的参数。
这将导致更具体的 AI 生成的图像或设计。这种方法使用户能够更好地控制 AI 的输出，使创作过程更具互动性和个性化。
例如，使用 Adobe Firefly 的方法如下：它是 Adobe 的图像生成工具。您输入一个提示，例如“戴眼镜在办公室里工作并在 MacBook 上工作的狗”，然后在左侧，您可以选择输入不同的令牌或不同的参数，怎么说。例如样式：是摄影还是艺术风格？因此，您输入令牌“摄影”。
然后，您输入具有纵横比的令牌，例如 1:1。这是一刻钟。然后，您输入另一个令牌，例如纸张分层，这是一种特定的样式。然后，您将所有这些令牌、小的调整、小的参数输入到您最初创建的提示中。第二个模式是变体模式。让我们讨论一下。
此模式为用户提供基于单个提示的多个 AI 生成的选项，允许他们选择最符合其需求的结果。它看起来像什么？
想象一下使用 AI 写作助手来起草电子邮件。输入您的初始提示后，AI 会提供电子邮件的几个版本，每个版本在语气或结构上略有不同，然后您可以选择最符合您预期消息的版本。这种方法不仅节省时间，而且还通过提供符合用户偏好的选择来增强用户满意度。
它确实有助于更好地了解用户想要什么。因此，不同变体模式之间的想法是，如果用户输入提示，则创建不同的版本、不同的变体，然后用户选择最适合他们的变体。
这对于了解有关用户的更多信息以及提供有帮助的内容非常有帮助。我们的最后一个主题是配色方案模式。我认为这非常有趣，因为在 AI 方面，许多公司、产品目前都在使用这些视觉提示、特定的颜色、大量的紫色、大量的黑色、鲜艳的黄色。
这有助于用户识别界面中的 AI 功能或内容。许多 AI 驱动的工具使用这些独特的配色方案来区分 AI 生成内容和人工生成内容。这对用户来说也超级重要。
例如，电子邮件客户端可能会以特定颜色突出显示 AI 建议的回复，真正向用户发出信号，这些 AI 生成的建议，这种视觉差异，建立信任和透明度，确保用户了解 AI 在互动中的作用。好的，现在让我们来看一下本集的赞助商 Wix Studio。
网页设计师们，让我们谈谈 C 字，创意倦怠。
您的客户端拥有真正的投资组合潜力，但在资源、反馈、有限的预算和越来越紧张的截止日期之间，它根本无法实现。Wix Studio 有助于弥合这一差距。专为代理机构和企业打造，您可以将自己的愿景变为现实，并通过无代码动画、大量 AI 工具、可重复使用的设计资产和高级布局工具使其保持活力。对于您的下一个项目，请查看 wixstudio.com
那就是 wixstudio.com 一个非常常见的用于表示 AI 的图标是闪光图标，您可能到处都见过。因此，一旦我们在某个地方看到闪光图标，就知道那些小小的星星，我们就知道，好的，这是 AI 生成的。
因此，下次您使用 Wix 或 Elementor 或 ChatGPT 的 AI 产品时，请查看 AI 的表示方式，它是否为某种颜色，是否使用了某种图标，您会看到很多相似之处，大多数公司出于某种原因使用紫色作为他们的 AI 颜色
并使用这些闪光表情符号来展示 AI 集成的位置和 AI 未集成的位置。因此，如果您目前正在开发 AI 产品，这些模式对您来说可能非常非常有帮助，仅作为指南。这不是一项规则，您应该遵循多年来经过测试的内容。
所有公司、所有提出这些模式的 AI 设计师目前仍在探索如何使用这些模式以及如何充分利用这些模式。这仍在进行中，但我认为将其作为指南非常有效。我们谈到的第一个 AI UX 产品，UX 模式是令牌分层模式。
因此，您可以购买提示，然后可以添加某些参数、某些调整来定义提示。这不像模板提示，但您可以选择哪些参数很重要。例如，对于 Instagram 故事，您是否介意纵横比，或者您是否需要将其用于帖子？
那么纵横比对您来说重要吗？因此，您可以选择不同的令牌或不同的模式或不同的参数，您基本上将其添加到提示中以获得所需的结果。第二个是不同的变体，以了解有关用户的更多信息并提供用户可以选择的不同选项。
最后一个是区分 AI 生成内容或 AI 发挥作用的内容以及基本上更像以人为本的内容。您有某些颜色来区分来自 AI 的所有内容，或者某些表情符号或某些图标或任何东西来表示这是 AI 生成的。看看这些不同的工具也是我认为非常非常有帮助的事情。
通常，如果您想了解有关 AI 模式等的更多信息，我强烈建议您查看 Emily Campbell 的 Shapes of AI 库。她也是我在播客中已经两次谈论 AI 和设计未来的人，我们深入探讨了这一切的样子。她创建了一个免费的精彩资源，
在网络上，您可以浏览这些不同的模式。这些不是您应该遵循的主要解决方案，但它显示或提供了一些其他公司如何解决某些问题的想法。这可能非常有帮助。因此，SAI 继续发展。理解、实施、提出新的 UX AI 模式对于创建用户友好且值得信赖的界面至关重要。我们基本上是在互相学习。
因此，诸如令牌分层、参数、为用户创建变体和配色方案之类的模式，因此区分人工创建的内容和 AI 生成的内容
增强了用户参与度，但也增强了对 AI 交互的信心。所有公司目前都在学习什么有效，什么无效。因此，一切基本上都在进行中。如果您觉得今天的讨论很有见地，请考虑订阅 Future of UX 播客，留下评论。
当涉及到探索设计、技术和未来的交集时，不要错过任何未来的剧集。别忘了访问 Serbs of AI 网站，获取有关 AI UX 模式的丰富资源。非常感谢您今天加入我。敬请期待我们下一集，我们将继续探索用户体验设计的未来。
在此之前，请继续设计未来。非常感谢您的收听，将来再见。
您