オンボーディングエクスペリエンスを更新し、より多くのユーザーを獲得した方法

コンバージョンを60%増加させるために使用した方法

Pilcro Artboard —ユーザーのオンボーディング

製品デザイナーおよび開発者として、ユーザーオンボーディングの成功の要素について多くの時間を費やしました。これは、良好なコンバージョンに不可欠な難しいプロセスであり、見過ごされがちです。

この記事では、(ブランド管理ソフトウェアの開発中に)行ったプロセスを説明します。これにより、学習したレッスンを独自のユーザーオンボーディングフローに適用できます。

なぜ私に耳を傾けますか?最近、Product Huntでの製品発売の一環としてUser Onboardingフローを開始した後、全体的なサインインコンバージョンが60%増加しました。以下は、ジョナサンプライスがローンチ当日にそれについて語らなければならなかったことです。

「Product Huntをテーマにしたランディングページは非常に優れていました。おそらく、これまでで最も洗練されたProduct Huntの発売です。すごい仕事。"

それでは、ユーザーオンボーディングとは何ですか?

トリカメレオンの定義は次のとおりです。

「ユーザーのオンボーディングは、製品の新しい価値を見つけるためにユーザーを積極的に導くシステムです。」

そのため、重要な機能をユーザーに伝えることがすべてです。

しかし、これらのユーザーは誰ですか?彼らは初めてのユーザーですか?彼らはあなたの製品に戻ってきた新しい(のような)ユーザーですか?

そして、「価値」とはどういう意味ですか?ユーザーが評価する機能価値があるかもしれないユーザーの行動?例えば。サインインまたはサブスクリプション?

すぐに、ユーザーオンボーディングが簡単なUXタスクではないことは明らかです。

複数のユーザータイプと、ユーザーが価値があると思う複数の機能があります。どのようにすべてを理解するのでしょうか?製品の価値を効果的に伝えるにはどうすればよいですか?そして、機能をユーザーに見せることによって実際に何を達成しようとしているのでしょうか?

最初のステップ-ユーザーの旅を監査する

当たり前のように思えるかもしれませんが、最初のステップは、新規および既存のユーザーがアプリ内をどのように移動するかを調べることです。誰もが取る旅はありますか、それとも複数の異なる道がありますか?

この手順は、新しいユーザーが初めてアプリを体験した方法を理解するためにユーザーテストを採用した総会UXの学生の助けを借りて行いました。このプロセスは、ユーザーを3つの異なるユーザータイプに分類するのにも役立ちました。

  • 最初の20秒
  • 最初のセッション
  • 最初の月

このプロセスの最後で、ユーザーがアプリをどのように移動したかについて、よりよく理解できました。しかし、彼らにどのような価値を伝えたいのか、最終目標は何なのかはまだわかりませんでした。

魔法の瞬間の紹介

ユーザーオンボーディングに関する混乱の深さで、このビデオに出会いました。 Facebookがユーザーを「魔法の瞬間」に導くためのユーザージャーニーをどのように設計したかについて説明しています。

マジックモーメントとは、ユーザーが製品のコアバリューが実際に何であるかを突然理解することです。ユーザーが「理解」した瞬間です。 Facebookの場合、友人の1人の写真を見たときでした。

Pilcroでは、ユーザーがブランド資産を初めてコピーするときがマジックモーメントであることに気付きました。これは、彼らがピルクロを使用する理由を本当に理解するときです。

マジックモーメントを念頭に置いて、考えを整理するためにこの表を考案しました。

次に、これらの同じ目的を、それらを達成するための可能な戦略にマッピングしようとしました。

この時点で、目的を達成するための戦略がいくつかありました。私たちが利用できる視覚的なOnboardingコンポーネント-User Onboardingロッカーから引き出してすべてを実現するためにどのようなツールやトリックを使用できるかを検討するときがきました。

ユーザーオンボーディングオプション

すべての分析の後、ユーザーオンボーディングは、ユーザーに価値を伝えるいくつかのUIコンポーネントを記述することになります。では、これらのUIコンポーネントは何ですか?アプリ開発者とUXデザイナーはどのようなオプションを利用できますか?

もちろん、User Onboardingコンポーネントには無限のオプションがありますが、他のアプリのUser Onboardingサンプル画像を使用したお気に入りの簡潔なリストを次に示します。

モーダル

