モバイルデートアプリからのインスピレーション:デザインを改善する方法

公開: 2022-03-10
簡単な要約↬モバイルデートアプリのユーザーは、これらのアプリに毎日平均して30分以上費やしていることをご存知ですか。 彼らの成功の秘訣を知りたい場合は、ここでやめてください。 この記事では、出会い系アプリの開発者がデザインを使用して、ユーザーにとって魅力的で中毒性のあるエクスペリエンスを作成するための6つの主要な方法について説明します。

モバイルアプリのデザインを改善することは、必ずしも最も簡単な作業ではありません。 結局のところ、そのような限られたスペース内で実際にどれだけ達成できるのでしょうか。 あなたは、モバイルユーザーの注目が薄れつつあり、その結果、アプリを使用する際にスピーディーで便利で魅力的なエクスペリエンスを期待していることを認識しています。

現実的には、これまでに行われたことのないこれらの期待に応えるために、他にいくつの方法がありますか?

モバイルデートアプリを見てみましょう。 分かってる。 彼らはしばしば、デートのシーンを表面的で機械的で非人格的なものに変えるために悪いラップをします。

Facebookからログインします。

左スワイプ。 右にスワイプします。

新しいメッセージを開いて、アリシア/グレッグ/キャシー/アレックス/エルとチャットしましょう…

これらのアプリは、愛を見つけようとする人々にとって楽しいちょっとした気晴らしとして簡単に書き留めることができますが、実際にはかなり成功しています。 そして、私は彼らがシングルトンがナンバーゲームをプレイするのをどのように助けるかについて話しているだけではありません。 モバイルデートアプリの開発者は、魅力的でほとんど中毒性のあるエクスペリエンスを作成するという素晴らしい仕事をしてきました。これにより、ユーザーは2回以上だけでなく、毎日戻ってくることができます。

それで、彼らの秘密は何ですか?

ジャンプした後もっと! 以下を読み続けてください↓

次のモバイルデートアプリの概要では、開発者がオーディエンスについて知っていることを効果的に使用して、デザインを通じて価値のあるエクスペリエンスを形成する方法について説明します。 競合他社のモバイルアプリを傍観して改善のヒントやコツを探している場合は、少し休憩して、モバイルデートアプリの開発者が何をしているのかを確認する時期かもしれません。

彼らはあなたが細心の注意を払う必要がある6つの秘密の成分を解き放ちました。

モバイルデートアプリの真の価値

これまでにモバイルアプリを作成したことがある場合は、ユーザーがモバイルアプリを自分の携帯電話にダウンロードし、インストールしたままにして、定期的に使用することがいかに難しいかをご存知でしょう。

Localyticsは、2016年にモバイルアプリの放棄に関する調査を実施しました。 この調査から、アプリ開発者が気になる2つの統計が得られました。

  • モバイルアプリユーザーの23%は、アプリを放棄する前に1回だけ使用します。
  • モバイルアプリユーザーの38%だけが11回以上アプリを使用します。

それに直面しましょう:一部のモバイルアプリの概念は、他の概念よりも理にかなっており、ユーザーに受け入れられやすくなります。 そうは言っても、モバイルアプリの分野で他のタイプよりもはるかに優れたビジネスのタイプにそれをまとめるほど簡単ではありません(たとえば、レストランの忠誠心のアプリと生産性のアプリ)。

つまり、提供する価値と、アプリのデザインと機能がその価値にどれだけ貢献するかということです。

モバイルデートアプリを取ります。 コンセプトは、従来の出会い系サイトが達成しようとしているものと似ています。つまり、人々が仲間を見つけるのを助けることです。 出会い系アプリの開発者の中には、ウェブサイトのすべてのエクスペリエンスをモバイルアプリの形式に誤って入れようとした人もいれば、モバイルデバイスのコンテキストでのユーザーのニーズに焦点を合わせた人もいます。

これが、Tinderが主流に導入されてから約半年後も、出会い系アプリが引き続き人気を博している理由である可能性があります。

それ自体で、TheTinderは毎日16億回のスワイプを獲得しています。 そのユーザーはそれぞれ、プラットフォームで毎日平均35分を費やしています。 それを、ブロックで新しくても非常に人気のある子供たちの1人であるバンブルと比較してください。 このアプリのユーザーは約2億2000万回スワイプし、それぞれが毎日約100分を費やしています。

それで、モバイルデートアプリの成功の秘訣は何ですか? 言い換えれば、なぜそんなに多くの人々が彼らに群がり、彼らと非常に深く関わっているのですか?

