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

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

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

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

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

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

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

ユーザーインターフェイススタイルガイドの例

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

オンボーディングが非常に重要なのはなぜですか？

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

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

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

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

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

たとえば、人気のあるビデオ共有プラットフォーム、 ウィスティア 、ユーザーによってほとんど活用されていなかったいくつかの非常にクールなカスタマイズ機能がありました。慎重なユーザー調査を行った後、彼らはこれらの追加機能にユーザーを慣れさせるためのハウツービデオを紹介し、 使用量がなんと30％増加 。

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

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

オンボーディングの種類

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

ニッケルツアー

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

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

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

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

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

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

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

ガイド付きタスクの完了

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

nodejsそれは何ですか

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

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

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

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

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

すぐに使えるオンボーディング

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

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

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

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

リレーショナルデータベース設計のベストプラクティス

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

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

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

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

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

ユーザーを理解する

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

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

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

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

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

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

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

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

すばやく痛みを伴わない

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

すべての画面サイズのレスポンシブCSSコード

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

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

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

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

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

繰り返し可能にする

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

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

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

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

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

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

最も人気のあるフロントエンドフレームワーク

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

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

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

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

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

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

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

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

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

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

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

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

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

•••

ApeeScapeデザインブログの詳細：

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

基本を理解する

オンボーディングエクスペリエンスとは何ですか？

オンボーディングエクスペリエンスは、ユーザーに新しい製品、アプリ、または機能を紹介する方法です。オンボーディングUXは、ユーザーに製品のガイド付き紹介を提供したり、初期設定を設定したり、インターフェイスの重要なUI要素を指摘したりするフローまたは一連のフローの設計です。

オンボーディングフローとは何ですか？

UXフローを初めてオンボーディングするユーザーは、製品、アプリ、または機能をユーザーに紹介するものです。オンボーディングフローには、アカウントの設定や設定の設定など、いくつかのタスクを完了するようにユーザーをガイドすることも含まれる場合があります。

ユーザーのオンボーディングとはどういう意味ですか？

ユーザーのオンボーディングは、オンボーディングUXパターンを使用して、ユーザーに新しいアプリ、製品、または機能を紹介するプロセスです。優れた初めてのユーザーエクスペリエンスを提供することで、設計者は使いやすさとユーザー維持の向上を期待できます。