デザイン

デザイン

スマホアプリの効果的なオンボーディング 参考になるサインアップ画面の海外事例を画像付きで紹介

UX Planet

UX Planet is a one-stop resource for everything related to user experience.

本記事は、5 Classic Mobile Onboarding Examples from Top Apps of 2019
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

173 views

読了時間 : 約6分56秒

ユーザーオンボーディングは、個人がアプリを試す機会を与え、それを投資ユーザーへ変換するモバイルアプリケーションの不可欠な要素です。「試させて」から「このアプリ大好き」になり「ねぇ!このアプリ使ってみてよ」になります。これは、興味を引くのに必要なプロセスです。

 

知っていますか?

 

clutch.coによる最新の調査では、「44%の回答者が「娯楽」のためにアプリをダウンロードしている。それが人気になる理由です」ということがわかりました。このブログでは、2019年のトップアプリの素晴らしいオンボーディングサンプルをご紹介します。コンテンツ、ビジュアル、パーソナライゼーション、ミニマリストが含まれています。

 

1、Slack

Slackはビジネス用のコミュニケーションアプリです。大企業から中小企業まで、コミュニケーションとシェアをすることができます。Slackは、ユーザーがアプリを開いたときからすぐにその特徴を見せます。

Slackのウォークスルー

 

4つのウォークスルー画面が、価値を重視したオンボーディングの良いサンプルであり、アプリの周囲にコンテキストを構築して、その利点を明らかにしていると言っても過言ではありません。これにより、ユーザーは、プロジェクト、部門、および関心に基づいて、1つのスペースまたは分散チャンネルでチーム間の情報をやり取りし、情報を共有する方法を視覚化できます。では、「興味のあるユーザー」のクッキーをみていきましょう。

Slack ログイン

 

Slackの価値をすでに知っている人は、「始める」ことができ、アカウントを作成できます。アカウントをすでに持っている人は、すぐに「サインイン」をすることができます。

 

2、Reddit

Wikipediaによると、Redditは、1億5300万件の投稿、12億件のコメント、および27億件のユーザーからの支持を得て、インターネットを席巻しました。「インターネットのフロントページ」はその目的を明示し、ユーザーをすぐに引き入れます。

 

Reddit ウォークスルー

 

「今はスキップ」のボタンは、アカウント作成やログインをスキップし、10万人のコミュニティを探検し、何十億もの会話に参加することができます。しかし、このプロセスをユーザーがスキップする前に、Redditは、通知を受けたいか聞きます。ソーシャルニュースをタップする前にユーザーが見る画面をご紹介します。

Reddit 探検

 

3、Masterclass

Masterclassは、2018年の最も優れた自己投資アプリです。プロフェッショナルなレッスンを受けることができます。

MasterClass ウォークスルー

 

このチュートリアルは、アプリの価値を説明するだけでなく、ユーザーにとって何が備わるのかを視覚化しています。

MasterClass 探検

 

「アプリを検索する」オプションを使用すると、ユーザーがアプリを詳しく調べて、料理、デザイン、スポーツ、科学、執筆、映画製作、写真、演技などのカテゴリからクラスを見つけることができます。さらに素晴らしいことに、すべてがサインインなしで使うことができます。もし、すでにMasterclassを聞いたことがあれば、Facebookのアカウントや新しいアカウントでサインインできます。

 

4、FitBit

ここ3年ほどで、フィットネスアプリは急激に人気になりました。新しい調査によると、このカテゴリは330%も成長しています(出典: Net Imperative)

 

FitBitは、男性女性をパーソナライズされ、トッラカーになります。ユーザーは目標を設定して管理し、活動時間、睡眠時間、心拍数を計測し、そして彼らのトレーニングと食べ物と水の摂取量を記録することができます。FitBitは、5つの簡単なウォークスルースクリーンで多種多様なユーティリティを形成します。

FitBitウォークスルー

 

やり方はこちらです:

シンプルなコピー+アイコン=Fitbitの価値

既存ユーザーは、簡単なログインでダッシュボードにすぐ行くことができます。

 

FitBitオンボードはどのようにして新しいユーザーになるか?

FitBitのアカウントベースのアプローチは、ユーザーに彼らの活動の正確な写真を提供するために必要なすべての重要なエレメントをカバーしています。

こちらを見てみてください:

