UXデザインの全体像を捉える「5段階モデル」とは

UXデザインは、単なるビジュアル設計ではありません。ユーザー体験を戦略的に設計していくためには、全体の流れや構造を把握する必要があります。そこで活用されるのが「UXデザインの5段階モデル」です。これは、UXデザインの第一人者ジェシー・ジェームズ・ギャレット氏によって提唱されたフレームワークで、各フェーズを順に積み上げていくピラミッド型の構造をしています。

5段階モデルの概要

UXの5段階モデルは、下記の順で構成されます。下にいくほど抽象的、上にいくほど具体的な内容となっており、下位レイヤーの決定が上位レイヤーに影響します。

  1. 戦略(Strategy)
  2. 要件(Scope)
  3. 構造(Structure)
  4. 骨格(Skeleton)
  5. 表層(Surface)

それぞれの段階について、詳しく見ていきましょう。

戦略(Strategy)

UX設計の出発点となるのが「戦略」です。ここでは、プロダクトやサービスが目指すビジネス目標、そしてユーザーが求めている価値(ユーザーゴール)を明らかにします。戦略フェーズでは、競合調査やユーザーリサーチを通じて、「誰のために」「何を解決するのか」を明確化することが求められます。

要件(Scope)

戦略をもとに、「どのような機能やコンテンツが必要か」を定義するフェーズです。ここでは機能要件(何ができるか)とコンテンツ要件(何があるか)の2つを軸に、サービスの提供範囲を明確にします。要件を正確に捉えることで、以降の構造設計やUI設計のブレを防ぎます。

構造(Structure)

要件をもとに、情報の流れやインタラクションの構造を設計します。これはまさに「情報アーキテクチャ(IA)」や「ユーザーフロー」の設計にあたります。ユーザーが目的をスムーズに達成できるよう、画面遷移や情報配置の論理構造を練り上げていく段階です。

骨格(Skeleton)

このフェーズでは、構造をUIに落とし込み、ワイヤーフレームを作成します。ナビゲーションの位置、ボタンの配置、情報の優先順位など、実際の画面構成を検討します。ここでの設計は、使いやすさ(Usability)に大きな影響を与えるため、ユーザー視点での検証も重要です。

表層(Surface)

最上層である「表層」は、実際のビジュアルデザインを施す段階です。色、フォント、画像などを用いて、ユーザーにとって直感的で魅力あるインターフェースを設計します。このフェーズでは、ブランドイメージや感情的な印象も含めた総合的なデザインが求められます。

まとめ

UXデザインの5段階モデルは、ユーザー体験を戦略的・構造的に設計するための有効なフレームワークです。上流から下流へと積み上げていく思考を持つことで、感覚に頼らないデザイン設計が可能になります。サンアンドムーンでは、こうした体系的なプロセスをベースに、ビジネスとユーザー双方に価値をもたらすデザインを追求しています。