こんにちは、Qiita運営スタッフです。
今日は、Qiitaトップページのアップデートをクローズドベータ版として公開したことをお知らせします。

アップデートの目的・背景

トップページは発見や繋がりを生むことができる場所としてQiitaで重要な役割を担っていますが、現在のトップページは、2017年のアップデートからUIが変わっていません。

現在のトップページのあり方を抜本的に見直し、今まで以上に発見や繋がりを生むことができる場所として、トップページの改善を行っていきたいと考えています。

まずはベータ版として公開し、ユーザーの皆様からのフィードバックを通してUIの改善を行っていきます。

新しいUIについて

新しいUIの全体イメージは、以下のようになっています。

今回のベータ版では、多くのユーザーが利用する「記事に関連するページ」のみのアップデートを行なっています。その他のページに関しては、順次アップデートを行なっていく予定です。

グローバルナビゲーションを配置

Now	Update

現在Qiitaのナビゲーションは、Headerのロゴの横の「」のアイコンのドロップダウンメニューで提供していますが、

• この導線に気づいているユーザーが少ない
• Qiita 運営が提供するコンテンツの変化
• フィードのメニューと導線が離れている

以上の理由から項目を整理し、グローバルナビゲーションへアクセスしやすいようにヘッダーの下に配置することにいたしました。

マイナビゲーションを整理

Now	Update

ユーザーに紐づくコンテンツへの導線を、ヘッダーのユーザーアイコンのドロップダウンメニューに集めました。
前述したヘッダーのロゴの横に配置してあった、ログイン中のQiita Teamへの導線もこちらに移動します。

コンテンツの幅の最適化

Now

Update
2560px	1920px	1440px	375px

Qiitaユーザーが利用しているデバイスの画面サイズについて多様化が進んでおり、モバイルで利用するユーザーもいれば、4Kのモニターを利用しているユーザーもいます。
また、提供するコンテンツも変化しており、各コンテンツへのアクセスがしづらい状態が生まれています。

より良いコンテンツへのアクセス体験を提供するために、画面サイズの見直しをすることにしました。
まずはトップページの画面サイズを拡大します。
順次グローバルナビゲーションで提供しているコンテンツも対応していく予定です。

今後の予定

ベータ版としての公開は10月下旬〜11月上旬に行う予定です。リリースタイミングで再度お知らせいたしますので、しばらくお待ちください。
ベータ版はhttps://qiita.com/settings/beta-releaseより有効化することが可能です。
ぜひ一度ご利用いただき、フィードバックをいただけますと幸いです。

ベータ版として公開後、いただいたフィードバックをもとに機能の改善を行い、正式版としての公開が問題ないと判断したタイミングで正式版の公開の準備をさせていただきます。
また、こちらのアップデートは段階的に行っていく予定です。
現在は記事に関連するページのみアップデートをおこなっていますが、順次他のページについても新たなトップページの形へアップデートをおこなっていきます。

これからも改善に取り組んでいきます。ご意見・ご要望がありましたらいつでもお寄せください。
ご意見フォーム