GitHub、Webサイトの新しいデザインをパブリックβ版として全ユーザーに公開：使用頻度の高い機能に素早くアクセス可能に

GitHubは、Webサイトのデザインを更新した。サイト内の導線を分かりやすく、最もよく使用される機能に素早くアクセスできるように再設計したという。

[＠IT]

　GitHubは2023年6月15日（米国時間）、Webサイトのデザインを更新した。サイト内の導線を分かりやすく、最もよく使用される機能に素早くアクセスできるように再設計したという。

目的のページへ移動しやすく

　使い慣れた古いナビゲーションの機能はそのままに、道を見つけやすく、目的の作品をより早く見つけられるように幾つかのアップデートを行った。

　GitHub上の全てのページの情報アーキテクチャを反映するパンくずリストが追加された。GitHub上のどこにいるのかを簡単に判断でき、情報階層内を縦、横方向に移動できる。

新しいデザインのGitHub Webページ左上部分（提供：GitHub）

　新しいサイト全体のメニューには、「Issues」「Pull requests」「Discussions」など、頻繁にアクセスする領域へのリンクに加え、チームや最もよく使用されるリポジトリへのリンクが含まれている。ハンバーガーボタン（3本の水平線）をクリックすると、サイト全体のメニューを開くことができる。

頻繁にアクセスする領域へのリンクやチームのリポジトリへのリンクを表示（提供：GitHub）

　サイト全体のメニュー内で、リポジトリとチームをフィルタリングできる。

リポジトリとチームをフィルタリング（提供：GitHub）

　「Issues」「Pull requests」「notifications」などの重要なリンクは、常に各ページの右上に表示され、ワンクリックでアクセスできる。

ページの右上には「Issues」「Pull requests」「notifications」にワンクリックで移動できるボタンを追加した（提供：GitHub）

　変わっていない点も幾つかある。これまで通り、Mona（GitHub ロゴ）をクリックするとホームダッシュボードに移動し、アバターをクリックするとユーザーメニューが開く。

全てのページ、全てのデバイスでアクセス可能に

　上記のナビゲーションは、全てのデバイスでよりアクセスしやすく、一貫性があり、応答性の高いエクスペリエンスを提供するために再設計された。

　ナビゲーションは全てのページで一貫性があり、全てのデバイスサイズに対応できるようになった。どこにいてもGitHubの機能に確実にアクセスして使用できるよう、モバイルエクスペリエンスを改善したという。

　また、GitHubのオープンソースデザインシステムである「Primer」を使用して、ナビゲーションに新たなペイントを追加した。Primerを使用すると、ナビゲーションとUIの長期サポート、継続的なアクセシビリティーの改善、GitHub全体での一貫したコンポーネントスタイルと動作が保証される。

　なお、β版では機能プレビューの「グローバルナビゲーションの更新」で新しいナビゲーションのオンとオフを切り替えることができる。