第一印象–UXのオンボーディングガイド

目を覚ますと、突然国際宇宙ステーションの制御下にいることに気付いたと想像してみてください。 点滅しているライトが何を意味するのか、ボタンやスイッチが何のためにあるのか、そして何をするのかがわかりません。

これは、新製品のユーザーがアプリを初めて開いたときの感覚です。 さて、それは誇張かもしれませんが、ガイダンスなしでユーザーに新しいツール、アプリ、またはWebサイトをリリースすると、ユーザーは立ち往生し、スペースを失ったように感じる可能性があります。

多くの場合、設計者は、調査、フローのマッピング、およびインターフェイスのテストを行ってきましたが、ユーザーは行っていないことを忘れています。 あなたのウェブサイトやアプリの初心者は、デザイナーや製品チームには明らかだとしても、すべてがどのように機能するのか、必要なものをどこで見つけるのかを知らないかもしれません。

ユーザーに手持ちと足場を与えることで、ユーザーを混乱や欲求不満の絶望的な感覚から救い、アプリを廃棄箱から救うことができます。

ユーザーオンボーディングとは何ですか？

ユーザーのオンボーディングは、ユーザーが製品のエクスペリエンスを容易にするのに役立つ、設計された一連の対話および/または指示です。 挨拶や説明のように単純な場合もあれば、ユーザーが完了する一連のガイド付きタスクのように複雑な場合もあります。 あなたがあなたのユーザーにあなたの製品の利益へのランプを提供している限り、あなたは彼らを成功のために準備しているのです。

新しいアプリを初めて開いて、アプリの目的を説明する短くて親しみやすいフレーズを含む2〜3の一連の画面を見たことがあれば、おそらく、自分の前に何を期待するかについて少し慣れていると感じるでしょう。それを使い始めさえします。 または、新しいソーシャルメディアアプリがアカウントの作成、設定の設定、開始するためのいくつかの興味の追加をガイドする場合は、ゼロを超えた数ステップからエクスペリエンスを開始します。

オンボーディングは、ユーザーがアプリや製品から必要なものを取得するために何をする必要があるかをユーザーに理解させるのに役立ちます。 これは、ユーザーの信頼と信頼を築く方法であり、ユーザーを支援するだけでなく、ビジネスのコンバージョンと維持を向上させるための鍵となります。

オンボーディングがそれほど重要なのはなぜですか？

第一印象はラフです。 平均して、4人に1人のユーザーが、モバイルアプリを1回だけ使用した後に放棄します。 痛い。 そして、彼らがあなたのアプリを試して去ったら、彼らは去りました。 そのため、ユーザーに製品に適したサイズのオンボーディングエクスペリエンスを提供することが絶対に必要です。

個々のケースを説明する説明はいくつもありますが、捨てたユーザーは、アプリから何か価値のあるものを手に入れるだろうと考え、すぐには納得しなかった可能性が高いです。

ユーザーが新しいアプリをダウンロードするのに時間と労力を費やすとき、彼らはその製品が何らかの形で彼らの生活を向上させることを期待している可能性が高いです。 彼らがアプリを開いたら、すぐに製品への信頼に対して報われることが重要です。そうでなければ、他のことを試すためにそれを放棄することは非常に正当化されます。

イントラネットソフトウェアプラットフォームTwineは、有意義なオンボーディングをエクスペリエンスに組み込むことで、65％のドロップオフ率を半分以上削減しました。 彼らは多面的なアプローチを活用して、訪問者に豊かな第一印象を与え、チュートリアルや進歩的なオンボーディングを行いました。

オンボーディングはまた、長期的な保持を後押しします。 製品やサービスに新しくエキサイティングな機能やツールを追加することは素晴らしいことですが、人々がそれらについて、またはそれらの使用方法を知らなければ、誰にとっても役に立ちません。

たとえば、人気のあるビデオ共有プラットフォームであるWistiaには、ユーザーがほとんど利用していなかった非常に優れたカスタマイズ機能がいくつかありました。 ユーザーを注意深く調査した後、ユーザーにこれらの追加機能を理解してもらうためのハウツービデオを紹介し、使用量が30％も増加しました。

ユーザーの維持と顧客の忠誠心は、ほとんどのアプリとサービスの成功の主な要因です。 オンボーディングは後から考えるべきではありません。 代わりに、製品チームは製品開発プロセスの各段階でそれを検討する必要があります。 チームの誰もその特定の専門知識を持っていない場合は、UXスペシャリストをオンボーディングするユーザーを雇うことを検討してください。

オンボーディングUXパターンと方法論

オンボーディングの種類

