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

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

推薦する

TypeScript におけるジェネリックケースの詳細な説明

ジェネリックの定義 // 要件 1: ジェネリックは指定されていないデータ型をサポートできるため、渡...

jsを使用してカルーセル効果を実現する

今日は、参考までに、jsを使用してカルーセルマップの効果を実現する方法についてお話ししましょう。具体...

この記事ではCSSボーダーの使い方を説明します

境界線のスタイルborder-style プロパティは、表示する境界線の種類を指定します。 bord...

MySQLが2つのテーブルを関連付ける際のエンコードの問題と解決策

Mysqlが2つのテーブルを関連付けると、次のエラーメッセージが生成されます:照合順序の不正な組み合...

kindとDockerを使用してローカルKubernetes環境を起動する

導入Kubernetes を使い始めるのに丸一日を費やしたことはありませんか?最近登場したいくつかの...

Javascriptの基本ループの詳しい説明

目次サイクルのために入室のためのその間しながら行うループから抜け出す要約するサイクルのためにループは...

Dockerイメージ構築原理の分析(Dockerをインストールしなくてもイメージを構築できる)

イメージの構築は、DevOps プロセスにおいて非常に重要なプロセスです。一般的に、イメージの構築と...

Element-ui アップロードファイルのアップロード制限の解決策

質問アップロードするファイルのタイプを accept に追加することは、「表面的な」役割しか果たしま...

Linux ncコマンドの概要

NC のフルネームは Netcat (Network Knife) で、作成者は Hobbit &a...

TypeScript での関数オーバーロード

目次1. 関数シグネチャ2. 関数のオーバーロード2.1 オーバーロードされたシグネチャは呼び出し可...

MySQL 8.0 WITH クエリの詳細

目次MySQL 8 の WITH クエリについて学ぶ1. 例3. 練習するMySQL 8 の WIT...

デザイン理論: デザインにおける階層

<br />原文: http://andymao.com/andy/post/80.ht...

JavaScript初心者がよく犯す間違い

目次序文undefined と null の混同紛らわしい数値の加算と文字列の連結戻り文の改行の問題...

Webpackプラグインを書いてnpmに公開するための80行のコード

1. はじめに最近、 Webpackの原理を勉強しています。これまでは Webpack の設定方法し...

ウィンドウの中央にブロック要素の位置を設定する方法

ウィンドウの中央にブロック要素の位置を設定する方法ブロック要素をウィンドウの中央に配置する上記の方法...