web-dev-qa-db-ja.com

新しいユーザーを紹介するUIのベストプラクティス

新しいユーザーがプラットフォームに慣れるためのオンボーディングUIに取り組んでおり、それを実装するためのいくつかの良い方法を考えていました。

これまでに出会ったことから、多くのインターフェースがこれを2つの方法で達成しているようです：

  • プラットフォーム上にオーバーレイし、ユーザーが基本的な機能を理解するのに役立つインタラクティブなガイド付きツアーを用意する。ユーザーはいつでもツアーを離れることができますが、将来再びツアーにアクセスすることもできます。

この例は、新しいGoogleマップが新しいユーザーに提供するツアーです。 googlemaps

  • ステップバイステップの説明（およびおそらくビデオチュートリアル）のウォークスルーがある、体系化されたドキュメントシステムを用意します。このドキュメンテーションシステムは、永久に非表示にできるウィジェット/通知を介して、ランディングページですぐに新しいユーザーに導入されます。

この例は、新しいユーザーに表示されるGithubブートキャンプです。 github

新しいユーザーを紹介する他の良い方法はありますか？

interaction-designuser-behaviorweb-appdocumentationonboarding
35
Ian

あなたが同様に見ることができる他の多くの方法があります

  • ウォークスルーアプローチ：ウォークスルーアプローチは、Googleのようにアプリをユーザーに案内します。ジョイライディングアプローチとも呼ばれます。これを引用するには 記事

「ジョイライド」アプローチは、ユーザーにアプリの機能を案内するか、主要な機能を強調します。最初から多くの混乱を解消するので素晴らしいです。これは、「オンボーディング」を本当に考えるときに最初に頭に浮かぶものなので、これは頼りになるアプローチだと思います。ジョイライディングは最も一般的なプロセスである傾向がありますが、多くの美しい方法で実行できます。

enter image description here

  • 何かを行うアプローチ：上記の引用 記事 ：

アプリケーションに最初に移動するようユーザーに要求することで、アプリケーションはユーザーをすぐに関与させることができます。これは、アプリを機能させるためにユーザーによるキュレーションに依存するアプリケーションでは一般的です（ Ness など）。

enter image description here

  • 簡略化されたアプローチ：簡略化されたアプローチでは、ユーザーがオプションで圧倒する代わりにアカウントを作成したら、最も基本的なタスクを実行して許可する方法を説明します彼はそこから行きます。これを引用するには 記事

[投稿を開始]をクリックすると、ユーザーは作成されたブログのダッシュボードに移動し、インターフェイスを探索して使用するための2つの提案、「最初の投稿を作成する」と「テーマを選択する」が表示されます。他にもたくさんの項目がありますが、Tumblrはユーザーを圧倒しすぎて提案が多すぎません。 enter image description here

  • インタラクティブチュートリアルアプローチ：インタラクティブチュートリアルは最初のオプションに似ていますが、ユーザーはガイド付きの方法でさまざまなオプションを試すことができます。この記事を引用する

Mailbox オンボーディングプロセスにインタラクティブなチュートリアルを使用するため、新しいユーザーはアプリの独自の機能をすばやく確認し、その使用方法を学ぶことができます。

enter image description here

ここに、あなたに良い概観を与えるチェックする価値のあるいくつかのリンクがあります。

Webアプリオンボーディング：新規ユーザーの扱い方

新規ユーザー向けのオンボーディングテクニックと例

オンボーディングの例-UXArchive

ユーザーオンボーディング

35
Mervin

私はいくつかの素晴らしい体験入門を見てきました。シンプルな銀行のインタラクティブなページは本当に好きでした。彼らはあなたが彼らのサービスに興奮する本当にガイドされた方法で一般的なタスクを複製することを可能にします。 https://www.simple.com/goals/ ポップオーバーですが、メールチンパンジーも好きです。 http://mailchimp.com

0
Lexie Courtney