UI/UXデザイナー向けChatGPTプロンプト35選

UI/UXデザインはユーザー心理と視覚表現が交わる仕事で、工程ごとに異なる考え方が求められます。適切なUI/UXデザイナー向けChatGPTプロンプトを使えば、探索を速め、フローを深く検討し、画面文言を改善し、開発者や関係者に判断の根拠を明確に伝えられます。

以下の35のプロンプトを、調査と探索、情報設計とフロー、ワイヤーフレームとUI、画面文言・アクセシビリティ・テスト、デザインシステムと引き継ぎの5段階に分けました。ChatGPTや他のAIチャットボットで使えます。

効果的なUXプロンプトには、実際のプロダクトの背景が必要です。回答は検討し直すための初稿として扱い、次の点を意識しましょう。

• プロダクトとユーザーを説明する：プラットフォーム、対象者、目標、画面が果たすべき役割を伝えます。
• 制約を明示する：モバイル優先、ブランド規定、技術的な制約、WCAG AAなどのアクセシビリティ目標を示します。
• 調査データを保護する：インタビュー記録を匿名化し、参加者の個人情報を貼り付けないようにします。
• 実際の人とツールで検証する：AIは思考を速めますが、ユーザビリティテスト、コントラスト確認、支援技術を使うユーザーとのテストも必要です。

細かな調査分析や自然な画面文言を作る際は、Claude Sonnet 5から試すとよいでしょう。

デザインを始める前にユーザーを理解するための7つのプロンプトです。AI要約ツールを使えば、長い匿名化済みの調査記録を分析前に整理できます。

1. ユーザーインタビューの質問設計

[調査目的]を理解する30分のユーザーインタビューガイドを作ってください。参加者像：[説明]。導入、現在の行動、困りごと、メンタルモデル、締めくくりを含めます。各部分の質問、時間不足時に優先する質問、深掘りのポイントを示してください。

2. ユーザージャーニーマップ

[ユーザーの種類]が[プロダクトの種類]で[目標]を達成するジャーニーを整理してください。各段階の目標、行動、想定される感情、困りごと、負担軽減や喜びにつながる機会を、1段階1行の表で示してください。

3. 調査に基づくペルソナ

匿名化した調査結果[貼り付け]に基づき、目標、不満、行動、利用状況、調査の実際の言葉を反映した短い引用を持つペルソナを作ってください。根拠のある内容と推測を区別してください。

4. アンケートの質問作成

[対象者]から[調査目的]を知るための10問のアンケートを作ってください。尺度式と自由回答を組み合わせ、誘導質問や1問で2つ聞く表現を避け、各質問がどの判断に役立つか説明してください。

5. インタビューの統合分析

[人数]人へのインタビューの匿名化記録です：[貼り付け]。親和図のようにテーマ別に整理し、出現頻度、各テーマを裏付ける引用1つ、デザイン改善の機会3つを示してください。

6. 競合UXの評価

メモとスクリーンショットに基づく[競合]の[フローまたは機能]の対応です：[説明]。明確さ、手順数、負担、良い体験を比較し、取り入れるべきパターンと未対応の課題を挙げてください。

7. ジョブ理論による整理

調査[貼り付け]から、[ユーザーの種類]の主なジョブを「〜のとき、〜したい。それによって〜できる」の形式で書いてください。現在のデザインが十分に支援できていないジョブも示してください。

プロンプト1のメンタルモデルに関する質問は、特に有用な気づきにつながります。インタビューデータのコーディングやテーマ分析を深めたい場合は、質的データ分析向けChatGPTプロンプトも参照してください。

使いにくさが生まれやすい構造とフローを検討する7つのプロンプトです。Gemini 3 Proでは、サイトマップ全体や長いフロー説明を1つの会話で扱えます。

8. 情報設計のレビュー

[プロダクトの種類]の情報設計をレビューしてください。ナビゲーション：[説明]。ユーザーから見たラベルの明確さ、内容の分類、階層の深さと広さ、主要機能の見つけやすさを評価し、変更案と理由、埋もれた機能や不適切なラベルを示してください。

9. ユーザーフローの整理

[プロダクト]で[タスク]を行うフローを順番に整理してください。正常経路、判断箇所、エラー経路、途中離脱時の対応、短縮できる箇所を含めてください。

10. カードソーティングの計画

