APPの操作はユーザーにどのようにガイドされますか?

ユーザーオンボーディング、つまりユーザーガイダンス。

簡単に言えば、ユーザーガイダンスとは、ユーザーに製品に関する特定の情報を知らせたり、製品の特定の機能をユーザーに使用させたりすることを目的として、ユーザーに何かをするようにガイドすることです。これはユーザー成長の鍵であり、ユーザーが製品を再度継続的に使用するかどうか、さらには製品の普及に貢献するかどうかを大きく左右します。

ユーザーガイダンスを設定する理由は何ですか?

成功しているアプリはすべてユーザーガイダンスを重視し、コピーライティング、デザインからユーザーエクスペリエンスまで、あらゆることに多くの考慮を払っています。これは、すべての新製品の発売にはユーザー認識のプロセスがあるためです。製品がどれだけ優れていても、適切なガイダンスがなければ十分に使用することはできません。これは、製品に対するユーザー ガイダンスの重要性を示しています。

ユーザーオンボーディングの目的

ユーザーガイダンスの主な目的は、ユーザーのニーズと製品のニーズの 2 つです。

1. ユーザーのニーズ

ユーザーがアプリを開くのは、特定の目的を達成するためであり、使い方を学ぶために時間を費やすためではありません。ガイダンスの役割は、ユーザーがすぐに使い始め、製品をよりスムーズかつ便利に使用できるように支援し、ユーザーの時間とエラー率を節約することです。そうしないと、ユーザーは途中でアプリの使用を諦めてしまう可能性があります。

2. 製品の需要

つまり、製品の方向性を考えることによってもたらされるニーズです。このタイプのガイダンスの主な目的は、新しいユーザーが製品の使い方をすぐに理解できるようにする、ユーザーが新しい機能を使用したりオブジェクトを指定したりするように誘導する、事前にユーザーにヘルプを提供して製品体験の楽しさを高めることです。同時に、ユーザーの使用習慣を形成し、特定の機能のコンバージョン率を向上させたり、特定の機能のPVを減らしたりします。

ユーザーオンボーディングの種類

ユーザーガイダンスについては、機能紹介、操作ガイド、プロモーション、ブランド表示の4つにまとめました。

1. 機能紹介

このタイプのガイド ページは通常、機能を紹介するために使用され、主に新しい機能やハイライト機能を表示して、ユーザーに製品の主な機能の概要を理解させます。採用されているフォームは、主にインターフェイスとイラストを組み合わせたテキストの形式で提示されます。商品の特長をまとめ、洗練させ、ビジュアルデザインを行います。ユーザーに情報を伝えるには、ユーザーが理解しやすいグラフィックを使用します。

Amap を例にとると、テキストとイラストの組み合わせが採用されています。テキストはメインタイトルとサブタイトルの 2 つのレベルに分かれています。メインタイトルは主要な機能の概要であり、サブタイトルはその機能モジュールの詳細な説明またはさらなる補足説明です。

2. 操作ガイド

この種のガイダンスは、製品の使用時にユーザーが遭遇する可能性のある困難、不明瞭な操作、誤解される操作を事前にユーザーに知らせます。それらのほとんどは、主に手描きのスタイルで、矢印と円を使用してマークします。

Ziroom のガイドページを例にとると、ユーザーの住宅検索ニーズを示し、ユーザーが好みの住宅を正確に見つける方法を説明します。

3. プロモーション

プロモーションガイダンスには、マーケットをテーマにしたプロモーションと感情的なコンテンツ運用の2つのカテゴリが含まれます。このタイプのガイドページは、主に新製品の発売時に使用され、製品の姿勢をより伝え、ユーザーにこの製品の気持ちを理解してもらうことを目的としています。そのため、デザインをする際には、商品全体のスタイルや企業イメージとの整合性を考慮します。この種のガイダンスが魅力的でない場合、ユーザーはイライラしてすぐにスワイプして通り過ぎたくなるでしょう。よくできた興味深いガイドは、ユーザーを立ち止まらせて見させるでしょう。

「QQ Reading」を例に挙げると、この製品は伝統的な水墨画と力強い筆遣いによって生み出された文学的な雰囲気が強いアプリケーションであり、製品のコンセプトと一致しています。

4. ブランド表示

全体的なレイアウトは、製品の核心的なハイライトとブランド哲学を披露するために使用されます。このタイプのアプリケーション製品の基本的なトーンは、長期にわたる安定した機能と主にコンテンツのメンテナンスであり、ブランドコンセプトとソフトウェアインターフェイス機能を紹介します。

NetEase Cloud Musicのオープニング画面のガイドページがユーザーに伝えるのは、製品のパーソナライズされたデザインの一部であり、ユーザーはそこで他の製品にはない機能を体験でき、音楽を楽しみながら心理的な満足感を得ることができます。

ユーザーガイドの形式

1. テキスト + イラスト

テキストとイラストの組み合わせも、現在最も一般的な形式の一つです。イラストは主に比喩的なもので、主に漫画のキャラクター、シーン、写真、または大きなガラスの背景を使用してテキストの内容を表現します。このようにデザインされたガイドページは視覚的なインパクトが強いです。

2. ページマスク

通常、ユーザーが初めてページにアクセスしたときにのみ表示され、ユーザーがクリックすると徐々に消えます。現在のインターフェースの機能ポイントを強調して紹介するために使用されます。

