UX(ユーザーエクスペリエンス)をデザインしていくに当たって、システムを利用するユーザーを理解してコンセプトを固めたら、次は具体的な機能の構造を設計していきます。画面のレイアウトといった目に見える部分だけではなく、メニュー構成や画面遷移も使いやすさを左右します。ユーザー目線に立つことで、情報の構造や導線を使いやすくできます。

 今回はUXをデザインするための各フェーズを示した「JJGの5階層モデル」のうち、「構造フェーズ」について解説していきます。構造フェーズは、前回までに解説した戦略フェーズで定義したUXデザインのコンセプトやペルソナ、要件フェーズで決めたシステムの機能や要件に基づいて、システムの具体的な形を考えます。

JJGの5階層モデルの「構造」フェーズ
[画像のクリックで拡大表示]

ユーザー要求をよりどころに検討する

 通常のシステム開発では、UI(ユーザーインターフェース)を開発するために画面遷移図や画面設計書を作成します。しかしその際に、システムを利用するエンドユーザーの目線を十分に検討せず、その結果としてユーザーから不満が出てしまった、という経験をしたことがあるITエンジニアは多いのではないでしょうか。

 使いやすいシステムを実現するためには、JJGの5階層モデルが示すように、ユーザーの要件を基にして、段階的にUIを設計していくことが重要です。

 UIの具体的な設計を考える構造フェーズではシステム全体を見渡し、情報構造や画面遷移がどうあるべきかを設計します。戦略フェーズで定義したユーザー像、要件フェーズで決めた機能要件をよりどころにして、ユーザー目線であるべき操作の流れを検討し、画面遷移図や画面設計書に反映していきましょう。

 使いやすい画面というと、画面のレイアウトやUI要素といった「目に見えるもの」の使いやすさを想像するかもしれません。しかしシステムの使いやすさを決めるのは、目に見えるものだけではありません。

 自分がエンドユーザーとなってWebサイトや社内システムを閲覧したり、操作したりするときのことを想像してみてください。「目的の機能にたどり着けない」「目的を達成するための画面遷移が多すぎる」といった、目に見える画面以外の部分でストレスを感じていることがあるのではないでしょうか。

 構造フェーズでは、UXに大きな影響を与えるシステム内の情報構造と導線をどのように設計すれば使いやすくなるかを検討していきます。

情報構造設計でユーザー要求を満たす

 まずは情報構造の設計を見ていきましょう。情報構造とは、システムのメニューの構造と捉えると分かりやすくなります。

 今やシステムは様々な役割を担っており、それに伴って多くの機能が存在しています。こうした状況で混乱せずに目当ての機能に到達するためには、システムを利用する目的を把握し、複雑な機能を整理したうえで、メニュー構造を設計する必要があります。

この先は有料会員の登録が必要です。有料会員(月額プラン)は初月無料!

日経 xTECHには有料記事(有料会員向けまたは定期購読者向け)、無料記事(登録会員向け)、フリー記事(誰でも閲覧可能)があります。有料記事でも、登録会員向け配信期間は登録会員への登録が必要な場合があります。有料会員と登録会員に関するFAQはこちら