ウェブサイトのフォームデザイン: QQ メールボックス登録プロセスの最適化の提案

最近、Webフォームのデザインを勉強して、多くのことを学びました。インターネットと接するようになってから、私たちはさまざまなフォームを扱うようになりました。フォームはどこにでもあり、同時に私たちに多くの不要なトラブルをもたらしました。しかし、時が経つにつれて、ほとんどのウェブユーザーは使いにくいが定型化されたフォームに慣れてしまい、たとえその体験が快適でなくても、反対せず、学習を続けるようです。

しかし、電子商取引の台頭により、フォーム設計の重要性は新たなレベルに達しました。多くの電子商取引ウェブサイトは、フォームのエクスペリエンスが良くないと、支払いの準備ができている顧客を失う可能性があることに気付いたからです。

今日、QQ メールの登録フォームを試してみました。フォーム自体には多くの利点があり、インターフェースもきれいですが、それでも多くの欠陥が見つかりました。

問題について話す前に、それほど重要ではありませんが、利点について話しましょう。

インターフェースは明確でクリーンで、基本的に邪魔になるものはありません

完了率を向上させるためにラベルは右揃えになっています

回答入力プロンプト、即時フィードバック、即時ヘルプ、および一部の入力ボックスの即時チェック機能があります。

エラー回避メカニズムを提供する

Ps: 実際には多くの利点がありますが、次の点がより重要です。次の画像は、全体的なインターフェースのスクリーンショットです。

1. 親しみやすさ

これは真剣な登録プロセスですが、フレンドリーな要素が追加されるとさらに良くなります。

例えば：

コントロールの外観が若干改善され、最初から最後まで長方形ではなくなりました。

明るく落ち着いた背景色を追加します。

質問の仕方をより親切で信頼できる言葉に変えてください。

2. 入力ボックスの長さ

混乱を避けるために、入力フィールドの長さは回答の長さと一致している必要があります。

ユーザーの質問: 入力ボックスが非常に長い場合、ニックネームの長さが足りないため、正常に登録できないのでしょうか?

3. 質問はすべてすぐに回答が必要ですか? そうでない場合は削除してください。

これは非常に重要な検査基準です。ユーザーがこのインターフェースにアクセスする唯一の目的は、迅速かつ正常に登録することです。質問が多いほど、ユーザーの疑問は大きくなり、ユーザーが離脱する可能性が高くなります。

ユーザーの質問: 誕生日? 性別? 所在地? メールアドレスを登録していますか? これは国勢調査ページですか?

問題点:

これらの質問にはすぐに答える必要はありません。

ユーザーの時間の無駄;

これにより、ユーザーの間で疑念と信頼の危機が生じました。

解決：

これらの質問を登録完了後に移動し、よりフレンドリーで信頼できるアプローチを使用します。

ユーザーに安心してもらうために、登録ページでこれらの質問をする目的を説明します。

このオプションは必須ではないことをユーザーに伝える

4. 不合理なプロンプトはユーザーを誤解させる

ユーザーの質問: 例はどういう意味ですか? 2009 年である必要がありますか? そんなに長くする必要はありますか?

問題点:

多くのユーザーは英語が苦手です

ユーザーの入力習慣に基づいた例は示されません。ユーザーは自分の名前をピンインで入力して登録することを好みます。

ユーザーは文字数制限を知らない

解決：

説明: 入力できる文字の種類の制限

wangwei1987のようなユーザーの習慣に基づいた例を挙げる

5. 不完全な検査メカニズム

検査メカニズムにおける 2 つの重要なポイント:

システムが現在の入力を受け入れることができないことをユーザーに速やかに通知します（ユーザーが項目を完了するまで待つ必要があることに注意してください）。

解決策を提案する

ユーザーの質問: 登録されましたか? 他の名前は覚えていないかもしれません。どうすればいいですか?

解決策: 提案を提供します: 「wolfwang1234 を試してみてください。まだ誰も登録していません!」

同じ問題: 強力なパスワードを構成する要素をユーザーに伝えること。

6. デフォルト オプションは必要ですが、それがユーザーが望むものであると確信していますか?

適切なデフォルト オプションを使用すると、フォームの入力効率が大幅に向上しますが、次の点に注意してください。

デフォルトのオプションがほとんどのユーザーが好むものであることを確認します。

デフォルトが正しいオプションであることを確認してください

デフォルト オプションが間違っている場合があっても、かなりの割合のユーザーがそれを受け入れます。

問題点:

おそらく、平均的なユーザーはこのデフォルトオプションを修正する必要がある。

虚偽の情報を提供すると、ユーザーはほとんどの男性がここに登録していると思うだろう

性差別を引き起こす可能性がある

信頼の危機

解決：

デフォルトの選択をしない

ユーザーに安全性を心配しないように注意を促す

問題点:

最初のオプションがデフォルトで選択されていますが、これは正確ではありません。

ユーザーが変更しないと、システム統計が誤解を招くことになります。

解決：

より強力な技術を使用してユーザーの特定の領域を確認します

デフォルトの選択をしない

7. 適切な入力ボックスを選択する

問題: 年と日のオプションにより選択プロセスが面倒になる

解決策: Googleフォームのデザインを参照してください

8. より直接的な言葉を使う

ユーザーの質問: ああ? 後で他の登録手順がありますか?

言葉遣いに一貫性を持たせる

ユーザーに現在地を伝える: 私は確かに登録しています

解決：

「OK」を「登録」に変更します

9. すでに登録していない限り、「登録」ボタンをデフォルトで選択したままにしないでください

問題: 入力中に Enter キーを押すと「送信ボタン」が押されてしまいます

各項目を入力した後、ユーザーは Enter キーを押すことがよくあります。

システムでは、ユーザーがフォームに入力する前に「送信」をクリックすることは想定されていません。

解決策: この関連付けを削除します。「Enter」は「送信」を意味しません。

10. すべてのエラーを一度に検出する

問題: エラーが 3 つある場合、ユーザーが [送信] をクリックすると、最初のエラーのみが表示されます。ユーザーが変更を完了して再度送信すると、2 番目のエラーがチェックされます。

解決策: すべてのエラーを一度に確認します。

はい、とても達成感を感じています。さらに重要なのは、インタラクティブ デザインの旅が新たなレベルに到達したことです。仲間とコミュニケーションを取り、アドバイスをもらえると嬉しいです。

ウィルソン

オリジナル: http://www.flyalone.net/?p=65

元のタイトル: ウェブサイトのフォーム設計: QQ メールボックス登録プロセスの最適化の提案

キーワード: ウェブサイト、フォーム、概要、電子メール、登録、プロセス、最適化、提案、最近、調査、ウェブマスター、ウェブサイトのプロモーション、収益化