デバイスを選ぶ+セットアップ+アカウント作成

 

FitBitはユーザーに情報をシェアすることを推奨します。

 

FitBitは、ユーザーがアカウント設定のときに、身体的特徴をシェアする理由を短く説明します。

 

年齢+身長+性別+体重

 

FitBitダッシュボード

 

FitBitのパーソナライズ化されたダッシュボードは、歩数、キロメートル、そしてカロリーの統計を表示します。右上のコーチマークにより、ユーザーはFitBitを効果的に使用するための目標を設定することができます。

 

 

5、Calm

深呼吸をしてください。2017年iPhoneベストアプリ受賞のCalmを使用するにはそれほど時間がかかります。この瞑想のアプリは、たくさんのユーザーのストレス解消を助け、睡眠を改善してきました。

Calm スプラッシュスクリーン

 

「深く深呼吸」というコピーのあるなだめるようなブルースクリーンは、睡眠ストーリー、ガイド付きの瞑想、呼吸プログラム、リラックスした音楽をユーザーにもたらすアプリの全体的な感触を定義します。

 

Calm アカウント設定

 

Calmは、スムーズに自分の目標を設定するには、ユーザーの移行することを目的とします。つまり、ユーザーはスキルの向上、構築、開発、または学習のトップ分野から選択することができます。

 

Calm:ログイン&サインアップ

 

続行すると、CalmはユーザーがEメールでサインアップするかFacebook経由でアカウントを作成することを可能にします。アカウントをお持ちのかたは、下にログインボタンがあります。

Calmのサブスクリプション:続行、スキップ

 

アプリに入る前に、7日間無料の特典を選択できます。Calmのさらにくわしい情報はこちらから。

 

 

ボーナスサンプル

Evernote

Evernoteで、本当の意味でGo Greenを!メモ帳、オーガナイザー、およびジャーナルは、価値志向のアプローチとプログレッシブオンボーディングの古典的な融合です。

Evernoteのチュートリアル

 

その利点は、省略することができるオプションで、短いコピーと実例で強調されます。ユーザーは自分のアカウントを作成したり、Gmailや他のEメールアドレスで直接サインインすることができます。

Evernoteサインアップ

 

ログインすると、Evernoteでは基本アカウントと有料サービスの無料お試しのどちらかを選択できます。では、Evernoteがどのようにして2つの優れたオンボーディングプラクティスを組み合わせるのか見てみましょう。技術に精通したユーザーは、チュートリアルを完全にスキップすることができますが、Evernoteは初心者の学習に役立ちます。

 

こちらがEvernoteと提携しているものです

ユーザーは最初のノートを書く+カメラロールー認証ー実行!+写真と記事を保存

アカウントの認証+承認!

 

まとめ

#1 Slackのオンボーディングは、コラボレーションの問題に対する解決策であり、「単なる」メセージングアプリとは一線を画しています。

#2  Redditのオンボーディングは、最初にアプリの探索を可能にし、ユーザーになるかどうか選択します。

#3 Masterclassのオンボーディングは、スプラッシュスクリーンが表示された瞬間から潜在的なユーザーの注目を集めます。

#4 FitBitは、正確なトラッカーをユーザーに提供し、簡単なアカウント設定でユーザーを関与させます。

#5 名前の通り、Calmは、最初の画面からユーザーを安心させ、静けさを築きます。

$6$ Evernoteは、技術に精通した個人や初心者に最適な例です。

 

結論

オンボーディングは、アプリを構築し宣伝し、個人がそれを使用するように説得するために、サイクルの途中でそれ自体を止めます。モバイルアプリケーションのオンボーディングプラクティスの選択は、次のようにさまざまな要因によって異なります。

1、カテゴリー

2、目的

3、価値

4、複雑

5、ユーザーがどのように受け取るか

さらには、ターゲットユーザーもあります。

 

ユーザーオンボーディングは、継続的なプロセスであり、アプリを使ったユーザーの最初の数分を超えて拡大します。モバイルオンボーディングのこれらの典型的な例は、成功したアプリがスプラッシュスクリーン、ウォークスルー、サインアップ、そしてログインによっていかに強力な第一印象を作り出すかを示します。もし、さらに多くの注目に価するモバイルアプリのマイクロインタラクションの例をもっと探しているなら、Mobile Patternsをみてみてください。

おすすめタグ