ホームページ  >  記事  >  ウェブフロントエンド  >  登録フォームデザインのルール_HTML/Xhtml_Webページ制作

登録フォームデザインのルール_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:46:011350ブラウズ
「Patterns for Sign Up &Ramp Up」とても早く読み終えてしまいましたが、なぜ今日レビューを書いているかというと、じっくり読んでみたら、これは人を惹きつけるコミュニティ構築ガイドに近いと思ったからです。コミュニティのアクティブなメンバーシップを調査するための優れたリソースです。
読んだ感想を書くことに同意していただいたので、登録に関わることを私の視点からお話しさせていただきます。まず全体の骨格を分解し、それから視点を踏まえて今の気持ちを話させていただきます。
登録は実際には少し退屈な作業です。「サインアップとランプアップのパターン」で説明されている点は次のとおりです。
ユーザーに参加する正当な理由を与える
一見、マーケティングに似ていますが、物事の本質は変わりませんが、人々の感情は逆転する可能性があります。ユーザーに登録する正当な理由を提供します。 ;
登録プロセスを簡単に感じられるようにする
退屈で退屈な感覚を変えることが私たちがしなければならないことです。フォームまたは登録プロセス全体を簡単かつ簡単にします。
新規ユーザーを放置しないでください
資料全体におけるこの観点の重要性は、アクティビティを増やす方法に焦点を当てています。ユーザーは登録完了後にミッションを完了するわけではなく、コミュニティ 新しい何かが始まったばかりです。
最初のつながり作りを加速する
前のポイントから活動が始まった場合、ユーザーがコミュニティで生活を開始し、自分が持っている情報などを通じてつながりを確立できるようにする方法は次のとおりです。以前投稿した、友達とつながり、海の向こうに親しい友達がいるような感覚、そして世界中の隣人であるかのような感覚を真に体験してください。
記事全体の骨格構造は、メンバーを Facebook に紹介し、アクティブなコミュニティを維持するための詳細な注釈とガイダンスを提供します。読んだ後は、作品の概要に注目し、登録フォームに関するいくつかのルールを整理してください。
    フォーム構造に複数のステップが必要な場合、明確なナビゲーションを提供することが重要です 進行状況ルーラーを使用して、ユーザーに現在の位置と全体的なステップを知らせます ステップ 1、ステップ 2、ステップ 3 のマークを付けるなど、いくつかのステップ間の論理的なつながりを強調します。 意味のある画像、アイコン、またはタイトルを使用して手順を説明します 簡単な言葉または二人称を使用してアクションを説明する 論理的なステップは 3 つのステップに制限するのが最適です ユーザー登録動作のプロンプト
      ヒントは、ヘルプが必要な場所、またはアクション間に関連性がある場所に表示される必要があります。 完了した入力項目ごとにチェック アイコンを表示するなど、ユーザーへの働きかけをプロセスに反映する必要があります。 ポップアップ警告リマインダーを避けるようにしてください ICON のエラー メッセージでは、ユーザーがイライラするような警告表現が使用されていません。 プロンプト、成功、エラーのスタイルをマークするシンプルで認識しやすいアイコン フォームの送信時にエラーが発生した場合は、フォーム全体の先頭にエラー通知を表示して、ユーザーに修正を促すことが最善です。
    コピーライティングについて 量よりも質が重要です。要点を単刀直入に列挙するのではなく、指摘してください。 特別な意味を持つコピーライティングは避けてください。排他的な名詞がある場合は、ユーザーの混乱を避けるために明確に説明してください。 コピーライティング面のハイライトと、ユーザーにとって最も魅力的なものは何かについて考えてみてください。場合によっては、「最新」という言葉がユーザーの最も関心のあるものであるとは限りません。 私たちのこれまでのプロジェクトでは、複数のデータと実践によって、コピーライティングが非常に重要であることが強調されてきました。 フォームのレイアウト 視覚的な煩雑さを軽減するために、整列したフィールド、等しい長さの入力ボックス、一貫した視覚スタイルを使用するようにしてください。 1 つの画面上のフィールドと入力ボックスの数を 3 ~ 6 に制限するようにしてください (主に複数ステップの状況で使用されます)。 オプションのフィールドと必須フィールドがある場合は、その違いを示します。 さまざまな概念に関する情報を分類し、オプションのフィールドと必須フィールドを可能な限り分離します。

これらのフォーム設計の一般的なルールは、米国 Yahoo の LukeW によるフォームの完全な説明にも記載されており、学生の参考のためにまとめてあります。という点を深く探ることができます。ここにはリストされていないため、後の分解のために残されます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。