[プロダクト領域]のカードソーティング調査を計画してください。オープン型かクローズド型か、カードの一覧、参加者の条件、結果をナビゲーション構造に変換する方法を提案してください。

11. ナビゲーションラベルの検証

ナビゲーションラベル：[一覧]。[対象者]の初回ユーザーが各ラベルの先に何を期待するか説明してください。曖昧な表現や社内用語を指摘し、検証できる明確な代案を出してください。

12. オンボーディングの設計

[目標]を主な目的とする[プロダクト]の新規ユーザー向けオンボーディングを設計してください。できるだけ短くし、最初の価値を早く感じられる構成にして、後回しにできる項目も示してください。

13. フォームのUX設計

[登録／購入／申請]フォームの項目：[一覧]。削除、統合、任意化する項目、最適な順序、入力中の検証ルール、離脱を減らす方法を提案してください。

14. 空状態と例外状態の整理

[画面または機能]の空、読み込み、エラー、オフライン、初回利用、権限拒否の全状態を列挙し、それぞれ何を表示し、ユーザーに何ができるようにするか説明してください。

情報設計の問題は、作り手には見えにくいものです。新しいラベルにはプロンプト11を使いましょう。プロダクトマネージャーと協働するなら、プロダクトマネージャー向けChatGPTプロンプトで同じ課題の捉え方を確認できます。

構造を画面に落とし込む7つのプロンプトです。デザインツールを開く前に雰囲気やスタイルを探る際は、Nano Banana Proで説明文から視覚的な参考素材を作れます。

15. ワイヤーフレームの要件書

[プロダクトの種類]の[画面]のワイヤーフレーム要件書を作ってください。目的：[説明]。主要操作：[説明]。重要情報：[一覧]。副次操作：[一覧]。制約：[モバイル優先、幅320px、WCAG AAなど]。情報の優先順位とレイアウト階層を理由付きで提案してください。

16. 視覚的階層のレビュー

この画面の視覚的階層を評価してください：[画像をアップロードまたは説明]。視線は最初、次、3番目にどこへ向かいますか。主要操作は明確ですか。わかりやすさへの効果が大きい変更を5つ挙げてください。

17. 色とコントラストの確認

配色と用途：[HEX値と役割の一覧]。文字やUI要素のWCAGコントラストを満たさない可能性のある組み合わせと、色だけで意味を伝える箇所を示し、改善案を出してください。コントラスト確認ツールで比率を検証するよう促してください。

18. タイポグラフィの尺度

[フォントまたはスタイル]を使う[プロダクトの種類]の文字サイズ体系を提案してください。モバイルとデスクトップの見出し、本文、キャプション、ボタンのサイズ、太さ、行間を示し、読みやすさとの関係を説明してください。

19. レスポンシブ動作の計画

このレイアウトのモバイル、タブレット、デスクトップへの対応を説明してください：[説明]。各ブレークポイントで移動、縦積み、非表示、拡大する要素と、主要操作にアクセスしやすくする方法を示してください。

20. ダークモードの検討

[プロダクト]にダークモードを追加します。色の反転以外に調整する階層表現、影、彩度の高い色、画像、イラスト、状態を挙げ、避けるべき典型的な失敗も示してください。

21. デザイン案の比較

[画面]の2つの案です：[両案を説明]。使いやすさ、明確さ、アクセシビリティ、視覚的階層、実装負荷を比較し、選択のためにユーザーと何をテストすべきか示してください。

根拠のないワイヤーフレームの要件書は、別の問題を解く画面につながりかねません。描く前にプロンプト15、描いた後に16を使い、デザインと判断の根拠を一致させましょう。

言葉、包摂性、検証を扱う7つのプロンプトです。Claude Haiku 4.5では、比較して選べる画面文言の候補を素早く作れます。

22. 画面文言の作成

[対象者]向けの[プロダクトの種類]で使う画面文言を作ってください。場面：[通知がない状態、アカウント削除確認、通信タイムアウト、送信成功、機能のヒントなど]。トーン：[親しみやすい／専門的で簡潔など]。各文を[文字数]以内にし、専門用語を避けてください。

23. エラーメッセージの改善

エラーメッセージ[貼り付け]を、何が起きたか、なぜ重要か、次に何をすればよいかが伝わるように書き直してください。ユーザーを責めず、モバイル画面に収まる短さにしてください。

24. ヒューリスティック評価

