top of page
redditpage1.png

こんにちは! Reddit アプリの再設計へようこそ

PROJECT BRIEF

なぜredditアプリ?

Reddit を選んだのは、コンセプトがユニークで、慣れ親しんだ他のアプリとは違っていたからです。 Reddit は、 "subreddit" というコミュニティのみに焦点を当てており、ユーザーは独自のコミュニティを作成できます。 Reddit には何千ものコミュニティがあり、基本的に任意の community を見つけることができます。探しているアプリがあれば参加でき、なければ自分で作ることができます。このプロジェクトの前に、Reddit アプリを使用しようとしましたが、新しいユーザーがアプリ全体をナビゲートするのは困難でした。アプリには情報が散らかっていたので、新しいユーザーが簡単にナビゲートできるようにアプリを再設計し、顧客満足度を高めることにしました。

現在のアプリを改善する方法

Reddit は、 a さまざまな年齢層を含むユニークなプラットフォームです。  Abhinav Agrawal が実施した調査によると、Reddit の使用者の 59% が男性です。ユーザーの 45% は 18 歳から 29 歳で、40% は 30 歳から 49 歳です。そのため、すべての年齢層に適したデザインにすることがプロジェクトにとって重要でした。子供たちがナビゲートできるほど簡単ではなく、人々が従うのも難しくありません。そのため、すべての年齢層にフィットするデザインを作成することは困難でした。

Screen Shot 2021-04-27 at 8.45.49 PM.png

現在の外観

現在のアプリをどのように改善しますか?

ユーザーを人口学的に学習して調査した後、 heuristic 評価を実施して、アプリの現在の設計が新しいユーザーと全体的なユーザー エクスペリエンスに適していることを確認しました。このアプリには、全体的なユーザー エクスペリエンスを大幅に改善できる改善点がいくつかあります。


たとえば、Reddit のホームページには、Home、News、popular のセクションがあります。カテゴリ内には、最高の投稿、新しい投稿などを含むサブセクションがあります。ただし、投稿を表示するために下にスクロールすると、これらのサブセクションはホームページの一番上に表示されなくなります. サブセクションを選択するには、ユーザーはサブセレクションを選択する順序。これは時間がかかり、ユーザーにとって不便です。アプリに新しいインターフェイスを実装することで、全体的なユーザー エクスペリエンスが大幅に向上します. 

アプリを改善する方法は何ですか?

アプリを改善するには、まずユーザーを調査する必要があります。reddit ユーザーはどのような人口統計に属しているのでしょうか。もう 1 つの方法は、問題を特定することです。そのため、Herisic 評価を行うことで、アプリにどのような問題があるかを簡単に特定できます。以下は、ペルソナとヒューリスティック評価です。

新しい再設計のルック アンド フィールはどうですか?

reddit では、ナビゲートしやすい新しい洗練されたインターフェイスを使用しました。アプリ内のすべての選択肢にアイコンを配置すると、視覚的にナビゲートしやすくなります。アプリ全体で Reddit を表す象徴的なオレンジ色を使用したため、インターフェイスはすべての年齢層にアピールします。この設計では、reddit の要素 (コミュニティ、ユーザーの制限なし) をコアとして維持することが重要でした。

改善

ヒューリスティックな評価とアプリを使用した個人的な経験に基づいて、ユーザー エクスペリエンスを向上させるために改善できるアプリの問題がいくつかあることに気付きました。下のプロトタイプをクリックして改善を体験してください! 

改善1:メッセージセクション

 以前のアプリでは、下部にメッセージとチャットの 2 つのセクションがあり、互いに分離されていました。 2 つのセクションの機能として、どちらも他のユーザーにメッセージを送信して返信するという同様の目標を達成します。そこで、両方のセクションを 1 つにまとめて、ページの下部に追加したプロファイル セクション用のスペースを作りました. 

改善 2:Reddit Coin Purchase 

