見出し画像

UXの5レイヤーの「Structureレイヤー」はなぜ重要なのか? | IAやUserFlow設計に強くなるための参考リンク集付き

サービスを新しく作ったり、UXデザインを行っていく上で恐らく最も利用されているであろうフレームワークが「ギャレットのUX5段階モデル」です。

ギャレットのUX5段階モデル

以下のように下から上へ建物の土台から組み立てていくように抽象・基盤的な内容からプロダクトの設計をしていくフレームワークです。

Strategyレイヤー:ユーザーニーズやプロダクトのゴールを規定する
Scopeレイヤー:どういった機能やコンテンツを盛り込むかを決める
Structureレイヤー:どういう情報構造と遷移の流れにするかを決める
Skeltonレイヤー:機能やコンテンツの画面上での配置の仕方を決める
Surfaceレイヤー:感覚的・美的な側面も含めた見た目を決める

※ ギャレットのUX5段階モデルについては以下のMediumのシリーズ記事、もしくは原著を参照。


このフレームワーク自体は知っていたり、すでに利用している人は多いと思いますが、その中でも真ん中のStructureレイヤーをすっ飛ばしてサービスを作っている人は多いのではないでしょうか?


具体的には、User Story Mappingなどの手法で、サービスに盛り込む機能や優先順位を決めた後で、IA MappingやUser Flow Diagramを描かずに、いきなりワイヤーフレーム作成に入ってしまうケースが非常に多いように思います。

▼ 5レイヤーと各種デザインメソッドを対応させた社内ドキュメント

ここから先は

2,436字 / 6画像
この記事のみ ¥ 1,500
Amazon Payで支払うと最大2%還元のチャンス! 9/30まで

このメンバーシップは、「AI時代の事業・組織、キャリア戦略、ウェルビーイング」等をテーマとした私、梶…

ベーシックメンバー

¥1,980 / 月

コアメンバー

¥3,980 / 月

法人メンバー

¥50,000 / 月

頂いたチップはフィールドリサーチのための費用やAI領域の実験費として活用させて頂きます!