これは、開発者がこれらのアプリの価値が一致の品質だけに由来するのではないことを理解しているためです(もちろん、それも非常に重要です)。 ウェブサイトのエクスペリエンスと現在の優れたアプリのエクスペリエンスとの違いは、ユーザーが一致するものを見つけることができる速度と利便性です。 そして、これは賢いデザインの選択なしには不可能です。

すべてのWeb開発者がモバイルデートアプリから学ぶことができる教訓

モバイルアプリに真に価値の高いエクスペリエンスを作成するには、出会い系アプリの機能に細心の注意を払ってください。 TinderとBumbleはこの分野のリーダーであるため、以下でそれらに焦点を当てます。 ただし、他のいくつかのアプリもスマートなデザインの選択を行っているため、該当する場合はそれらの例を含めます。

ここでは、効果的なモバイルデートアプリのデザインを研究することから学ぶことができる6つの教訓を紹介します。

1.モバイルファースト向けの設計

前回独身だったときは、2つの選択肢がありました。直接会うか、出会い系サイトを通じて誰かに会うかです。 当時、私は出会い系サイトを軽蔑していたことを覚えています。 彼らは私があまりにも多くの仕事であると感じたものを必要としました、そしてそれらのどれも本当にとてもよく見えませんでした。 人々の写真はざらざらしていて、誰かが書くことができる量や量に制限はなく、ウェブサイトが非常に簡単に移動できることを覚えていません。

私のスーパーシングルスージーフェーズでは、モバイルデートアプリを自由に使えるようになって本当に幸せでした—そして私は一人ではないようです。 Clickzが2013年のデスクトップユーザーとモバイルユーザーの数を調べたところ、オンラインデートの65%がデスクトップを使用し、35%だけがモバイルを使用していたことがわかりました。 ただし、わずか1年後、これらの数値は大幅に変化し、60%がモバイルのみのルートになり、40%が依然としてデスクトップに依存しています。

一般的にスマートデバイスに費やす時間の観点から、モバイルアプリの人気が高まっていることを考えると、これはそれほど驚くことではありません。 ただし、前述したように、すべてのモバイルアプリがモバイルデートアプリほど受け入れられているわけではありません。 その多くはデザインと関係があります。

確かに、一部の出会い系サイト(MatchやOkCupidなど)は、ユーザーがサービスをどのように使用するかについて柔軟なオプションを提供するために、モバイルアプリスペースにクロスオーバーしています。 そうは言っても、この分野で真に進歩しているアプリは、厳密にモバイル専用であり、モバイルファーストの考え方で設計されたアプリです。

プロファイル設定に対するCloverのアプローチを採用します。

Cloverプロファイルの設定では、基本事項のみが求められます。
クローバーのプロファイル設定では、基本事項のみが求められます。 (画像:クローバー)(拡大版を見る)

ユーザーは、自分自身に関する数十または数百の質問に記入する必要はありません。 実際、回答の多くは、ドロップダウンオプションをクリックするだけで提供できます。 入力するスペースが限られており、モバイルデバイスで親指でできることは限られているため、連絡先フォームやその他の入力フィールドを簡略化する必要があります。

1回のように、アカウント設定についても同じことが言えます。

トグルスイッチは、Onceセットアップ画面を支配します。
トグルスイッチは、Onceのセットアップ画面を支配します。 (画像:1回)(拡大版を表示)

また、ユーザーがログイン、設定、または情報を提供するのをより便利にする他の方法を検討することをお勧めします。 彼らがしなければならない仕事が少なければ少ないほど良い。

Facebookのログインはモバイルアプリでますます人気が高まっており、特に出会い系アプリはますます時流に乗っています。 ハグルはこれを行う多くの1つです:

HuggleはFacebookログインを有効にします。
Huggleは、他の多くの出会い系アプリと同様に、Facebookログインを可能にします。 (画像:ハグル)(拡大版を見る)

この機能の追加に興味がある場合は、FacebookがFacebook forDevelopersを介して非常に簡単に機能します。

2.強力な色を選択します

色は、ユーザーの関心の低下と戦っているモバイルアプリでは特にそうですが、Webデザインの非常に強力な部分です。

出会い系アプリが色をどれだけうまく使用しているかを見るのは当然のことです。

モバイルデートアプリのアイコンの組み合わせ。
モバイルデートアプリのアイコンの組み合わせ(拡大版を表示)

