より速く、迷わないリサーチリソース発見

School of Visual Arts（SVA）は、ニューヨークを代表するアート・デザイン系大学です。SVA Libraryでは、学生がさまざまな分野のリサーチを始められるよう、厳選されたリソースやヒントをまとめた44種類のリサーチガイドページを提供しています。

SVA Libraryには多くの問い合わせが寄せられており、司書による直接的なサポートへの依存を減らし、学生が自力でサービスを利用できる状態を目指していました。また、リサーチガイドをより効果的に活用してもらうことも望んでいましたが、ユーザーがサイト内をどのように移動しているかの理解が不足しており、改善が難しい状況でした。

ユーザーがどのようにナビゲーションするかを理解するため、行動観察型のリサーチ手法を使用しました。

アイトラッキング

自然なユーザー行動についてインサイトを得たいというクライアントのニーズに適していたため、アイトラッキングを選びました。

回顧的発話法（RTA）

アイトラッキングで自然な行動を観察した後、RTAを用いたインタビューを行い、観察された行動の背景を深掘りしました。

指標

• タスク完了率（有効性の確認）
• タスク所要時間（効率性の確認）
• System Usability Scale（満足度の確認）

参加者

主要ユーザーである大学生を、個人ネットワーク、学校のメーリングリスト、現地リクルーティングを通じて募集しました。

セッション

12セッションを実施しました（デスクトップ8件、モバイル4件）。

分析の最初のステップとして、レインボーシートを使い、共通する行動パターンとRTAで得たフィードバックを統合し、主要な発見を俯瞰しました。次に、定量指標、アイトラッキングデータ、ユーザーの発言を照合し、インサイトを抽出してストーリーを組み立てました。アイトラッキングはユーザーが実際に何をしたかを示し、発言はその行動の理由やニーズを明らかにし、定量指標は各課題の影響度と深刻度を示しました。

学生の79%はタスクを完了できた一方で、SUSスコアは41.3にとどまり、リサーチガイドページのユーザー満足度が低いことが示されました。オンラインリソースページとデザインアーカイブページそれぞれで、主要なUX課題を2つずつ特定しました。

検索と流し読みの難しさにより、事前知識なしで関連データベースを見つけることは困難でした。

インサイト

学生は関連データベースを探すために検索バーを使いたがる

テストでは、ユーザーが検索バーを使いたがることが分かりました。他のWebサイトでの体験と同じように、検索バーなら関連リソースにより早くたどり着けると期待していたためです。

67

%

検索への希望に言及

50

%

タスク中すぐに検索を実行

2.37

分

平均タスク所要時間

検索バーですぐに目的の場所へ連れて行ってほしいです。全部を見るのに時間を使いたくありません。

インサイト

検索バーを好む一方で、関連データベースを検索結果として得られない学生もいた

学生は検索を試すことが多いものの、複数語やタイプミスを含む複雑なキーワードでは、現在の検索機能が関連データベースを返せないことがありました。

67

%

検索を試した参加者のうち、検索バーから一致するデータベース結果を得られなかった割合

インサイト

学生は流し読みの際、情報過多に苦労していた

検索バーを使わない場合、学生はページを流し読みしようとしましたが、テキスト量の多さと情報階層の不足により難しくなっていました。

67

%

情報過多の課題に言及

私はあまり忍耐強い方ではなく、特に文章はそうです。この量の小さな文字は読みたくありません。

まず、検索バー機能の改善を提案しました。より短期間で取り組みやすい改善として、各データベースの内容を理解し、自分のリサーチに関連するものを見つけやすくするため、コンテンツを流し読みしやすくすることも提案しました。具体的には、ロゴサイズを大きくし、データベース名のフォントサイズと太さを強め、短いキーワードを追加し、説明文を減らすことを提案しました。

変更前

視覚的階層が弱くテキスト量が多いため、コンテンツを流し読みしにくい状態でした。

提案

視覚的階層を強め、テキスト量を減らすことで情報過多を抑え、ユーザーがキーワードを手がかりにデータベース概要を素早く確認できるようにしました。

使用されるキーワードにかかわらず検索機能がより安定して機能するよう、複雑なクエリへの対応やタイプミスの補正などを提案しました。

提案

検索バーで複数のキーワードに対応できるようにする。

提案

タイプミスがあっても検索できる、堅牢な検索バーにする。

3列目やファーストビュー下にあるリソースは見落とされやすい状態でした。

インサイト

列のラベルが小さく曖昧で、カテゴリの違いを判断しにくい

多くの学生は、列がカテゴリごとに分かれていることを理解しないままページを移動していました。ラベルは小さく見つけにくく、カテゴリ自体も不明確で重複することがあり、ユーザーが検索対象を絞るための手がかりとして十分に機能していませんでした。

83%

列ラベルに関する課題に言及

これらの列がどう分かれているのか分かりません。カテゴリが重なっていることもあります。

インサイト

3カラムレイアウトではカテゴリへの集中が生まれにくく、非効率な探索と列間の注意の偏りが起きていた

明確なカテゴリへのフォーカスがないため、多くのユーザーは列の間を不規則にスクロールしていました。見落としたリソースを確認するために何度も上へ戻る必要があり、効率に影響していました。さらに重要なのは、このレイアウトによって予期しない注意の偏りが生まれ、3列目が最初の2列よりも見られにくくなっていたことです。

市場で買い物しているみたいでした。列から列へ移動しなければなりませんでした。

既存のタブコンポーネントを使ってリソースをグループ化し、カテゴリをより見つけやすくしながら実現可能性も担保することを提案しました。また、ユーザーが列を行き来しなくて済むよう1カラムレイアウトへ変更し、効率を高め、予期しない注意の偏りをなくすことも提案しました。

プロジェクトの最後に、リサーチ結果と提案をクライアントへ発表し、スライドデック、課題リスト、動画リール、ビジュアルサマリーを共有しました。クライアントは私たちのインサイトを興味深く、有用だと評価してくれました。Webサイト上の制約と限られた期間の中でも、影響の大きい領域に焦点を当て、他のリサーチガイドにも応用できる提案を届けることができました。以下のクライアントの言葉にも、それが表れています。