第17回 フォームのユーザビリティの重要性
(解説:石田優子)
![]() |
[プロフィール] いしだ・ゆうこ●クロッシングフィンガーズ代表。ユーザーエンパワーメントという手法により、ユーザー視点に立ったサイト構築、コミュニティ運営のコンサルティングなどを行っている。近著に『Webユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。』がある。 (イラスト:MIKAさん) クロッシングフィンガーズ:http://www.crossingfingers.org/ KeiYu HelpLab:http://www.keiyu.com/ |
フォームの項目はできるだけ減らす
このため、フォームが表示されると、それだけで引き返してしまうユーザーもいます。ましてや、数ページにわたるフォームなどでは、最初のページから完了までの到達率が10%に満たないケースもあります。
また、たいていのフォームには入力必須と任意の項目がありますが、任意項目は本当に必要でしょうか? 実店舗で商品を買って配達を頼む場合に聞かれるのは、住所、氏名、電話番号くらいです。このような配達に必要な情報は、オンラインの注文フォームでも必要でしょう。しかし、性別、生年月日なども入力しなければならないケースもあります。さらに会員登録や資料請求フォームとなると、趣味、既婚/未婚、職業といった情報まで根ほり葉ほり聞かれることもあります。
最近は個人情報漏えいが大きな問題になっていることもあり、個人情報を必要以上に聞かれるとユーザーに警戒心を持たれます。フォームの本来の目的に関係のないアンケート項目は、できれば入れないようにしてください。フォームの項目を1つでも減らせば、それだけユーザーの完了率が高まるのです。
ユーザーが入力しやすく、ミスしにくい工夫を
まず、全角/半角という制限は多くのユーザーを戸惑わせます。特に住所の場合は困りものです。PCを使い慣れていて数字とハイフンをテンキーで半角入力する癖がついているユーザーは、つい間違って半角入力してエラーを起こします。
一方、初心者には全角と半角という言葉の意味がわからないユーザーもいます。私の知る例では、全角とは英語の大文字のことだと思い込んでいた人もいました。
また、入力文字数の制限も、「姓(全角5文字以内)」のように記載するのはあまり意味がない上に、全角の意味がわからない人がとまどいます。長い建物名の場合など、文字数を超えて入力できない場合もあります。
全角/半角はシステム側でどちらで入力されても処理できるようにすれば済む問題ですし、文字入力数は最大全角126文字ぐらいに項目の長さを設定しておければ、入力制限の表記などしなくても対応できます。

エラー表示で画面を切り替えない、エラー箇所を明確にする

また、同一画面でも、画面の先頭にエラーをまとめて表示する方式が多数いのですが、入力するためにフォームに下スクロールするとエラー表示が見えなくなり、修正内容がわからなくなります。
画面上部と問題箇所の両方に目立つようにエラーを表示し、さらに、「姓名がエラーです」といったあいまいな表示でなく、「姓名が漢字で入力されていません」というように、なぜエラーになっているのか具体的に表示するのが親切です。操作ミスをしたという不安感やイライラを起こさせることがないよう、フォームには十分配慮してください。
次回につづく





