優れた登録プロセスの手順

優れた登録プロセスの手順
ウェブサイトにとって、これは最も基本的な機能です。
それでは、登録プロセスに含まれる手順を見てみましょう。
1. アカウント番号とパスワードを入力します。
2. 電子メールによるアクティベーション。
3. 基本情報を入力します。
4. はい、完了です。
簡単ですか?単純。
これだけでは優れた登録プロセスとは言えません。ここでの各ステップを注意深く検討すると、非常に意味のあるものになります。
まず最初のステップを見てみましょう。当時は、どのウェブサイトでも会員アカウントを入力する必要があり、登録時によく使うアカウントが他の人に使用されていることが時々ありました。そのような気が狂いそうで落ち込む気持ちもありましたが、今ではほとんどのウェブサイトでメールアカウントを入力する必要があり、ずっと良くなりました。
アクティベーション メールの 2 番目のステップを読むときは、速度に注意する必要があります。ユーザーが「アクティベーション メールが発生しました」という文字を見てから 30 秒経ってもメールを受信して​​いない場合は、失敗です。ユーザーはメールボックスにログインして 10 秒以内にメールを確認すると思います。メールボックスを開いてアクティベーション メールが表示されない場合、ユーザーがどれほどがっかりするかも想像できます。ユーザーは必死に受信ボタンをクリックしてページを更新しますが、遅れたアクティベーション メールがようやく表示されます (10 秒遅れただけかもしれませんが)。Web サイトに対するユーザーの第一印象はあまり良くありません。ユーザーがメールボックス プロバイダーに怒りをぶつけることを期待しないでください。問題があるか、ネットワークの問題である可能性があります。安全でないメールボックスの場合は、メールの横に「XXX メールボックスの使用は推奨されません」または「XXX メールボックスの使用をお勧めします」などのプロンプトを追加して、予防策を講じることができます。
3 番目のステップは最も重要で、最も興味深いステップでもあります。ユーザーはアクティベーション リンクをクリックしてこのステップに進みます。論理的には、ユーザーはここで正常に登録されているので、登録プロセスもここで完了するはずです。ただし、これは適切な登録プロセスとは言えません。なぜなら、ユーザーはメンバーになったものの、そのユーザーを知っているでしょうか?あなたは彼の口座番号とパスワード以外、彼について何も知りません。彼は透明人間のようで、あなたには何もできません。したがって、メンバーに関する基本的な情報を収集する必要があります。多すぎず、少しだけで十分です。Web サイトにとって最も役立つ最も重要な情報を選びます。Web サイトはそれぞれ異なります。
一般的に、ウェブサイトでは、プロフィール写真、居住地、性別、本名、趣味、特技などをここで収集します。ウェブサイトによって多少の違いがあります。
ユーザー エクスペリエンスに関して注意すべき点がさらにいくつかあります。
1. あまり多くの情報を収集しないでください。通常は 4 ~ 5 項目で十分です。 (数字はあくまでも私の個人的な意見です) 数が多すぎると、ユーザーに過度のプレッシャーを与え、諦めさせてしまうことになります。
2. 情報収集項目は可能な限りオプションにして、ユーザーがマウスをクリックするだけで収集できるようにします。ユーザーがキーボードで入力したりマウスを動かしたりするのに時間をかけすぎないようにしてください。また、ユーザーが Tab キーを使用して切り替えることを期待しないでください。この機能を追加しても、使用する人はあまりいません。これは中国でのことです。この場合、マウスのみが使用できるようにすべてのオプションを作成しませんか?もちろん、キーボード制御も適切に行う必要があります。
3. スキップリンクがあるはずです。
4. ユーザーが現在どのステップにいるのか、また合計でいくつのステップがあるのか​​を把握していることを確認します。
5. 多くの場合、最も重要な情報を最初に収集する必要があります。ユーザーが最初にフォームに記入する内容が多いほど、スキップする可能性が高くなります。その後、ユーザーは慌ててスキップ リンクをクリックします。
4 番目のステップを完了したら、個人センターに移動します。このとき、メンバーはカラフルな個人センター ページを見ることになります。同じ都市の友達、同僚、好きなものなど、3 番目のステップで入力した情報に基づいて、システムによって推奨されるコンテンツがいくつかあります。これらのコンテンツはメンバーに完全に表示されます。空の個人ホームページや個人センターは表示されず、Web サイトの雰囲気に統合されます。これが、3 番目のステップでの情報収集の重要性です。

<<:  CSS3 のカラー値 RGBA とグラデーションカラーの使用方法の紹介

>>:  MySQLのあいまいクエリインデックスの失敗の問題を解決するいくつかの方法

推薦する

Docker環境を構築する簡単な方法

まず、Docker とは何かを理解しましょう。 Docker は、アプリケーションをデプロイするため...

MySQL SELECT実行順序の簡単な理解

SELECT ステートメントの完全な構文は次のとおりです。 (7)選択 (8) DISTINCT ...

Dockerでコンテナを作成するときにコンテナIPを指定する実装例

Docker はコンテナを作成するときに、デフォルトでブリッジ ネットワークを使用し、IP アドレス...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入:インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

MySQL でテーブルを削除する 3 つの方法 (要約)

ドロップテーブルドロップはテーブル情報を直接削除するため、最も高速ですが、データを取得することはでき...

iframe 適応サイズ実装コード

ページドメインの関係:メインページ a.html はドメイン A: www.jb51.net に属し...

springcloud alibaba nacos linux 設定の詳細なチュートリアル

まず、github から nacos の圧縮パッケージをダウンロードします: https://git...

Windows Server 2008 R2 に MySQL 5.7.10 をインストールする手順

MSIインストールパッケージを使用してインストールするご使用のオペレーティング システムに応じて、対...

Vue+Spring Bootで検証コード機能を実現

この記事では、検証コード機能を実装するためのvue+spring bootの具体的なコードを例として...

クールな充電アニメーションを実現する純粋なCSS

CSS のみを使用してどのような充電アニメーション効果を作成できるかを見てみましょう。バッテリーを...

MySQL 変数宣言とストアド プロシージャの分析

変数の宣言グローバル変数の設定@a='新しい変数' を設定します。関数やストアドプロ...

ARMアーキテクチャにおける関数呼び出しプロセスの簡単な分析

目次1. 背景知識1. ARM64レジスタの紹介2. STP命令の詳しい説明(ARMV8マニュアル)...

C++ を使用して MySQL に接続する方法

C++でMySQLに接続する際の参考情報です。具体的な内容は以下のとおりです。 MySQLCon ク...

CSS テキスト配置実装コード

フォームを作成するときに、名前、携帯電話番号、出生地などの 2 つのフィールドを揃える状況に遭遇する...

Dockerを使用してSpring Bootプロジェクトをデプロイする手順

目次シンプルなSpringbootプロジェクトを作成する1. pom.xmlでSpring Boot...