アプリまたはデジタル製品内でユーザーのオンボーディングにアプローチする方法はたくさんあります。 ほとんどの製品は、新しいユーザーのニーズを満たし、将来それらを維持するために、いくつかのオンボーディングパターンの組み合わせを採用しています。

ニッケルツアー

これは、モバイルアプリケーションで非常に人気のある一般的なパターンです。 ユーザーが初めてアプリを起動すると、アプリの価値や回避方法の基本を説明するいくつかのクイック画面が表示されます。

このシンプルで静的な紹介は、すぐに使用できるユーザーにとってウェルカムマットとして機能します。 単純なグラフィックを伴う短いフレーズを超えてはなりません。長い取扱説明書を読みたくない人はいないでしょう。

ユーザーに進行状況の表示と終了またはスキップのオプションを提供することをお勧めします。 そうすれば、彼らはあなたの紹介のどれだけを読むために残しているかを理解し、閉じ込められているとは感じません。

コーチマーク、ツールチップ、およびガイドストーン

これは、製品エクスペリエンスの最初から全体を通して、ユーザーをオンボーディングするためのもう1つの非常に一般的で比較的労力の少ない方法です。

インタラクションの領域、ボタン、またはメニューの場所に注意を引くシンプルなUIデバイスは、アプリまたはサイトの有用な要素についてユーザーに警告するのに役立ちます。 これらは、これらの項目がすぐにはわからない、または理解しにくい、より複雑なインターフェースで特に役立ちます。

この種の注釈付きオンボーディングパターンは便利ですが、やりすぎないように注意し、小さなウィンドウでユーザーを一度に攻撃します。 ツールチップまたはコーチマークがいつどこで最も役立つかを把握します。 ユーザーを一度に1つの要素またはアクションに導き、明白なことを説明しすぎないようにします。

ガイド付きタスクの完了

「私たちがしなければならないこと、私たちはすることによって学びます。」—アリストテレス。 多くの場合、何かがユーザーの心にとどまるための最良の方法は、ユーザーが実際にそれを行うことです。

ガイド付きタスク完了は、一連のステップで製品を操作するようにユーザーを促すための方法です。 これは、製品がユーザーにアカウントを作成したり、いくつかのパーソナライズパラメータを早い段階で設定したりすることを望んでいる場合に非常に一般的です。

また、ユーザーがメニュー、コントロール、および製品の他の側面にすぐに慣れることができるようにする絶好の機会でもあります。 また、ユーザーが早期の「勝利」を達成できるようにすることで、ユーザーが製品を再び使用したいと思う可能性も大幅に向上します。

繰り返しになりますが、可能な場合は、この種のオンボーディングをスキップできるようにすることをお勧めします。 アカウント作成タスクについては、スキップ可能なエクスペリエンスを設計して、スキップ不可能なフローに対して完了率をテストし、ユーザーに最適なフローを確認できるかどうかを確認してください。

いつユーザーをオンボードするか

製品エクスペリエンスのどの部分で使用するUXオンボーディングパターンを決定することは、オンボーディングユーザーエクスペリエンスデザインを「適切なサイズ」にするために重要です。 最初の立ち上げから継続的な使用まで、ユーザージャーニー全体で機会を探して、ユーザーに支援を提供します。

箱から出してすぐに使えるオンボーディング

第一印象は本当に重要であり、これは正しく行うための最も重要な瞬間です。2度目のチャンスは得られない可能性があります。 前に強調したように、多くのユーザーは、アプリや製品を最初に開いた後に放棄します。

ユーザー調査と厳密なユーザーテストを適用して、コンテキストに適したアプローチが、簡単な紹介チュートリアルなのか、初めてのユーザー向けのより深いガイド付きエクスペリエンスなのかを判断します。

プログレッシブオンボーディング

この手法は、ユーザーがすぐに使用できるオンボーディングフローを完了した後、ユーザーを乾燥させないように設計されています。 ユーザーを支援し、照らし、喜ばせ続ける機会はたくさんあります。 ゲームデザインでユーザーをレベルアップするようなものだと考えてください。

関係全体を通して、定期的にオンボーディングパターンを組み込むようにしてください。 1週間のユーザーに、気づかなかった可能性のあるより高度なタスクを完了するように通知します。 軽量の通知でマイルストーンを祝います。 数週間後にユーザーの体験について調査し、気にかけていることを知らせます。

新機能のオンボーディング

これは、新規ユーザーとプログレッシブオンボーディングの組み合わせです。 新しい機能を起動したり、エクスペリエンスに大きな変更を加えたりするときは、その機能の優れている点とその利用方法をユーザーに知らせてください。