画面全体を引き継いで、ユーザーがトラックに立ち寄って有用なものを表示するように強制します。

Googleフォトウェルカムモーダル

コンテキストポップアップ

ユーザーがいつどこでそれを必要とするかに関する情報。ツールチップは、この最も一般的な例です。

アーサナのツールチップ

空きスペース

アプリのUIで空のリストとグリッドを使用して、役立つヒントや行動を促すフレーズを表示します。

Bearアプリ—スマートな空きスペース

進捗インジケータ

ユーザーのパフォーマンスの指標を示します。これは、製品のユーザーの寿命全体にわたって続き、ゲーム化できます。

Sentryセットアップの進行状況インジケーター

これらのオプションを念頭に置いて、この表をプロットして、どのユーザーオンボーディングオプションがどのユーザータイプに最も適しているか、そしてその理由を判断しました。緑の四角は最適ですが、赤の四角は不適切です。

この時点で、パズルのすべてのピースを準備できました。

  1. さまざまなユーザータイプを特定しました。
  2. ユーザータイプに使用する戦略を特定しました。
  3. これらの戦略を実現するためのUIコンポーネントを特定しました。

それをすべてまとめる時間です。

それで、私たちは実際に何をしましたか?

モーダルユーザー特典

  • 最初の訪問時のみ
  • アプリのいくつかのコアユーザーの利点を伝えます。
  • 目的—ユーザーがうろつくようにします。
ユーザー特典スライドショー

コンテキストポップアップ

  • ユーザーがすぐにインターフェースに慣れる
  • 最も重要な機能とボタンを表示します。
  • Product Huntは、Product Huntからの訪問者に視覚的な一貫性を提供することをテーマにしています。
  • 目的—ユーザーをマジックモーメントに導く
コンテキストポップアップ—シューッという音

空のスペースのスマートな使用

  • コンテンツがない場所に行動を促すフレーズを表示する
  • 目的—ユーザーをフローの外に放置しない
Pilcroの空きスペースでの行動の呼びかけ

進捗インジケータ

  • ユーザーに「パワーユーザー」の割合を示すバーを表示します。
  • 目的—ユーザーに私たちが望むように振る舞わせる。
%の進行状況インジケーター

そして、数字は嘘をつかない

ユーザーオンボーディングデザインが機能していることをどのようにして知りましたか?ここに統計があります。

新しいユーザーのオンボーディングを展開してから1週間で、Webサイトから製品へのコンバージョンが2倍以上になりました。

製品への変換

サインインコンバージョン全体が60%増加しました。

確かに、ローンチはこれらの統計の助けになりました。これは、当社製品の周囲でより多くの話題があったためです。しかし、新しいユーザーオンボーディングは、打ち上げの成功に間違いなく重要な役割を果たしました。

後から—なぜユーザーオンボーディングがそんなに難しいのですか?

  • 製品所有者が製品に近すぎます。製品の所有者は、製品を初めて体験したときの気持ちをどのようにして知ることができますか?
  • さまざまなユーザーが製品のさまざまな部分に価値を見出します。したがって、価値を見つけるために彼らを導くことは、すべてのユーザーが共有する直線的な旅ではありません。ユーザーが異なれば、マジックモーメントも異なります。
  • 異なるユーザーは異なる動作をし、製品を異なる方法で移動します。一部のユーザーは、新製品へのオンボーディング時に手を握るのが好きで、一部のユーザーは、すぐに飛び込んで遊んでみたいと思っています。すべての異なるユーザーのオンボーディングニーズを満たすUXエクスペリエンスをどのように作り上げますか?
  • ユーザーは製品ごとに知識が異なります。それで、誰かにどのくらいの情報を与えるべきかをどうやって知るのですか?
  • 優れたユーザーオンボーディングエクスペリエンスを作成するための技術は、アプリケーションにまったく新しい視覚レイヤーを追加する必要があるため、多くの場合非常に複雑です。

ユーザーのオンボーディングは複雑な課題です。なぜなら、さまざまなユーザー、機能、目的、行動のマトリックスに対処する必要があるからです。ただし、適切な方法でアプローチすれば、アプリを新しいユーザーにとって本当に輝かせることができます。がんばろう!

自分で体験してください

このリンクでユーザー登録を確認してください。ご意見をお聞かせください!

Pilcroは、G-Suite用の無料のブランド管理ソフトウェアを提供しています。