ユーザーがアプリの Reddit コインを購入すると、アプリのホームページに Reddit コインのアイコンが表示されます。新しいユーザーとして、ホームページのアイコンは、ユーザーにコインを購入するように圧力をかけているように感じます.そこでサイドメニューにセクションを追加して、ユーザーが購入を迫られないようにし、既存のユーザーがコインを購入したい場合は、サイドメニューを選択してRedditコインセクションを押すことができます.このカテゴリでも、ユーザーがコインを購入したい場合は、ワンクリックでコインを購入することができます。これは一部のユーザーにとっては便利ですが、ユーザーが誤ってセクションを押したり、新しいユーザーがアプリを理解しようとしたりすると、エラーが発生する可能性があります。それを防ぐために、ユーザーがセクションを選択したときにセクションが拡大されるように設計しています。ユーザーが誤って購入ボタンを押してしまった場合に、購入ページに移動しないように、2 段階認証の機能を提供します。また、拡大されたセクションには、ユーザーがコインでできることの詳細が表示されます. 

改善 3: カテゴリの選択 

Reddit アプリでのカテゴリ選択に関しては、使いにくいことがよくありました。たとえば、Reddit には、選択できるさまざまな投稿があります。 「トップ」、「人気」、「新しい」などの投稿。 new" 投稿を見て "popular" を検索することにした場合、ユーザーはカテゴリを変更するために in order の一番上までスクロールする必要があります。そのため、ユーザーが別のカテゴリを選択したい場合に、簡単に選択できるように、カテゴリの選択を永続的に一番上に配置しました。この関数は、コメント セクションなどに適用されます。 

改善 4: 投稿

ユーザーが Reddit に投稿したい場合、まずユーザーが投稿したいものを選択する必要があります。たとえば、投稿ボタンをクリックすると、選択肢が画面の下部に表示されます。ただし、ユーザーがカテゴリを選択すると、それらを変更することはできません。たとえば、ユーザーが画像から動画にカテゴリを変更したい場合、他のカテゴリを選択するには、投稿全体を削除する必要があります。そのため、デフォルトの投稿をテキストとしてデザインし、カテゴリをキーボードの上部に配置して、ユーザーがいつでも投稿を変更できるようにしています。ユーザーが投稿したいことをより自由にコントロールできるようにします。

改善 5: デザインの外観と全体的な機能

初めて Reddit アプリを使い始めたときは、圧倒されました。ユーザーとsubredditのフォントが似ていたので、違いがわかりにくかったです。投稿のタイトルは太字ですが、ユーザー名とサブレディットは  faint でした。そしてそれらの間には、投稿全体が圧倒されて見づらくなる賞制度がありました.そのため、フォントのデザインとサイズを変更して、投稿をよりミニマルで見やすくします。よりシンプルにするために、表彰制度をポストの下に置きました。また、賞の横に数字が表示され、賞ボタンをクリックすると、その投稿がどの賞を受賞したかが表示されます. 

Screen Shot 2021-04-27 at 8.31.53 PM.png

プロトタイプ

下の 2 つのボタンをクリックすると、再設計された Reddit アプリのプロトタイプとアプリのワイヤーフレームに移動します。楽しんでくれると良いです!

UIキット

以下は、このプロジェクトで使用したアイコンの are the selection です。象徴的な Reddit の色を使い、よりシンプルでミニマルなデザインにしたかったのです。 Reddit アプリを見やすくしたかったので、これらの UI を作成することで、ユーザーがナビゲートしやすくなります。

reddit UI copy.png

結論

初めてのUX/UIプロジェクトだったので、とても刺激的でした。アプリを使っている人をリサーチしたり、個人的な体験談を聞いたりリサーチしたりと、とても良い経験になりましたし、もっとスキルアップしたいと思います。このプロジェクトから多くのことを学び、やめるつもりはありません!私は自分の過ちから学び、もっとやります!私のウェブサイトを訪問していただきありがとうございます!

  • Facebook
  • Twitter
  • LinkedIn

©2021 by カイ・ネルソン。 Wix.com で作成されました

bottom of page