マスクガイダンスは、インターフェースを直接覆うことで、誘導する必要があるコンテンツを強調する、比較的強力なガイダンスです。通常、マスク レイヤーは半透明です。このレイヤーでは、さまざまなグラフィックが使用され、覆われたインターフェイス コンテンツと組み合わされて、ユーザーが重要な情報に集中できるように誘導します。マスク型フローティングレイヤーは自動的に消えることはなく、消える前にユーザー操作（指定操作/不指定操作）が必要となります。

3. ダイナミックな効果と音楽

静的な表示方法に加えて、APP では美しい動的効果のページも採用され始めています。単一ページでアニメーションを使用し、各コンポーネントの順序を考慮し、元の静寂を破ってページを動かすようにします。同時に、ダイナミック効果と組み合わせて、ページ間の切り替え方法を検討し、デフォルトの左右スライドを上下スライドに変更したり、数秒後に自動的に次のページに切り替えたりすることもできます。ガイドページを閲覧する際に、アニメーションのリズムに合わせた音楽を追加してみるのも斬新な方法でしょう。

4. ビデオ表示

開くと、動画を再生して商品を紹介したり、アイデアを伝えたりします。この方法は、写真やスポーツなどのライフレコーディングアプリケーションでより一般的であり、若々しくエネルギッシュで前向きな人生観を伝えます。

5. ガイダンスのヒント

（１）バブル・浮遊層型

バブル/フローティング ガイダンスは、軽量でありながら非常に目的に適ったガイダンス方法であり、通常はコピーライティングと組み合わせた半透明のフローティング レイヤーのデザイン パターンです。ほとんどのフローティング モードには方向矢印があり、重要な機能を表示したり、操作を非表示にしたりするために使用できます。通常は非モーダルであり、3 ～ 5 秒間表示された後に自動的に消えるため、ユーザーへの干渉が少なくなります。いくつかの重要な機能ではモーダル フローティング レイヤーも使用されますが、これはユーザーの明示的な操作後にのみ非表示にすることができます。

（バブルタイプ）

（フローティングレイヤー）

（２）ポップアップウィンドウ

この種のガイダンスは、ユーザーによる製品の使用を中断させ、ユーザーに最大の迷惑をかけることになりますが、もちろんユーザーにとって最も重要なものとなります。このタイプのガイダンスは、ユーザーが選択するまで閉じられません。ログアウト、エラープロンプトのポップアップなど、純粋なテキストの説明もあります。また、ホームページ上のクーポン、イベントプロモーションなど、画像を伴うものもあり、モーションエフェクトを伴うこともあります。これにより、単調さが軽減され、面白くなり、受け入れやすくなります。

（３）小さな赤い点／数字＋赤い点

最もよくあるのは未読メッセージです。強迫性障害の患者である私は、小さな赤い点を見るたびにクリックせずにはいられません。ほとんどの人がそうすると思います。これは、ユーザーの心理的効果を利用して、商品を見る目的を達成するためです。

ユーザーを案内する際に注意すべき点は何でしょうか?

上記はガイドページの目的と表現の違いを分類したものです。具体的なデザインでは、いくつかの原則に注意を払う必要があります。そうすることで、デザインがより魅力的になり、情報がよりよく伝わります。

1. 簡潔に

テキストが多すぎると、通常の使用プロセスに「干渉」します。携帯電話の画面のサイズは限られているため、テキストが多すぎると、ページが混雑して見えることがよくあります。シンプルなテキスト説明を含むページプロトタイプを通じて表示するのが最適です。これにより、顧客にアプリの主な機能が直感的に伝わり、シンプルで理解しやすくなります。

2. シンプルなページデザイン

ガイドページのデザインにはさまざまな方法がありますが、複雑すぎると重要なポイントを強調することができないため、シンプルなデザイン方法を選択することをお勧めします。色 + 平坦性を使用できます。このタイプのデザインは、最も一般的で最もシンプルなガイド ページのデザイン方法です。異なる背景色を使用して各ガイドページのコンテンツを表示することで、ユーザーの注意をすぐに引き付けることができます。

3. 閉じるボタンまたはスキップボタン

閉じるボタンやスキップボタンを追加することも、ユーザーエクスペリエンスの非常に重要なポイントです。ユーザーの中には、ガイドページをスキップまたは無視して、直接アプリに入る人もいます。閉じるボタンやスキップボタンがなければ、ユーザーはアプリに入ることができず、結果としてユーザーはすぐにアプリを閉じることになります。したがって、ユーザーが直接アプリにアクセスしたい場合、ユーザーの要件を満たすことができれば、顧客に良い印象を与えることができます。

要約する

ガイダンスは設計上の問題に対する解決策ではなく、ポイントツーポイントの補助的な方法としてのみ機能します。

ガイダンスの使用は、シナリオに応じて合理的に選択する必要があります。興味深いガイダンス設計は、製品にポイントを追加し、ユーザーの新しい機能の探索意欲を高めます。ただし、ユーザー ガイダンスは適度に行う必要があります。適度なガイダンスはユーザー エクスペリエンスを向上させますが、過度なガイダンスはユーザーが不満を抱いたり、製品を放棄したりする原因になります。