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

優れた登録プロセスの手順
ウェブサイトにとって、これは最も基本的な機能です。
それでは、登録プロセスに含まれる手順を見てみましょう。
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のあいまいクエリインデックスの失敗の問題を解決するいくつかの方法

推薦する

Alipay の新しいホームページのフロントエンドの実践的な概要

もちろん、ページ パフォーマンスの最適化に関する個人的な経験も含まれています。ここでいくつかの点につ...

CSS クロスブラウザ スタイルのバグのデバッグについて

まず最初に、適切なブラウザを選択します。私が Chrome を選択したのは、その強力なデバッグ ツー...

この記事はVueのライフサイクルを理解するのに役立ちます

目次1. beforeCreate & created 2. マウント前とマウント済み3. ...

虫眼鏡効果を実現するJavaScript

この記事では、虫眼鏡効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します。...

MySQL 8.0.17 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.17のインストールと設定方法を参考までに紹介します。具体的な内容は...

jsはreduceメソッドを使用してコードをよりエレガントにします

序文実際のプロジェクトでは、最も一般的な処理は計算とループロジックである可能性があります。配列でre...

Tomcat のメモリ構成の正しい姿勢についての簡単な説明

1. 背景多くのブログや記事を読みましたが、JVM のメモリ割り当て方法に関する包括的な記事は見つか...

Centos8 に nginx1.9.1 をインストールする詳細な手順

1.17.9 本当はもっと美味しいNginx のダウンロード アドレス: https://nginx...

Docker、プレーヤー機能を備えたCMSオンデマンドシステムを構築

目次文章1. 機械を準備する2. Dockerをインストールする1. 依存パッケージをインストールす...

両端揃えレイアウトを実現する CSS 列のサンプルコード

1. 堂々巡りいろいろ試行錯誤した結果、均等割り付けレイアウトを実現する最も簡単な方法は CSS ...

JavaScript で実装された 6 つの Web ページ画像カルーセル効果の詳細な説明

目次1. マウスがカルーセル モジュール上を通過すると、左右のボタンが表示され、モジュールを離れると...

Apache をインストールした後、サービスを開始できません (サービスを開始するとエラー コード 1 が表示されます)

目次1. エラーメッセージ2. エラーの原因3. 解決策1. エラーメッセージ1. インストール後、...

Linux で rsync を使用する方法

目次1. はじめに2. インストール3. 基本的な使い方3.1、-rパラメータ3.2、-aパラメータ...

Telnet は Alpine イメージの busybox-extras に移動されました

Alpine イメージの telnet はバージョン 3.7 以降、busybox-extras パ...