UX専門家として、画面またはフロー[詳しい説明]をニールセンの10原則で評価してください。各項目を合格、一部対応、不合格と判定し、理由と具体的な改善を1つ示してください。重大な問題から軽微な問題へ並べてください。

25. アクセシビリティの確認

このデザインのアクセシビリティを確認してください：[説明またはアップロード]。キーボード操作、フォーカス順、タッチ領域、代替テキスト、フォームラベル、動き、色だけの意味表現を調べ、各問題を関連するWCAG指針に対応付けてください。支援技術での検証が必要な点も示してください。

26. ユーザビリティテストの台本

[プロトタイプまたは機能]のモデレーター付きユーザビリティテストの台本を作ってください。安心できる導入、誘導しない現実的なタスク5つ、各タスクの追加質問、測定可能な成功基準を含めてください。

27. A/Bテストの仮説

UX変更[説明]のA/Bテストを構成してください。現状：[説明]。「もし〜なら、〜になる。なぜなら〜」の仮説、主要指標、副次指標とガードレール指標、サンプルサイズの検討事項、制御すべき交絡変数を示してください。

28. テスト結果の要約

ユーザビリティテストの匿名化記録：[貼り付け]。問題を重大度と頻度で整理し、各問題に短い引用を添え、優先修正、再テスト、そのままにする項目を提案してください。

画面文言を1つのプロンプトでまとめて作ると、プロダクト全体のトーンを揃えやすくなります。公開後のA/Bテストやファネルの分析には、データ分析向けChatGPTプロンプトが役立ちます。

仕事を記録し、わかりやすく伝えるための7つのプロンプトです。GPT-5.6 Solは構造化した仕様書やドキュメントの作成を支援します。

29. インタラクション仕様書

コンポーネント[説明]のインタラクション仕様を作ってください。通常、ホバー、フォーカス、アクティブ、無効、エラー、成功の各状態について、見た目の変化、きっかけ、アニメーションや遷移、必要なアクセシブルなラベルやARIA属性を、開発への引き継ぎ用に記述してください。

30. デザイントークンの文書化

[プロダクトの種類]のデザインシステムのトークンを文書化してください。色、文字、余白、角丸、階層表現、動きを扱い、名前と値、命名規則、使う場面と使わない場面、使用例1つを各分類に示してください。

31. コンポーネントの文書化

デザインシステムの[コンポーネント]を文書化してください。目的、構成、バリエーション、類似部品との使い分け、コンテンツ指針、アクセシビリティ、良い例と悪い例を含めてください。

32. 開発への引き継ぎチェック

[機能]の開発引き継ぎチェックリストを作ってください。フロー、全状態、余白とトークン、レスポンシブ規則、文言、素材、アクセシビリティ要件、未解決の質問を含めてください。

33. デザイン判断のプレゼン

[関係者]へのデザイン説明を手伝ってください：[デザインと主要判断]。ユーザーの課題、根拠、検討した案、最終判断の順に組み立て、最も難しい質問3つを予測してください。

34. デザインへのフィードバック

同僚のデザインへのフィードバック：[貼り付け]。個人の好みではなくユーザーの目標に結び付けた具体的な表現に直し、必須の修正、提案、質問を分けてください。

35. UXケーススタディの構成

UXケーススタディを書いてください。プロジェクト：[説明]。役割：[説明]。課題：[説明]。工程：[主要段階]。成果：[実際の指標のみ]。1文の課題、背景、主要判断に焦点を当てた工程、最も重要な気づき、成果の順に構成し、自信と振り返りのある語り口にしてください。

十分な仕様は実装時の確認を減らし、プロンプト30の使わない場面の説明は一貫性を保ちます。開発側から引き継ぎを考えるには、開発者向けChatGPTプロンプトを参照してください。

Chat Smithでは、ChatGPT、Claude、Gemini、Grok、DeepSeekを1つのアプリで使えます。同じインタラクションの仕様やヒューリスティック評価を複数のAIモデルに依頼すると、1つのモデルが見落とした例外ケースを見つけられることがあります。ワイヤーフレームの要件、画面文言、評価のプロンプトをテンプレートとして保存し、各プロジェクトで再利用しましょう。

優れたUXには、各段階で適切な問いを立て、実際のユーザーで答えを確かめることが必要です。デザイン以外の指示の書き方は、ChatGPTプロンプトの総合ガイドを参照してください。