新しい機能を指摘するための優れた方法は、ツールチップとコーチマークを使用することです。これは、ユーザーが新しいアプリのスーパーパワーの場所に注意を向けるのに役立ちます。

オンボーディングUXのベストプラクティスとヒント

ユーザーを理解する

最先端のテクノロジーを駆使した新製品のオンボーディングスタイルは、カレンダーやメモを取るアプリなど、なじみのあるものとは異なる可能性があります。 チームが開発したペルソナを見て、彼らにとって何が理にかなっているのかを判断します。 ユーザーを理解することでオンボーディングエクスペリエンスのサイズを適切に設定し、ターゲットのペルソナに合わせてユーザーのオンボーディングエクスペリエンスを調整します。

ユーザーがアプリやウェブサイトに期待するもののギャップを埋めるために、ユーザーの既存のメンタルモデルを見つけて活用します。 あなたのデザインが信頼できるシニフィアンと、一見混乱するかもしれないイノベーションを知ってください。

ユーザー調査は、チームがコアオーディエンスに共感を示すのに役立ちます。 製品を構築する際、頻繁なユーザーテストとユーザビリティ分析は、チームが全体的な設計を改善するだけでなく、ユーザーのオンボーディングでどの領域に焦点を当てるべきかを通知するのに役立ちます。

定性的なユーザー調査と、オンボーディングエクスペリエンスの問題を明らかにするのに役立つ指標とのバランスを取ります。 たとえば、プリファレンス設定のオンボーディングエクスペリエンス中に重大な放棄に気付いた場合は、ユーザーに確認してください。 たぶん、経験が重すぎるか、個人的すぎます。 たぶん彼らはもっと早く良いものにたどり着きたいので、あなたは流れを調整することができます。

オンボーディングをユーザーの価値に結び付ける

すぐに使用できるオンボーディングUXは、ユーザーを可能な限りシームレスに満足のいく瞬間に導くことに焦点を当てる必要があります。 ユーザーにとってのコアバリュープロポジションを選び出し、それを最初に伝える方法を見つけます。

オンボーディングの特典の紹介を使用して、アプリやサービスが特定のニーズを満たすのに最適である理由をユーザーに思い出させます。 オンボーディングフローにパーソナライズが含まれる場合は、ユーザーに個人的な好みや状況について質問する理由と、それによってユーザーエクスペリエンスがどのように向上するかを説明します。

きちんとした、しかし重要ではない機能など、ユーザーにとっての価値にすぐには結びつかないオンボーディングまたは命令は、アプリの後半で、またはより軽いタッチのオンボーディングを通じて導入できます。 エクストラについてユーザーに知らせるのは良いことですが、それがコアエクスペリエンスに不可欠でない場合は、導入にとってそれほど重要ではありません。

すばやく痛みを伴わない

「指示について知っておく必要がある主なことは、誰も指示を読まないということです。少なくとも、「混乱」の繰り返しの試みが失敗するまでは。」

―スティーブ・クリュッグ、考えさせないで。

説明のつかないボタンやトグルのフィールドにユーザーを縛り付けたくない一方で、仕事のように感じる複数のステップの指示をユーザーに強制的に実行させたくない場合もあります。 もう取扱説明書を開いている人はいますか？

繰り返しになりますが、オンボーディングエクスペリエンスの重さは、ユーザー調査からの洞察と製品の複雑さに相関している必要があります。 しかし、まったく新しい革新的なテクノロジーであっても、ユーザーが長い前文に飽きたり、脅迫されたりすることは望ましくありません。

アプリや製品がシンプルな場合は、簡単な紹介とハンドシェイクで十分です。 より詳細な情報が必要な場合は、オンボーディングをアプリエクスペリエンス全体に広げ、ガイダンスと足場を提供するために必要に応じてディップインおよびディップアウトするプログレッシブオンボーディングを採用することを検討してください。

また、必要に応じて、ユーザーがオンボーディングをスキップまたは遅延できるようにします。 アプリの紹介が、ユーザーがスワイプまたはクリックする必要のある4つ以上の画面である場合、スキップボタンは世界に違いをもたらす可能性があります。

繰り返し可能にする

特に、紹介チュートリアルやその他のオンボーディングパターンをスキップ可能にして、UXオンボーディングのベストプラクティスに従っている場合は、ユーザーに示したガイドやウォークスルーに戻る方法をユーザーに提供することを忘れないでください。

ユーザーが説明ビデオやインターフェースツアーに二度とアクセスしたくないとは限りません。 彼らは、初めてのオンボーディングで言及された1つか2つの巧妙なヒントを忘れたか、またはすべてを衝動的にスキップした後に自分自身を失ったことに気付くかもしれません。

