一覧へ戻る
📚リソース

Generative UI and Outcome-Oriented Design

Nielsen Norman Group
2024-03

概要

Nielsen Norman Groupによる、Generative UIがdesign paradigmへ与える影響を論じた記事です。Generative UIをAIによりtailored interfaceをreal-timeに動的生成するtechnologyとして説明し、従来のinterface designから、user goalと最終体験に焦点を当てるoutcome-oriented designへの移行を提案しています。

要約

Design paradigmの変化:

1. Massからindividualへ: 多数派を満たす設計から、個々人を満たす設計へ移る
2. Outcome-oriented: UI要素ではなく、ユーザーのgoalとfinal experienceを中心にする
3. Dynamic personalization: contextやpreferenceに応じてinterfaceがreal-timeに適応する
4. Designer role evolution: designerはguardrailやpatternを定義するexperience architectになる
5. 新しい課題: brand consistency、accessibility、AI-generated UIのquality controlが重要になる

原則: outcomeを設計し、interface生成はAIに委ねるという考え方

タグ

nngroupuxdesignarticle

関連記事

📚リソース

CopilotKit for Vue: Native Generative UI over AG-UI

CopilotKit's November 2026 guide to its native Vue 3 SDK documents tool-call rendering with Vue components, reactive shared context, and human approval flows over AG-UI. It includes provider/chat wiring and a concrete confirmation component example, with links to the Vue quickstart and API reference.

generative-uivuecopilotkit
by Nathan Tarbert, CopilotKit · 2026-11-02
リソースを見る
📚リソース

Cloudflare D1: Scaling Databases for AI-Generated Apps

Cloudflare D1's official engineering article explains the database infrastructure behind AI-generated apps and vibe coding platforms. It covers scaling a control plane for many small databases per user, application, preview or tenant, keeping routing and usage accounting off the query hot path. For Generative UI builders, it is a backend architecture reference for persistent generated applications.

cloudflare-d1ai-generated-appsvibe-coding
by Cloudflare · 2026-10-13
リソースを見る
📚リソース

Genkit Dart 1.0: Streaming A2UI Integration for Flutter

Google's Genkit Dart 1.0 announcement connects a stable AI backend core with genkit_a2ui for streaming agent-generated forms, date pickers, and confirmation cards into native Flutter widgets. The linked implementation guide covers catalog validation, streamed surface messages, and user actions; the Agents API and A2UI plugin remain in preview.

generative-uia2uidart
by Chris Gill / Google · 2026-10-08
リソースを見る

Generative UI、Intelligent UI、GenUI、生成AI UIデザインの厳選リソース集。

Made with ❤️ community