- UXの5段階モデルとは
- モデルの構造
- なぜこのモデルを学ぶのか
[[UXデザインプロセスの全体像の理解]][[設計上の意思決定の根拠の明確化]][[チーム内での共通言語の構築]][[複雑なプロジェクトの見通しを立てる]]
- 5段階モデルと他の開発プロセスとの関係
[[HCD/デザイン思考プロセスとのマッピング]][[アジャイル開発における5段階モデルの活用]]
- 戦略プレーンの目的: “なぜ (Why)”
- 戦略プレ天ーンにおける二元性
- この段階での主要な活動と手法
[[ステークホルダーインタビュー]][[ユーザーリサーチ (インタビュー, アンケート, 観察調査)]] (HCD MOCと連携)[[ペルソナの作成 (暫定的なものでも)]] (HCD MOCと連携)[[競合分析]][[ブランドアイデンティティと価値提案の定義]]
- この段階での主な成果物
[[プロジェクト憲章 / ビジョンステートメント]][[ペルソナドキュメント]][[ビジネス要件定義書 (BRD) の一部]][[主要なKPIリスト]]
- 戦略プレーンの失敗例 (目標の不一致、ユーザーニーズの誤解)
- 要件プレーンの目的: “何を (What)”
- 要件プレーンにおける二元性
- この段階での主要な活動と手法
[[ユーザーストーリーマッピング]][[ユースケースの作成]][[機能仕様書 (Functional Specification) の作成]][[コンテンツインベントリ (Content Inventory) とコンテンツ監査 (Content Audit)]][[要件の優先順位付け (MoSCoW法, KANOモデルなど)]]
- この段階での主な成果物
[[機能仕様書 / 要求仕様書]][[コンテンツインベントリリスト]][[優先順位付けされたフィーチャーリスト (バックログ)]]
- 要件プレーンの失敗例 (スコープクリープ、不必要な機能の追加)
- 構造プレーンの目的: “どのように (How)” - 概念レベル
- 構造プレーンにおける二元性
- この段階での主要な活動と手法
[[ユーザーフロー / タスクフロー図の作成]][[サイトマップの作成]][[カードソーティング]] (IA構築のため)[[ダイアログフローの設計]]- 情報アーキテクチャの主要な構造
[[階層構造 (Hierarchy)]][[シーケンシャル構造 (Sequence)]][[マトリックス構造 (Matrix)]][[有機的構造 (Organic)]]
- この段階での主な成果物
[[サイトマップ / アプリケーションマップ]][[ユーザーフロー図]][[ナビゲーションスキーマ]][[概念モデル図]]
- 構造プレーンの失敗例 (迷いやすいナビゲーション、直感的でない操作フロー)
- 骨格プレーンの目的: “どのように (How)” - 具体レベル
- 骨格プレーンにおける3つの要素 (二元性を統合)
- この段階での主要な活動と手法
- この段階での主な成果物
[[ワイヤーフレーム (画面ごと、またはテンプレート)]][[インタラクティブプロトタイプ]]
- 骨格プレーンの失敗例 (一貫性のないレイアウト、分かりにくいUI要素)
- 表層プレーンの目的: “見た目と感覚 (Look and Feel)”
- 表層プレーンの主要な活動
- 感覚デザイン (Sensory Design)
[[色彩設計 (Color Theory and Palette)]][[タイポグラフィ (Typography)]] [[レイアウトとグリッドシステム (Layout and Grid System)]][[アイコンとグラフィック (Iconography and Graphics)]][[ブランディングの反映]][[(オプション) サウンドデザイン、触覚フィードバック]]
- この段階での主要な活動と手法
- モックアップ (Mockup) の作成 (高忠実度なビジュアルデザインカンプ)
[[デザインシステムの構築と適用]][[スタイルガイドの作成]][[マイクロインタラクションのデザイン]]
- この段階での主な成果物
[[モックアップ / ビジュアルデザインカンプ]][[スタイルガイド / デザインシステム仕様書]][[アセット (画像, アイコンなど)]]
- 表層プレーンの失敗例 (ブランドイメージとの不一致、美しさを優先しすぎたユーザビリティの低下)
- モデルの適用方法
[[ボトムアップ (下から上へ) での分析と、トップダウン (上から下へ) での設計]][[各段階での意思決定が後続の段階に与える影響]]
- チーム内でのコミュニケーションツールとして
[[議論のスコープを特定のプレーンに限定する]][[ステークホルダーへの説明責任]]
- プロジェクトの種類によるモデルの適用
[[新規プロジェクト vs. 既存プロジェクトのリニューアル]][[Webサイト vs. Webアプリケーション]]
- 5段階モデルの限界と批判
[[厳密なウォーターフォールモデルと誤解されやすい]][[現代のアジャイルな開発プロセスへの適合性の課題]][[ビジュアルデザインの重要性の軽視という批判]][[コンテンツ戦略やサービスデザインなど、より広範な視点の欠如]]
- 各プレーンで役立つツール
[[戦略/要件: Miro, FigJam, ドキュメントツール]][[構造: XMind, FlowMapp, Miro, FigJam]][[骨格/表層: Figma, Sketch, Adobe XD]]
- 関連するデザイン原則
[[ゲシュタルト原則]] (表層/骨格)[[ヒックの法則、フィッツの法則]] (骨格/構造)
- 関連する成果物
[[デザインシステム]] (表層/骨格)[[スタイルガイド]] (表層)[[ペルソナ、カスタマージャーニーマップ]] (戦略/要件)