上記のアプリアイコンをご覧ください。 主要な出会い系アプリの2つ(TinderとBumble)が、それぞれ赤と黄色を原色として使用しているのは驚きですか? それらの色が明るいからというだけではありません。

このように考えてください。 Tinderは、ユーザーに長期的な配偶者や夜の誰かを見つける機会を与えることで定評があります。 しかし、ここでの根底にあるメッセージは? 火口はあなたの情熱を養い、それを素早く行います—赤との一般的な心理的関連の2つ。

一方、バンブルは、より安全な交際環境を提供することになっています。 ユーザーは誰でも自由に左または右にスワイプできますが、潜在的な仲間とのコミュニケーションを開始するかどうかは女性次第です。 本質的に、バンブルはユーザーによりポジティブな交際体験を提供します。これにより、黄色(積極性と幸福の代名詞である色)が賢明な選択になります。

ブランディング以外では、モバイルデートアプリは色を賢く使用していることがわかります。 これらのアプリは、背景が赤やロイヤルブルーの水しぶきでデザインを圧倒するのではなく、色のヒントを使用して、次に対話する場所をユーザーに思い出させます。

Tinderの赤い戻るボタンを取り、チャットアプリでフラグを立てます。

火口赤のヒント
Tinderの赤いヒントが上部のナビゲーションに表示されます。 (画像:TheTinder)(拡大版を見る)

または、この二重の召喚状で、Onceの厳選された色を検討してください。

かつては鮮やかなCTAカラーを使用しています。
かつては、明るい色を戦略的に使用して、行動を促すフレーズに注意を向けました。 (画像:1回)(拡大版を表示)

3.テキストを簡単に

正直に言うと、スマートフォンのおかげで、おそらく数行以上のテキストを読む傾向が弱まりました。 したがって、Webサイトのレスポンシブデザインを作成するだけでモバイルユーザーのエンゲージメントを維持できると考えているWeb開発者は、もう一度考えてみてください。

モバイルユーザーは、サービスを説明するページ全体を望んでいません。代わりに、あちこちで文章を読んで、正確に要約することができます。 もちろん、あなたはあなたの戦いを選ばなければなりません。 場合によっては、コピーの全ページが理にかなっています(ブログ投稿やケーススタディなど)。 しかし、シャープなデザインで多くのコミュニケーションを取りながら、モバイルインターフェースをテキストで明るく保つための賢い方法があります。

これは、モバイルデートアプリがこの点で行ういくつかのクールなことです。 それは基本的にこのすべてを始めたので、TheTinderから始めましょう。

TheTinderのカードスタイルのデザイン
マッチインターフェースのためのTinderのカードスタイルのデザイン(画像:Tinder)(拡大版を表示)

マッチインターフェースのカードスタイルのデザインは、ウェブサイトで使用する全幅のヘッダー画像と同じです。テキスト(名前、仕事、学校など)が非常に軽く、美しく、高解像度です。不動産の大部分を占める画像(ユーザーがアップロードするものである限り)。 詳細情報が必要な場合は、「i」アイコンをクリックして詳細情報を入手できます。 それでも、BIOSは500文字に制限されています。

Bumbleの拡張プロファイルは次のようになります。

ショートバンブルBIOS
バンブルBIOSは短く、要点があります。 (画像:バンブル)(拡大版を表示)

モバイルデートアプリは、アプリとその機能の説明方法についても賢明な選択をします。 これらのアプリは、会社の歴史を説明し、その目標について話し、ツールの詳細を説明する長いページをユーザーに提供するのではなく、簡単に認識できる画像、強い色、まばらなテキストを使用してユーザーと通信します。

Bumbleは、さまざまなアップグレードオプションを説明する際に、これを特にうまく処理します。

クリーンでシンプルなバンブルUI
Bumbleは、常にインターフェイスをクリーンで読みやすくします。 (画像:バンブル)(拡大版を表示)

さらに、これらの出会い系アプリのほとんどは、私が「ツールチップ」と呼んでいるものを使用しています(標準のホバーアンドリビールツールチップとは異なりますが)。 基本的に、一連の簡単なメモを通じて、アプリを操作する方法を理解できます。

ヒンジは、その機能が他の出会い系アプリの従来のスワイプとどのように異なるかを理解していることを示すために確認する必要があるいくつかのポップアップを介してこれを行います。

ヒンジのツールチップ
ヒンジは、短くてわかりやすいツールチップを提供します。 (画像:ヒンジ)(拡大版を表示)
ヒンジのツールチップ。
ヒンジは、短くてわかりやすいツールチップを提供します。 (画像:ヒンジ)(拡大版を表示)