ナビゲーションに「ヘルプ」セクションを含めます。これには、ユーザーの心を滑らせた可能性のあるオンボーディングを繰り返すための経路が含まれています。

個人的になりすぎないでください

あまりにも多くの質問をする長いフォームは、ユーザーバウンスマシンです。 まったく新しいユーザーに、エクスペリエンスをパーソナライズするのに役立つ情報を提供するように勧めるのは良いことですが、あまりにも多くの詳細を求めて不気味にならないようにすることが重要です。

プライバシーがますます希少になり、個人的に価値のあるものになっている現在、特に最初は、不必要な質問をたくさんするべきではありません。 一部のアプリでは、ユーザーがアプリの使用を許可される前に、設定を設定したり、決定を下したりする必要がありますが、これはひどい考えです。

この種の情報収集は、後の段階でいつでもエクスペリエンスに組み込むことができることを忘れないでください。 ユーザーを招待し、より多くの情報を見つけようとする前にユーザーが見回せるようにすることで、ユーザーとの信頼関係を築きます。すぐに放棄したユーザーから多くのデータを取得することはありません。

私はかつて、コンバージョンを改善するためにオンボーディングエクスペリエンスを再構成するのを支援するために、ショッピングプラットフォームに雇われました。 初めてのユーザーエクスペリエンスフローを分析からのデータと比較することにより、ユーザーに大量の個人情報を提供するように求めている画面の間にドロップオフが発生していることが明らかになりました。 。

この情報はビジネスにとって価値があり、ユーザーのエクスペリエンスをパーソナライズするのに役立ちますが、ユーザーはサインアッププロセスを放棄していました。 情報のリクエストをメールだけに減らすことにしました。 また、買い物の好みに関する質問を8から3に減らし、ユーザーに複数の選択肢とスキップするオプションを許可しました。 これにより、バウンス率がほぼ即座に30％以上低下しました。

悪いUXをカバーするためにチュートリアルに依存しないでください

覚えておいてください：オンボーディングを使用しても、アプリやウェブサイトは意味があり、可能な限り明確である必要があります。 オンボーディングは足場であり、悪いデザインの松葉杖ではありません。

あまりにも多くの紛らわしい（率直に言って、ただ悪い）製品やアプリは、長い指示やツールチップの集中砲火でユーザーを攻撃することによって、不十分な設計上の決定を隠そうとしました。 これは適切な設計手法ではなく、ユーザーが戻ってくることはありません。

ますます重いオンボーディングパターンを重ねてもアプリや製品が引き続き使用できない場合は、コアデザインを冷静に客観的に見て、そこで改善を始めましょう。

オンボーディングサービス

プロジェクトにガイド付きタスクの完了を追加するためのアイデアの山をエンジニアリングチームにアプローチすると、かなりの抵抗に直面する可能性があります。 複雑なオンボーディングパターンは、多くの開発努力を必要とし、技術的な懸念の独自の地雷原を提示する可能性があります。

幸いなことに、痛みのないUXオンボーディングを提供するサービスやプラットフォームが増えています。 ここにチェックアウトするいくつかがあります：

• Walkmeは、ウォークスルーやチュートリアルを作成したり、オンボーディングのパフォーマンスを追跡したりするための豊富なツールを提供する人気のあるサービスです。
• Appcuesは、多くのカスタマイズと追跡を使用して、製品のオンボーディングエクスペリエンスを階層化するためのツールをアプリチームに提供します。
• Nickelledは、ガイド付きツアーの作成を支援し、Webサイトまたはサービスの概要、ツールチップ、コーチマーク、モーダルなどを提供します。

時間をかけて調査し、ユーザーに適したオンボーディングUXパターンを作成することをお勧めします。 アプリやその他のデジタル製品がユーザーのニーズを維持して満たすためには、新規ユーザーと既存ユーザーの両方に適切なオンボーディングUXを組み込むことが不可欠です。

オンボーディングはほんの一瞬ではなく、視聴者との信頼を確立し維持する旅です。 優れたオンボーディングエクスペリエンスは、ユーザーが製品を使用して、生活の重要な部分としてその機能に依存する習慣を構築するのに役立ちます。

Toptal Designブログでさらに読む：

• ユーザーフローの強化-UX分析のガイド
• UXデザインにおけるメンタルモデルの活用
• ゲームUXが製品デザインについて教えてくれること
• モバイルユーザビリティの基本ガイド
• これらのモバイルアプリのオンボーディングのインスピレーションでユーザーを維持する