AI的樣貌:人工智慧設計的用戶體驗模式

AI的樣貌:人工智慧設計的用戶體驗模式

Hacker News·

本文探討隨著人工智慧的發展,用戶體驗(UX)將如何演變,並著重於AI介面的設計模式。文章介紹了諸如「引導者」(Wayfinders)等概念,旨在引導用戶,並提出了在初始提示不夠清晰時收集更多資訊的方法。

Image

Image

Exploring how User Experience will evolve with the growth of Artificial Intelligence.

Image

Image

Image

Image

Image

Image

Image

Wayfinders

Image

Image

Share sample generations, prompts, and parameters to educate and inspire users.

Image

Get more information from the user when the initial prompt isn't sufficiently clear.

Image

Large, open-ended input inviting the user to start their first interaction with the AI.

Image

Alert users to actions they can take to use AI, especially if they are just getting started.

Image

Show users what is actually happening behind the scenes.

Image

Kickstart the prompting experience with a low bar and fun results

Image

Solves the blank canvas dilemma with clues for how to prompt.

Image

Structured templates that can be filled by the user or pre-filled by the AI.

Image

Prompt actions

Image

Extend a prompt to multiple fields or inputs at once.

Image

Image

Decomposes the course into its fundamental tokens and suggested prompt.

Image

Lengthen the underlying content or add depth and details.

Image

Ask or interact with AI contextually based on something already available on the page.

Image

Target specific areas of the AI's result to regenerate or remix.

Image

Repeatedly run generative tasks without compromising on the format or accuracy.

Image

Open ended prompt inputs that can be used in AI conversations and other natural language prompting

Image

Have the AI reproduce its response to the prompt without additional input

Image

Use existing content as the starting point for prompting.

Image

Transfer styles without changing the underlying structure of a generation.

Image

Have AI distill a topic or resource down to its essence.

Image

Distill or reorganize complicated information into simple structure.

Image

Use AI to change the modality of content.

Image

Tuners

Image

Give the AI a specific reference to anchor its response.

Image

Allow AI to reference external data and context.

Image

Constrain the inputs or the outputs of the AI by source, type, modality, etc.

Image

Let users specify what model to use for their prompts.

Image

Adjust the underlying training, constraints, and persona to a specific context of use.

Image

Include constraints with your prompt for the AI to reference when generating its result.

Image

Provide default options to change the texture, aesthetic, or tone of generative media.

Image

Image

Allow users to define their own style presets for re-use.

Image

Ensure outputs match your voice, tone, and preferences in a consistent way.

Image

Governors

Image

Image

Have the AI show the steps it will take to respond to the user's prompt before it executes its response

Image

Support iterative prompting while retaining footprints band visibility back to the original

Image

Lets the AI give inline annotations to cite its sources

Image

Manage the flow of information or pause a request mid-stream to adjust the prompt

Image

Help users proactively modulate compute power through transparent cost estimates for actions

Image

Support exploration and iterative prompting while reducing compute costs until a final form is ready

Image

Control what details the AI knows about you

Image

See and manage what additional sources the AI references to generate its response

Image

Confirm the user's intent for complicated prompts

Image

Live visibility into the AI's action in a shared canvas or workspace

Image

Reveals the AI's logic thought process, tool use, and decisions for oversight and auditability

Image

Trace through multiple variations of a result to choose the one that works best for them

Image

Allow users to confirm AI decisions and actions before proceeding

Image

Trust builders

Image

Image

Inform users about shortcomings or risks in the model or the technology overall

Image

Only capture data from others with their knowledge and permission

Image

Control how the model remembers and uses your data

Image

Clearly mark content and interactions guided or delivered by AI

Image

Let users trace the AI's steps from prompt to result

Image

Interact with the AI outside of its memory

Image

Identifiers on AI Generative content that humans, software, or programs can read

Image

Identifiers

Image

Image

Visual identifier of the AI itself to help it be recognizable, memorable, and on-brand.

Image

Visual cues to help users identify AI features or content.

Image

Images that represent AI-powered actions throughout the interface.

Image

How the AI is referred to through the product and across the overall customer experience.

Image

Characteristics that distinguish the AI's personality and vibe.

Follow along

Image

[↑] Subscribe to the newsletter for free to support the project or follow along.

Image

[↑] Join the Slack where we can discuss emerging patterns, new products, and the changing role of design. The community is free to join and participate in.

© Emily Campbell 2025 | Sharable under CC-BY-NC-SA | Contact

Image

Hacker News

相關文章

  1. AI 使用者體驗設計模式

    4 個月前

  2. AI 系統工程模式

    4 個月前

  3. AI 基礎知識:初學者指南

    OpenAI · 13 天前

  4. AI使用者介面問題:無人談論的痛點

    3 個月前

  5. 為AI設計設計合約

    3 個月前