クローバーもこれを非常にうまく綴っています:

クローバーのツールチップ
クローバーのツールチップは、学習曲線を短縮します。 (画像:クローバー)(拡大版を見る)

4.ナビゲーションを簡素化する

すべてのモバイルユーザーのほぼ半数が、デバイスを操作するために1つの親指だけに依存しています。 アプリが子供や高齢者に対応していない限り、モバイルデバイスを片手でナビゲートするのに十分な敏捷性がない可能性がありますが、その統計を心に留めておくのが賢明です。

Web開発者にとって、レスポンシブナビゲーションデザインは主要な優先事項です。 しかし、モバイルアプリ開発者はこれをどのように処理する必要がありますか?

モバイルデートアプリを見ると、Tinderの次の例のように、ユーザーがアプリの主要部分を操作するとき(つまり、一致するものを見つけるとき)、ナビゲーションは常に下揃えで表示されます。

Tinderの常に存在するナビゲーション
Tinderの常に存在するナビゲーション(画像:Tinder)(拡大版を表示)

デートアプリは、学習曲線が付いているかさばるラベルやカスタムアイコンではなく、わかりやすいアイコンを使用するため、ラベル付けも注目に値します。 出会い系アプリの不一致部分についても同じことが言えます。 Bumbleでわかるように、必要なのは上部にある矢印で、ユーザーにどこに行くか(そして親指に優しい場所で起動するか)を知らせることだけです。

バンブルのシンプルなナビゲーション矢印
Bumbleでは複雑なナビゲーションは必要ありません。 (画像:バンブル)(拡大版を表示)

ナビゲーションのこの部分は、独自のアプリの機能とそれほど変わらない場合があります。 モバイルデートアプリと他のほとんどのアプリ間のナビゲーションの真の差別化要因は、スワイプしてナビゲートするジェスチャです。

私がやり取りしたほとんどの出会い系アプリは、同じ方向性の手がかりを使用しています。彼または彼女が気に入らない場合は左、気に入る場合は右です。 Tinderは、スワイプが何をするかを確実に理解するために、アプリを初めて操作するときにもリマインダーを追加するのに十分です。

出会い系アプリを左右にスワイプ
モバイルデートアプリの左右のスワイプ。 (画像:TheTinder)(拡大版を見る)

上にスワイプして写真をスクロールしたり(バンブル)、誰かを「超いいね」したり(Tinder)する人もいますが、ほとんどの場合、このナビゲーションは単純化され、2つのオプションに追いやられています。

スワイプ機能は、作成するアプリの種類には意味がないかもしれませんが、基本的な概念を理解して、自分のニーズに適用することです。 つまり、新しいページ、タブ、または商品画像が読み込まれるのをユーザーに待たせることなく、ユーザーをアプリに積極的に関与させ続けるにはどうすればよいでしょうか。 それらを同じ画面に保持しながら、アプリのさまざまな部分を移動できるようにする方法はありますか?

Tinderの創設者の1人であるSeanRadは、次のように説明しています。

5.ゲーミフィケーションインタラクション

出会い系アプリの過度の単純化と、それらがどのようにスワイプ失明につながるかについて不満を言う人もいます。 しかし、それが本当なら、ユーザーはアプリの購読を継続せず、頻繁に使用することはありませんよね?

ゲーミフィケーションは、モバイルデートアプリがユーザーのエンゲージメントを維持するための1つの方法にすぎません。

ゲーミフィケーションが機能するためには、リスクと報酬のシステムが必要です。 この場合のリスクは、次のような形で発生する可能性があります。

  • 毎日アプリにログインし、
  • プロファイル全体に記入し、
  • 他のユーザーの写真を評価し、
  • 一定数の人をスワイプして、
  • 特定の時間枠内で通信します。

各出会い系アプリには、独自のゲーミフィケーションシステムがあり、ブランドアイデンティティと密接に関連しているようです。

たとえば、クローバーは、包括的な摂取量アンケートとスピードを重視して構築されたアプリを使用して、出会い系サイト間のギャップを埋めようとしています。 これが、このアプリにとって20の質問のゲームが理にかなっている理由です。

クローバー20の質問
二十の質問のクローバーバージョン(画像:クローバー)(拡大版を表示)
クローバー20の質問UI
クローバーの20の質問ゲームの仕組みのサンプル(画像:クローバー)(拡大版を表示)
クローバー20の質問の報酬
ユーザーが20の質問に回答すると、これらのサポートの言葉を受け取ります。 (画像:クローバー)(拡大版を見る)

