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

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

推薦する

WindowsにOpenSSHをインストールし、SSHキーを生成してLinuxサーバーにログインします。

SSH の正式名称は Secure SHell です。 SSH を使用すると、送信されるすべてのデ...

Ubuntu Dockerのインストールと使い方

目次1. 公式インストールスクリプトを使用した自動インストール手動インストール古いバージョンをアンイ...

古典的なスネークゲームの JavaScript 実装

この記事では、古典的なスネークゲームを実装するためのJavaScriptの具体的なコードを参考までに...

SSL で Nginx リバース プロキシを構成する簡単な手順

序文リバース プロキシは、Web 経由で行われたリクエスト (http と https の両方) を...

MySQL 基本チュートリアル: DML ステートメントの詳細な説明

目次DMLステートメント1. レコードを挿入する2. 記録を更新する3. シンプルなクエリレコード4...

VMware仮想マシンにdeepin20をインストールする最も完全で詳細なプロセス

仮想マシンソフトウェア: VMware Workstationイメージ: deepin-deskto...

Linux の文字端末でマウスを使って赤い四角形を移動する方法

すべてがファイルです! UNIX はすでにそれを言っています。エリック・レイモンドはこう言いました。...

Portainer を使用した Docker コンテナのデプロイのプロジェクト実践

目次1. 背景2. 操作手順3. Portinerをインストールする3.1 Dockerのデプロイメ...

IE イメージ ツールバーを無効にする

IE6 で試してみたところ、ツールバーが表示されました。オプションに「イメージ ツールバーを有効にす...

Docker を使用して Spring Boot をデプロイする方法

Docker テクノロジの開発により、マイクロサービスの実装にさらに便利な環境が提供されます。Doc...

HTMLにおける絶対パスと相対パスの違いの分析

図に示すように: 1 つのページには多数のファイルが接続されているため、ファイルを参照するときには、...

HTMLはBaidu百科事典のナビゲーションドロップダウンメニュー機能を模倣します

HTML は、Baidu 百科事典のナビゲーション ドロップダウン メニュー機能を模倣します。具体的...

JavaScript 配列重複排除ソリューション

目次方法1: set: データ型ではなくデータ構造であり、メンバーは一意である方法2: オブジェクト...

Flex モバイルレイアウトにおけるシングルラインレイアウトとダブルラインレイアウトの違いと使い方

レイアウトにul>liを使用した単一行レイアウトを以下に示します。 <ul class=...

CSS スティッキーフッタークラシックレイアウトの実装

スティッキーフッターレイアウトとは何ですか?一般的な Web ページのレイアウトは、通常、ヘッダー部...