FREENANCE Ad

3億人のユーザーを抱える『Reddit』が、10年ぶりのリニューアルデザインを公開。UX改善の参考に!

Reddit Featured
FREENANCE Ad
DESIGNER

海外の電子掲示板といえば、『Reddit(レディット)』です。3億3千万人のユーザーを超えていて、サービスの1ヶ月のPVは140億件です。アメリカをはじめとする英語圏諸国では、誰でも『Reddit』を知っています。

2005年のサービスローンチ以降、2008年から2018年にかけては一度もリニューアルされていません。そのため、2018年3月に一部のユーザーのみに公開されたリデザインは大変注目を浴びています。サービスのブランディングに置いてかなり重要な、デザインリニューアル。

今回は、『Reddit』が1%のユーザーにのみ公開しているリニューアルデザインがどのようなものなのかをご紹介します。

 

『Reddit』とは?

Redditとは

3億人以上のユーザーが使っている電子掲示板の『Reddit』。ニュース記事、画像のリンクやテキストを投稿して、コメントをつけられます。各ユーザーが投稿したトピックおよびコメントに他のユーザーの評判をVote(投票)をつけられるのがサービスの特徴です。

また、ユーザー同士で特定の領域を対象にしている「サブレディット」と呼ばれるコミュニティを立ち上げられます。「サブレディット」は、日本の電子掲示板における「板」に等しいです。『Reddit』には、約85万件の「サブレディット」があり、それぞれの管理者がインターフェイスをカスタマイズしています。

管理者が「サブレディット」のデザインをカスタマイズできますが、サイト全体のインターフェイスは昔ながら同じデザインです。

 

ユーザー継続率向上がリニューアルの課題

『Reddit』の最大の課題は、ユーザーの継続率です。

Reddit社曰く、登録後したのに、一度もサービスを使ったことのないユーザーが多いようです。今回のリニューアルでは、インターネットを使っている層にとって、馴染みやすいUIの開発に挑みました。

Reddit社のUXデザイナー・ラッシュ氏によると、リニューアルの目標は、「サービスの骨組みを変更せずに、よりシンプル、より効率的、より使いやすい『Reddit』を作ること」でした。

また、『Reddit』の「サブレディット」のインターフェイスを崩さないようなリニューアルがReddit社のデザイン部に求められました。

 

『Reddit』のUXデザインへの変更

このリニューアルがきっかけで、『Reddit』のUXデザインにおける複数の要素が変わりました。

マスコットの「Snoo(スヌー)」をより親しみやすく

Before After Snoo

出典:Reddit

「Snoo(スヌー)」とは、『Reddit』のマスコットです。『Reddit』のことを思い浮かぶと、このゆるキャラもすぐに出てくる人が多いです。

サイトリニューアルを機に、「Snoo」もリデザインされました。デザインの目標は、「Snoo」を3D化して、感情表現を彼に入れることです。また、Facebookの感情表現を示す「リアクション」と同様に、「Snoomoji(スヌーモジ)」という「Snoo」をモチーフにしている絵文字もサイトに入れました。

さらに、『Reddit』にログインすると、ユーザーのアバターが「Snoo」の画像になり、「サブレディット」を作成するときに、コミュニティのバナーはデフォルトで彼の画像にもなります。

「Post Validation(ポスト・バリデーション)」機能を追加

Reddit社は、ユーザーのブラックリストと「サブレディット」におけるカスタマイズを実施できる「Post Validation(ポスト・バリデーション)」という機能をサービスに追加しました。この新機能の原因は、Reddit社のデザイナーたちが、『Reddit』のもっとも人気度が高い「サブレディット」2,000のカスタマイズされたUIを観察した結果です。

Reddit社のデザイナーたちは、それぞれのカスタマイズされた要素を見て、ツールでカスタマイズできるように「Post Validation」を開発しました。

オンボーディングを分かりやすくした

Reddit 4

出典:Wired

オンボーディングとは、ユーザーを定着させるためにデザインや言葉の力で誘導すること。Reddit社のデータ解析士の研究結果によると、ユーザーは『Reddit』の概念を理解したのに、サービスの利用時と使い方を把握しないことが分かりました。要するに、『Reddit』のオンボーディングに問題がありました。

研究結果を基に、Reddit社はユーザーがもっとも望んでいる新機能をサービスに導入しました。それらの機能は次のようです。

  • 現在のサイトよりも大きな投稿用のボタンを実施した
  • 投稿時に、Markdownというプログラミング言語を記述しなくても、WYSIWYGのツールバーで文章を記入できるようにした
  • 別々で投稿せずに、同様の投稿の中に文章やリンク先、写真、動画などを記入できるようにした
  • 登校時に、記入欄の隣に、「サブレディット」のルールが表示されるようにした
  • 投稿するときに、元のページから離れず、ページ内に投稿を記入できるようにした
  • 新しいフォントを実施した
  • 投稿ボタンを大きくした

昔からサービスを使っていたユーザーには不必要な機能かもしれませんが、新規ユーザーが『Reddit』を使い続くかどうかと大きく関わっている機能です。

 

ユーザーの好みに合わせるためのサイトのスタイル

Reddit 1

出典:Wired

現在、リニューアルされたホームページにアクセスできるのは、ユーザーのわずか1%。今年中に、Reddit社がユーザーの全員にリニューアルされたサービスを展開する予定のようです。また、リニューアルしたスタイルだけではなく、3つの「ビュー(サイトのスタイル)」を提供してくれています。

1. Classic View(クラシック・ビュー)

Reddit 3

出典:Wired

いままでの『Reddit』を愛用したユーザーのための「Classic View(クラシック・ビュー)」。現在の『Reddit』のUIと異ならないため、使い慣れているユーザーはこのビューを使うでしょう。

2. Card View(カード・ビュー)

Reddit 2

出典:Wired

新しい『Reddit』を体験したいユーザーのための「Card View(カード・ビュー)」。

『Reddit』のUXデザイナーによると、「Card View」にFacebookとTwitterのようなSNSのUIが含まれているのは意図的なことでした。新規ユーザーが慣れているSNSのUIを用いて、『Reddit』に馴染ませます。

このリニューアルでは、以前の『Reddit』と異なり、投稿および写真が自動的に拡大されています。さらに、メニューの位置も画面の上部が画面の左側に変わりました。このメニューから、フォロー中の「サブレディット」やユーザーのプロフィールなどの情報を確認できます。

3. Compact View(コンパクト・ビュー)

Reddit 5

出典:Wired

手っ取り早く情報を収集したいユーザーのための「Compact View(コンパクト・ビュー)」。このスタイルでは、スレのタイトルが注目されているため、多くの情報量をインプットできます。他のふたつの「ビュー」と比較すると、UIの見た目を重視していません。

 

まとめ

いかがでしたか?

2005年に開始された『Reddit』。長い間、サービスの従来のデザインを使い続けましたが、2018年にReddit社がサイトのリニューアルを実施しました。さまざまなUXデザインの要素を改善して、新規ユーザーに『Reddit』を馴染ませます。また、3つのスタイルがあるため、十人十色のニーズに沿ったリニューアルです。

日本では、『Reddit』の普及が遅れていますが、最新情報を入手するために有利なサービスです。今後、『Reddit』を使うときに、ご自分に合うスタイルを選びましょう。

(翻訳:Jordan Colston)

SHARE

  • 広告主募集
  • ライター・編集者募集
  • WorkshipSPACE
デザイナー副業案件
Workship