次に、1日1回だけ適切に調整された一致を送信するアプリOnceがあります。 ただし、ユーザーのプロファイルで機能する情報が限られているため、追加の入力が必要です。 ユーザーにさらに多くの質問に答えさせるのではなく、ランダムなユーザーの写真を評価する機会をユーザーに提供します。 これにより、AIが適切な一致を見つける能力が向上し、ユーザーが次の一致を待つ間、楽しい気分転換ができるようになります。

一度評価ゲームを使用します。
かつては評価ゲームを使用してユーザーに報酬を与えました。 (画像:1回)(拡大版を表示)

一方、Bumbleはゲーミフィケーションを使用して、モバイルデバイスを使用するとき(そして急いで私たちの生活の愛を見つけようとするとき)に私たち全員が持っている切迫感を再生します。 このアプリは女性にコミュニケーションの力を与えますが、正確には24時間という制限もあります。 そのため、ユーザーがメッセージにログインしてキューに一致するたびに、アクションを実行する必要があることを知らせる黄色のタイマーが表示されます。

バンブルユーザーは24時間チャットできます。
Bumbleはタイマーを使用してユーザーのやる気を引き出します。 (画像:バンブル)(拡大版を表示)

結局のところ、ゲーミフィケーションとは、体験に何も追加しない、無意味または無意味なゲームやアニメーションを作成することではありません。 むしろ、それはユーザーがアプリを毎日開いて真にエンゲージするように動機付けることです。

6.コミュニケーションを促進する

Webサイトを使用すると、ユーザーと通信するための多くの機会があります。

  • ポップアップ、
  • こんにちはバー、
  • Eメール、
  • ブラウザ内通知、
  • リマーケティング、
  • プッシュ通知。

ただし、これらの通信方法のほとんどは、モバイルアプリでは面倒で歓迎されません(まだ気づいていない場合)。 モバイルデートアプリが利用する唯一のコミュニケーション形態はプッシュ通知であり、それには正当な理由があります。 Localyticsによると、モバイルユーザーの46%は、アプリ内メッセージを受信した場合、11回以上アプリに戻ることになります(以前の統計を覚えていますか?)。 これは、プッシュ通知がタイムリーなニュースやリマインダーをユーザーに配信できるという事実に部分的に起因しています。これは、そもそもアプリを使用することの緊急性の魅力の一部です。 これらのメッセージはパーソナライズされる傾向があるという事実もあり、それはそれらを非常に価値のあるものにします。

出会い系アプリでは、プッシュ通知が受け入れられることは理にかなっています。 ユーザーは、夢の男性または女性が彼らを好きか、またはメッセージを送ったかどうかをすぐに知りたいと思っています。

CloverとHingeはどちらも、誰がいつ対話したかをユーザーに知らせることで、明示的なルートをたどります。

クローバープッシュ通知
有効にすると、プッシュ通知がCloverユーザーに送信されます。 (画像:クローバー)(拡大版を見る)
ヒンジプッシュ通知
有効にすると、プッシュ通知がヒンジユーザーに送信されます。 (画像:ヒンジ)(拡大版を表示)

一方、Bumbleは、誰かがそこにいて、待っていて、興味を持っていることをユーザーに知らせるだけで、よりいじめのアプローチを取ります。

バンブルプッシュ通知
バンブルは、プッシュ通知にもっと不思議なアプローチを取ります。 (画像:バンブル)(拡大版を表示)

他の即時満足型の衝動を満たそうとしているアプリ開発者は、プッシュ通知も使用するのが賢明です。 (もちろん、ユーザーがオプトアウトしたい60%の一部である場合に備えて、それらをオフにできるようにします。)

結論

すべてのWeb開発者がモバイルデートアプリから学ぶことができる重要な教訓がいくつかあります。 ただし、結局のところ、オーディエンスを知り、アプリがオーディエンスにとってどのような価値を持っているかを理解し、スマートでシンプルなデザインを通じてそれを実現することです。

モバイルデートアプリを陳腐で浅いものとして書き留めるのは簡単ですが、ゲーミフィケーションの側面やスワイプの即時の満足感よりも、エクスペリエンスには多くのことがあることがわかりました。 出会い系アプリは、仲間を見つけて会う最初のプロセスを合理化し、ユーザーが定期的に交流する価値があり、役立つ、価値があると感じるツールです。