ユーザーアイコンのデザインを変更します

こんにちは、Qiita開発チームです。
今回は、ユーザーアイコンのデザイン変更についてお知らせします。

ユーザーアイコンを丸に変更

現在、Qiitaのユーザーアイコンは以下のようなデザインとなっています。

Qiitaではこの四角型のアイコンを長く用いていました。
しかし、Qiitaにはユーザーアイコンの他に

  • タグアイコン
  • Organizationアイコン

もあり、全てが同じデザインであったため、ユーザーアイコンがそれらのアイコンと並ぶと、直感的にユーザーアイコンであるということがわかりづらくなっています。

また、ユーザーアイコンは羅列するような使い方をすることも多く、四角型だと余白が少なくなって窮屈な印象を与えるため、「余分な余白を取らなければならない」という課題もありました。

これらの課題を解決するため、ユーザーアイコンは現在SNSで主流になっている丸型のデザインに変更することを決めました。今後ユーザーアイコンは以下のようなデザインに変わります。

変更スケジュール

今回のデザイン変更に際して、事前にベータ版でリリースし、検証を行わせていただきました。
その際いただいたフィードバックとして、以下のようなものがありました。

  • ユーザーアイコンを急に変更すると、今までのデザイン用に画像を用意していた人たちが今までのアイコンを使えなくなってしまう

いただいたご意見を元に、ページごとに時間をおいて順次アイコンの変更を行なうことにしました。アイコン変更は以下のページに順次適用していきます。「アイコンが少ない」「よく目にするページ」を基準に適用順を決めております。

  1. 記事ページ(ヘッダー、フッター、コメント一覧)
  2. ヘッダー
  3. タグページ
  4. Organizationページ
  5. フィードページ(トレンド、タイムライン、タグフィード、マイルストーン)
  6. 全てのページ

変更後のアイコンをチェックし、適宜修正を行っていただければと思います。

最後に

ベータ版でリリースした際、ユーザーのみなさまから多くのフィードバックをいただきました。
誠にありがとうございました。

今回いただいたフィードバックを元に、どのような形でアイコンを変更を行なっていくかの検討を社内で行いました。
上記でご紹介したご意見の他にも、フィードバックとして以下のようなご意見もいただきました。

  • ヘッダーは他のデザインが四角なので、丸なのが少し違和感がある
  • ベータ版でのリリース時に、変更する意図も書いて欲しい
  • 他のSNSと統一されて見やすくなった
  • 旧デザインでも新デザインでも違和感はない

「ヘッダーの現在のデザインだと丸型がうまく馴染んでいないように感じる」というご意見はいくつかいただき、「ヘッダーのみ現行のデザインのままにする」「ヘッダーのデザインを改める」など様々な検討をさせていただきました。

結果として、今回は「現行のヘッダーデザインのままユーザーアイコンを丸型に変える」という選択をしましたが、ヘッダーに関しては、今後のあり方まで含めて改めて検討していければと考えています。

また、今後ベータ版での機能リリースを行う際は、https://qiita.com/settings/beta-release にて変更の意図もお伝えします。
今後もベータ版リリースを実施していきますので、またフィードバックをいただけますと幸いです。
※ベータ版と通常版の切り替えは、 https://qiita.com/settings/beta-releaseからいつでも可能です

これからもQiitaの改善に取り組んでいきます。ご意見ご要望がありましたらいつでもお寄せください。
https://qiita.com/feedback/new