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

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

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

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

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

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

UX — A quick glance at The 5 Elements of User Experience (Part 2)

The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition) (Voices That Matter) (English Edition)

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

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

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