プロジェクト概要
エキスパートレビューとユーザビリティテストによる Iowa Cubs公式サイトの使いやすさ改善
私は野球チーム Iowa Cubs の公式サイトを対象に、 ユーザーが不明瞭なラベル、隠れたステップ、不十分なフィードバック のせいで主要なタスクを完了できずに苦労している状況を評価・改善しました。 この課題に対処するため、私たちのチームはユーザビリティヒューリスティックに基づく エキスパートレビューを行い、その後ユーザビリティテストを実施して 課題の妥当性を確認し、より深いユーザーインサイトを発見しました。 その結果、ナビゲーションの明確化や全体的なユーザー体験を向上させる 実践的なデザイン提案につなげることができました。
私は主に ユーザビリティテストで収集するデータ項目を定義し、 テスト結果をもとに重要なインタラクションフローを再設計する 役割を担いました。
担当領域
UXリサーチ
UXデザイン
スキル
ヒューリスティック評価
認知的ウォークスルー
ユーザビリティテスト
ワイヤーフレーム作成
プロジェクト概要
期間：8週間
時期：2024年夏
アカデミックプロジェクト
チームメンバー
Ashley Delarm
Karly Greenfield
Clarissa Hyun
デザインプロセス
ヒューリスティック評価
エキスパートレビューによるユーザビリティ課題の発見
Nielsen Norman Group の「10のユーザビリティヒューリスティック」に基づき、 サイト全体のユーザビリティ課題を特定しました。発見された問題は Nielsen Norman の深刻度評価システム（0〜4段階）を用いて評価しました。 全体の46%（23件）が「3 = 重大な問題」、9件（18%）が「4 = 致命的な問題」 に分類されました。
これはユーザビリティの問題ではない
外観上の問題のみ
プロジェクトに余裕がある場合のみ修正すべき
軽度のユーザビリティ問題
修正優先度は低い
重大なユーザビリティ問題
重要なので優先的に修正すべき
致命的なユーザビリティ問題
リリース前に必ず修正が必要
ヒューリスティック評価
レビューで明らかになった主要な問題
最も違反が多かったヒューリスティックは システム状態の可視性、美的でミニマルなデザイン、エラー防止 で、全体の46%を占めました。 これはサイトが不要に複雑に見え、ユーザーが現在地や状況を把握しにくくなっていることを示しています。 その結果、ユーザーはナビゲーションで迷いやすく、本来システムが防ぐべきエラーを起こしやすくなっていました。
コグニティブ・ウォークスルー
学習容易性を評価するための基準
ヒューリスティック評価の後、サイトの学習容易性を評価するために 4つの主要な質問を用いたコグニティブ・ウォークスルーを実施しました。 この手法により、特にシステムに不慣れな新規ユーザーが摩擦を感じる箇所を特定できました。 主に「チケット購入」「グッズ購入」「選手成績の閲覧」という主要タスクを対象にしました。
ユーザーの意図
ユーザーはこの操作をしたいと思うか？
操作の可視性
行動に必要な操作（ボタン、メニュー、スイッチなど）は見えるか？
理解可能性
その操作が望む効果を生むと理解できるか？
フィードバック
得られたフィードバックを理解し、自信を持って次に進めるか？
コグニティブ・ウォークスルー
主要タスクにおける学習容易性の検証
コアタスクの完了を妨げる主な問題は 曖昧または隠れたラベル、不十分なナビゲーション、不明確な次ステップのフィードバック でした。これによりユーザーはタスク途中で迷い、フィードバック不足のため誤操作から回復するのが難しくなっていました。
タスク1: 試合チケットを購入
ラベルの曖昧さ
「Individual Tickets」では購入ページであることが明確でない。
タスク2: メンズジャージを購入
次のステップが隠れている
「Shop」オプションが曖昧な「…」メニューに隠れており、見つけにくい。
タスク3: 選手の成績を見る
視覚的手がかり不足
選手名はホバーしないとクリック可能と気づかない。
ユーザビリティテスト
同じタスクをユーザーで検証
ヒューリスティック評価とコグニティブ・ウォークスルーの後、 Iowa Cubs のウェブサイトにおける仮説を検証し、実際のユーザー行動を観察するためにユーザビリティテストを実施しました。 Google Meet 上でモデレート付きセッションを行い、スクリーナー調査、タスク前後のアンケート、最終質問票を組み合わせました。 これにより、ユーザーの課題点を明らかにし、リアルタイムでの意思決定の仕方を理解できました。
参加者
コンビニエンスサンプリングで5人の参加者を募集しました。 各参加者は18歳以上でスポーツに関心があることが条件でした。 Cubsファンであることは必須ではなく、すでにサイトに慣れていることで学習バイアスがかかるのを避けるために除外しました。 適格性はスクリーナー調査で確認しました。
| 参加者番号 | 年齢 | 職業 | スポーツ観戦習慣 | テスト日 |
|---|---|---|---|---|
| 1 | 20 | 大学院生 | あり | 2024/8/1 |
| 2 | 25 | 大学院生 | あり | 2024/8/1 |
| 3 | 58 | ソフトウェアエンジニア | あり | 2024/8/1 |
| 4 | 25 | GNCエンジニア | あり | 2024/8/2 |
| 5 | 26 | 教師 | あり | 2024/8/3 |
評価タスク
参加者には Iowa Cubs サイトで以下の3つの代表的なタスクを行ってもらいました：
- 試合チケットを購入する
- メンズチームのジャージを購入する
- 今シーズンの選手成績を確認する
収集したデータの種類
ユーザビリティをより深く評価するために、定性・定量の両方の調査手法を組み合わせました。
行動指標
- クリックパス
- 成功率
- エラー数
- 完了時間
- 発話反応
態度指標
- ベースラインの知識や期待値
- タスク実行中のリアルタイムフィードバック
- システムユーザビリティスケール（SUS）
- ネットプロモータースコア（NPS）
主な学び
不明確なラベリングと分かりにくいステップが主要タスクの妨げに
タスク2：グッズ購入
多くの参加者が「Shop」セクションを見つけにくかった
ユーザーは「Shop」セクションを探すのに苦労しました。 期待した場所になく、視覚的な目立ちに欠けていた からです。2人の参加者はトップページのバナーからすぐにアクセスできましたが、他の人は「Fan Zone」や無関係なページを確認するなど大幅に時間がかかりました。 ある参加者は別チームの製品ページに誤ってアクセスしてしまい、サイト構造やリンクの明確さに課題があることを示しました。
タスク3：選手のスタッツ閲覧
多くの参加者が「Game Logs」セクションを見つけにくかった
このスタッツタスクの成功率は最も低く、5人中わずか2人（40%）しか達成できませんでした。 「Game Logs」セクションが隠れていて見つけにくかったのが原因です。 サイトに慣れているユーザーでさえ見つけられませんでした。 別の参加者は誤ってサイトを離れて再スタートする必要がありました。 1人はスタッツページを探索するのに315秒かかりました。 また別の人はトップページのバナーを辿りましたが、無関係なランキングで迷ってしまいました。
SUS & NPS
システムユーザビリティスケール（SUS）の平均スコアは 79.9で、全体的に高いユーザビリティ評価を示しました。 ネットプロモータースコア（NPS）は平均 8.4で、ほとんどのユーザーがこのサイトを推奨することを示しています。 しかし、グッズ購入やスタッツ関連タスクにおけるナビゲーションの難しさがスコアのばらつきにつながり、 ユーザーの自信や全体的な印象に影響を与えました。
デザイン改善提案
タスク2：グッズ購入
1. 「Shop」リンクを「Fan Zone」の下に移動、またはより目立つ場所に配置
クリックパスの観察から、3人の参加者が「FAN ZONE」にカーソルを合わせており、 そこに「Shop」があると期待していたことが分かりました。 これはユーザーのメンタルモデルとサイト構造の不一致を示しており、 ヒューリスティック「システムと現実世界の一致」に反しています。 これに対応するため、ショップ項目を「FAN ZONE」カテゴリの下に移動しました。
2. 「Game Logs」セクションをタブバー形式に置き換え、より直感的なアクセスとナビゲーションを実現
元の選手スタッツページは視覚的に煩雑で、「ミニマリストデザイン」や「デザインの一貫性」といった 重要なデザイン原則に反していました。 過度な区切り線の使用により要素間の関連性が不明確になり、 スコアボードとフィルターオプションの関係を理解しにくくしていました。 この問題に対処するため、Game Logs セクションの右上にシンプルなナビゲーションバーを導入し、 フィルター項目を右側に整列させました。 このレイアウトにより視覚的な階層が改善され、ユーザーがコンテンツをより直感的に スキャン・操作できるようになります。
振り返り & もし時間があれば
効果的なユーザビリティ課題の発見
私たちはまずヒューリスティック評価とコグニティブウォークスルーを行い、 ユーザーを巻き込まずに素早く課題を特定し、混乱の可能性がある箇所を予測しました。 これらの専門家レビューによって初期段階でデザインを改善できました。 その後、実際のユーザビリティテストを実施し、自分たちの視点だけでは予測できなかった 深いインサイトを発見しました。
カードソートとツリーテストの実施
もし時間があれば、カードソートやツリーテストを行い、 サイトの情報アーキテクチャをさらに洗練させたいです。 これにより、ユーザーが求める情報をより効果的に見つけられるようになります。
改訂デザインの検証
また、改訂版のウェブサイトに対して再度ユーザビリティテストを実施し、 効果を測定するとともに、更なる改善の機会を特定したいと考えています。
