ウェブサイトのインタラクションデザイン: リスト形式の情報構造の最適化 - 視線移動の研究

リスト形式の情報構造は、Web ページでよく使用されます。これは、フォームに似たトップダウンの情報配布方法です。たとえば、Facebook などのソーシャル ネットワーキング サイトでよく使用される情報フローや、多くの電子商取引 Web サイトでよく使用される商品リストは、すべてリスト型の情報構造に属します。

リスト構造に関する研究は数多く行われています。その利点は、現在、上から下、左から右という人間の自然な読み方の 2 つの基本ルールに準拠していることです。しかし、近年の視線追跡研究により、注目の分布が不均一で、上部の要素が90%の注目を浴び、中央の要素は気づきにくいなど、その欠点がますます明らかになっています。詳細については、こちらのブログをご覧ください。

香港バプティスト大学のリー・チェン教授は昨年、3つのリスト形式の情報構造に関する視線の動きの研究を行った論文を発表しました。下記の通り

上に示すように、Li Chen は通常のリスト構造 (a) に加えて、元のリストをいくつかの小さな部分に分割し、サブ見出しを追加する 2 つの最適化された構造 (b、c) もテストしました。ヒートマップと閲覧シーケンス図は次のとおりです。

上の図からわかるように、後者の 2 つのリスト構造では、中央部分がほとんど注目されない最初のリスト構造とは異なり、ユーザーの注意がより均等に分散されています。実験では、後者の 2 つのリスト構造ではユーザーの購入率が高くなることにも気づきました。よく見ると、後者の 2 つの構造では、ユーザーの分散した注意を結び付けてページ全体を 1 つのまとまりにする「サブ見出し」が重要な役割を果たしていることがわかります。この概念は、より合理的なリスト構造の情報フローを設計する際に役立つ可能性があります。

出典: http://nickinteractiondesign.com

原題: ウェブサイトのインタラクションデザイン: リスト形式の情報構造の最適化 - 眼球運動の研究

キーワード: ウェブサイト、インタラクション、最適化、リスト、情報、情報、目の動き、調査、ウェブマスター、ウェブサイトのプロモーション、収益化