エントリーフォームの必須項目は「※」ではなく、[必須]マークで表記しよう/15か条の6勝手にEFO分析-エントリーフォーム改善エントリーフォームの必須項目は「※」ではなく、[必須]マークで表記しよう/15か条の6必須項目に「※」マークを使うのではなく、[必須]とわかりやすく表記しよう。noteで書く新規ユーザー登録画面などのWebフォームでは、どの必須項目を入力すれば、入力完了となるのかをわかりやすく示すこと、言い換えれば、作業量をわかりやすく伝えることは、入力完了へのモチベーションアップと完了率アップの重要なポイントです。今回は、必須項目の表現方法など入力フォームで戸惑うことなくスムーズに入力してもらう方法を解説します。この記事では、入力フォームを改善して入力完了率を上げる!エントリーフォーム最適化15か条の【第6条】「最低限どの項目に入力すれば良いかを伝えるべし」をご紹介します。リンクをクリックするとこの記事末のまとめに飛びます。入力項目のなかで何が「必須項目」なのかを伝えよう今回の例を見てみましょう。なんだか入力するのが面倒くさそうだな......という印象を受けませんか。具体的にそのように感じた部分は次のような点です。フォーム冒頭で2つのキャプチャ画像があります。これは何でしょうか?その下に視線を移すと、「※は必須項目。PASSメンバー登録時の必須項目」いう文言があります。フォームを入力するユーザーの場合によって違うのでしょうか?少し下にスクロールすると、青と赤2種類の必須マーク「※」が見えます。必須マーク自体も「※」では表現が弱い気がしますし、ユーザーが自ら判断しながら入力をしないといけないのでしょうか?今回はこのエントリーフォームを例に、勝手に、入力完了率アップのための改善ポイントを解説し、改善案を提案します。カンパニー様のオンラインショップ「PLAZASTYLE」の会員登録フォームです。具体的な改善点を示す前にまず、このフォームの良いポイントを紹介しましょう。入力完了までどのくらいのステップがあるのかがわかるように、フロー図が用意されている完了までのページ遷移と現在どこにいるかがわかることで、ユーザーの迷いを減らせるでしょう。サイトナビゲーションなどの入力フォームと直接関係のないリンク要素を最小限にとどめている「新規メンバー登録をする」というフォームの目的からすると、たとえサイト内リンクとはいえフォームの離脱要因といえます。このフォームは、フッター(ページ下部)にリンク群があるものの、ヘッダー(ページ上部)はロゴとぱんくずリンクのみ、またサイドエリアもないので、ユーザーは入力に集中できるでしょう。改善ポイント「いま」必ず入力しなければならないのはどの項目かを伝えようどれが必須項目なのかをマークなどでわかりやすくするのはもちろん、そもそも本当に必要な項目だけに絞り込み、入力の手間を減らすことも大事です。PASSメンバー登録のための入力項目を、必須マーク「※」の色分けで説明しようとしている点です。PASSメンバー」に登録するつもりのないユーザーにとっては、そもそも目にする必要がありません。PASSメンバー」に登録するかどうかだけを判断してもらい、登録するという判断をしたユーザーにだけ、入力項目を表示するようにしましょう。場合によって必須となる項目は条件をもとに出し分けよう条件に応じて必須項目が変わる場合は、条件をユーザーに選んでもらい、条件に応じて項目を出し分けるなど、本当に必要な項目だけを表示し、入力してもらう。最初に表示するページ「登録する」をクリックすると必要な入力項目が表示されるたとえば、ユーザーに必要な入力項目を出し分けることで、どれが必須項目なのかがわかりやすくなります。PASSメンバーに登録する」「登録しない」というラジオボタンを用意する「登録する」を選択したユーザーにだけ、カードの表裏のキャプチャ画像や、会員番号などの入力欄を動的に表示する(JavaScriptなどを使う)また、項目を出し分けることで、以下のようなメリットも得られるでしょう。入力ページを最初に表示した際の入力項目数を減らせる入力ページの長さを縮めることができる結果として、ユーザーの心理的負担を減らすことができるはずです。いうサイト運営者の懸念が予想されます。PASSメンバーとは何か、登録するとどんなメリットがあるかを説明することで、ユーザーは納得のうえで登録してくれるのではないでしょうか。必須マークは、「※」ではなく「必須」と表現しよう!必須マークとして「※」は、よく用いられる表現です。ある程度一般的になっているとはいえ、目にした瞬間のわかりにくさはどうしても残ります。フォームの入力画面中に「※は必須項目です」などの注釈がどうしても必要です。その注釈を読むために、ユーザーは視線を動かす必要があります。フォームにおいて、入力する以外のムダな視線の動きは避けるべきです。マークにすべきでしょう。本当に必要な情報だけをユーザーに入力してもらう項目も可能な限り絞り込みましょう。今回の例でいえば、入力項目に「ご結婚の有無」「お子様の有無」は任意の項目として用意されていますが、入力するユーザーは少ないのではないでしょうか。サイト側として本気で取得したい情報であれば、取得した情報の目的や用途、入力したユーザーにどんなメリットがあるかなどの説明を添えるべきです。「なんとなく聞いておくといいだろう」という考えで取得するのであれば、項目自体、外すことを検討すべきです。登録フォームの送信後に「これらの項目の入力にご協力ください」というような形で追加の入力フォームを出すといいでしょう。【第6条】最低限どの項目が必須かを伝えるべし必須マークは「※」ではなく文字で[必須]と表記にすべしユーザーが入力フォームを開いたときに、どの入力項目に入力すればゴール(入力完了)なのかが、パッと見てわかるようにしよう。そのためには、それだけで意味が完結する[必須]マークや、入力項目の背景に色を付けるなどして、必須項目がどれかを伝えることが必要だ。条件がある場合は、入力項目の出し分けをフォーム側で行うべし条件によって必須項目が変わる場合は、入力項目を出し分けよう。結果としてユーザーの迷いは減らせるし、表示する入力項目も少なくなるだろう。本当に必要な情報だけをフォームの入力項目にすべし任意項目は、本当に取得する必要がある項目なのかを再検討しよう。「なんとなく情報を取りたい」といった気持ちでユーザーの負担を高めるくらいなら、入力項目から外すべきです。結果としてすべてが必須項目にするということもあり得るだろう。エフ・コードでは開発チームに所属、ASP型EFOツール「f-traEFO」のいわゆる「なかのひと」。Web制作とプログラムがともにわかる人材として、エントリーフォーム改善の支援に従事する。大学卒業後、Web制作会社勤務を経て、Webディレクター/コーダーとして活動。制作チーム所属を経て、株式会社エフ・コード入社、現在に至る。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!伝説のTwitter企業アカウント“中の人”の先駆け。いいね!「おもてなし」は思考停止ワード。いいね!私は変人コレクター。14:54チェックボックスではなくラジオボタンであるべきだし店鋪からのDMは同様に希望する、希望しないのオプトアウト方式かと。返信コメントありがとうございます。17:42担当編集の四谷と申します。いったご意見もございますね。その旨筆者さんに伝えておきます。引き続きよろしくお願いします。3位の大手メーカ-です。「おもてなし」は思考停止ワード。歴史から最新トピックまでを解説Web担編集部がゼロから学ぶ、Tableau「BI講座」。Patterns』を3名様にプレゼント!【受付終了】企業がDXに向かう取り組み方を考える『デジタルファースト・ソサエティ』を3名様にプレゼント!すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。