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

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

推薦する

HTML要素によるFlashブロックの詳細な例

コードをコピーコードは次のとおりです。 wmode パラメータ:透過モード: z-indexを使用し...

MySQLデータベースを定期的に自動バックアップする方法

データは貴重なものであることは誰もが知っています。データをバックアップしなければ、データをそのまま放...

Dockerはコンテナに入るためにnsenterツールを使用する

Dockerコンテナを使用する場合は、nsenterツールを使用する方が便利です。システムにない場合...

Vueでブラウザタイトルを動的に設定する方法の詳細な説明

目次ナンセンス文章最初ルーター/index.js 2番目1. プラグインをインストールする2.mai...

入力タイプとは何を意味し、入力を制限する方法

入力を制限する一般的な方法1. ボタンが押されたときに点線のボックスを消すには、入力に属性値hide...

MySQL binlog_ignore_dbパラメータの具体的な使用法

序文:前の記事を読んだ後、binlog はデータベースで実行されたすべての DDL および DML ...

JSの高階関数5つを共有する

目次1. はじめに2. 再帰3. コールバック関数3.1 匿名コールバック関数3.2 パラメータ付き...

Linux ps および pstree コマンドの知識ポイントのまとめ

Linux の ps コマンドは Process Status の略です。 ps コマンドは、システ...

Lvs+Nginx クラスターを使用して高並列アーキテクチャを構築する例

目次1. Lvsの紹介2. Lvs負荷分散モード2.1 NAT 2.2 ターン2.3 DRモード3....

MySQLで数千万のテストデータを素早く作成する方法

述べる:この記事で扱うデータ量は 100 万です。数千万のデータが必要な場合は、量を増やすだけで済み...

HTML+CSS をベースにした素敵なフリップログインおよび登録インターフェースを作成します

素敵なフリップログインと登録インターフェースを作成する序文最近、ネットワーク ディスクを構築しようと...

画像を表示したり非表示にしたりするための JavaScript

JavaScriptは画像を表示したり非表示にしたりしますが、参考までに具体的な内容は次のとおりで...

Vue フロントエンド開発における階層的にネストされたコンポーネント間の通信の詳細な説明

目次序文例まとめ序文Vue の親子コンポーネントは、props を通じて親コンポーネントの値を子コン...

Windows での MySQL5 グリーン バージョンのインストールの概要 (推奨)

1 MySQLをダウンロードするダウンロードアドレス: http://downloads.mysq...

Vueエンジニアがカプセル化しなければならない埋め込み命令の知識のまとめ

目次序文指導の基本フック機能フック関数のパラメータ文章使い方とアイデア成し遂げる汎用性を高める要約す...