📖 目次


📌 基本原則:デザイン思考に沿ったプロンプト作成

1. ユーザーとコンテキストを明確に定義する

❌ 悪い例:

"アプリのUI改善案を考えて"

✅ 良い例:

"フィットネストラッキングアプリのホーム画面を改善したいです。

【ユーザー情報】
- ターゲット:20-40代の忙しいビジネスパーソン
- 利用シーン:通勤中、ジム、就寝前の短時間利用
- ペインポイント:現在のUIが複雑で、目標の進捗がすぐに把握できない

【現状の課題】
- 重要な情報が分散している
- 視覚的階層が不明確
- アクションボタンが見つけにくい

以下の観点から改善案を3つ提案してください:
1. 情報アーキテクチャの改善
2. 視覚的優先順位の明確化
3. ユーザーフローの簡略化

各案について、改善理由とユーザーへの効果も説明してください。"

2. デザイン制約と要件を具体的に伝える

❌ 悪い例:

"モバイルアプリのレイアウトを作って"

✅ 良い例:

"ECアプリの商品一覧画面のワイヤーフレームを検討しています。

【技術制約】
- iOS/Android対応
- 画面サイズ:375px × 812px(iPhone X基準)
- ダークモード対応必須

【デザイン要件】
- 1画面に表示する商品数:4-6点
- 必要な情報:商品画像、価格、評価、ブランド名
- ブランドカラー:#2E8B57(緑)をアクセントに使用

【ビジネス目標】
- 商品の視認性向上でクリック率20%向上
- スクロール時の離脱率を現状の30%から20%に削減

この条件で、グリッドレイアウトとリストレイアウトの2パターンを提案し、それぞれのメリット・デメリットとKPIへの影響を分析してください。"

3.画像アップロードを活用したレビュー

デザインモックアップ、ワイヤーフレーム、実装後のスクリーンショットなどを添付することで:

画像添付時のプロンプト例: