ホッケーリファレンスのページ内ナビゲーションの再設計

Hockey Reference では、 ページ内ナビゲーション システム (これを「内部ナビゲーション」と呼びます) は、補足コンテンツ (ゲーム ログや分割など) および「このページについて」セクション (ページの目次として機能します) にアクセスするために使用します。一方、 内容は全て同じですデスクトップ上のプレゼンテーションを水平バーから垂直サイドバーに変更しました。インタラクションは クリック/タップベース ホバーベースの代わりに。インナーナビゲーションも今では デスクトップでもモバイルでも同じ。これは 段階的な設計の更新 大規模な設計の見直しの一部ではありません。この変更は Hockey Reference と Basketball Reference で公開されていますが、今後数週間のうちに他の Reference サイトにも適用される予定です。

これは、サイトのデザインに対してこれまでに行った中で最も広範な変更であるため、そのプロセスを順を追って説明したいと思います。まず、それは次のようになります。

以前、バスケットボール リファレンスの内部ナビゲーションを更新しました。 その発売を発表したブログ投稿 以下を含む、私たちが行ったプロセスと設計上の決定について詳細に説明しています。

私たちの設計理念

• 当社の設計アプローチは「積極的に機能的」であり、速度、アクセシビリティ、ナビゲーションの容易さに重点を置いています。当社のサイトはコア ユーティリティと見なされているため、更新の設計には慎重かつユーザー重視のアプローチを採用しています。

私たちが解決しようとしていた問題点

• 以前のデスクトップの内部ナビゲーションは、マウスの動きに正確さが必要なホバーベースのインタラクションのため、使いにくい場合がありました。
• ナビゲーションは無視されやすく、ユーザーは補足ページに隠されている既存の機能を見逃してしまいました。
• 多くの重要なリンクはドロップダウンの背後に隠れており、目立たなくなりました (標準の青色のリンク色の代わりに濃い灰色を使用)。
• デスクトップ (水平バー) とモバイル (単一の垂直ドロップダウン メニュー) ではエクスペリエンスに一貫性がありませんでした。

私たちが実施した研究の段階

• フェーズ 1: コンセプトのテストとフィードバック: 進行中の設計コンセプトは SABR Analytics Conference で発表され、数百人の出席者が投票し、最初のフィードバックを提供しました。
• フェーズ 2: プロトタイプのインタビュー: デザインが洗練され、新しいプロトタイプが作成され、それを操作して感想を共有したユーザーへのインタビューが実施されました。
• フェーズ 3: コードのユーザビリティ テスト: 機能の構築後、最終ラウンドのインタビューが開催され、正式リリース前にユーザーが実際に動作するコードを操作して、感触、スクロール、ページ全体のプレゼンテーションをテストしました。

プロセスについて詳しく読む または フィードバックを共有する 私たちと一緒に。

このエントリは、2025 年 12 月 15 日月曜日、午後 3 時 26 分に投稿され、次の場所に保管されています。 発表、 Hockey-Reference.com。このエントリへの応答は、 RSS2.0 餌。あなたはできる 応答を残す、 または トラックバック 自分のサイトから。