オプションは少ないほうが問題は起こりにくい。数が多くなると注意が必要だ。 ユーザーが選択する可能性のあるオプションを省いてしまうという間違いがよくある。 例えば、国の選択肢にカリブ海のアルバ島やヨーロッパのモナコを入れただろうか？ アメリカの州の略称を選ぶ選択肢に、海外のユーザーのために 「US 以外」を入れただろうか？ 海外との取引が多い場合は、 それを一番上近くに置き、ユーザーがたくさんスクロールしないで済むようにしただろうか？

ドロップダウンボックスについては、 ユーザビリティの専門家や人気のあるサイトなどでそれぞれ意見が別れるところだ。 国や日付のドロップダウンボックスでさえリストが長く使いにくいと文句を言う専門家やユーザーもいる一方で、いいユーザビリティとして人気のあるサイトに、国や日付の選択にドロップダウンボックスが使われている。

つまりそのような人気のあるサイトは、ユーザーは案外バカだとか、 少なくともコンピュータが理解出来るように国名や日付をテキストボックスに書きこむことは苦手だ、 と判断したのだ。 テキストボックスにしてエラーになる確率が上がるのなら、 ドロップダウンボックスが長くて不便だというより悪い。

しかし、ドロップダウンボックスはいつでもユーザーのコントロール権を奪ってしまうので、 通常はそれは良くない、ということは決して忘れてはいけない。 ユーザーの選択の幅を狭め、 ましてや本当に回答したいことを受け入れるのを拒否してしまっているからだ。

キーボード上の矢印キーでドロップダウンボックスを操作できるのを知らない人が多いので、 ユーザーがキーボードとマウスをしょっちゅう切り替えて操作しなくてすむように、 レイアウトを考える必要もある。 できれば、切り替えなくてもいいようにしたほうがいい。 全体のレイアウト上で許されるなら、チェックボックス、ラジオボタン、ドロップダウンなどマウス操作のものと、テキストフィールドなどのキーボード操作のものをまとめるようにしよう。

テキストフィールド

普通ユーザーは、ドロップダウンボックスよりテキストフィールドのほうが好きだ。 書き込んだ内容をコンピューターが理解してくれるので、 エラーメッセージは戻ってこないと思いこんでいるからだ。

テキストフィールドの表示サイズは重要だ。 ユーザーはそれを見て回答の長さはどのくらいが好ましいのか判断する。 スペースが足りなくなると、何か間違いをおこしたのではないかと不安に思う。 これをうまく使うこともできる。 テキストボックスがアメリカの州の略称を受け入れるなら、 ボックスの表示サイズは2文字分のスペースにするが、 フィールドサイズは最大にセットする。すると州名が全部書かれたときでも対応できる。

住所ボックスについては、これもまたやっかいで、 住所1、住所2といった具合に数行に分ける場合がある。 住所はひとつのテキストフィールドが良いというユーザビリティの専門家もいる。 その場合、間違ってフォームを提出しないよう、 Enter キーを無効にしリターンキーとして使えるようにして、 それをユーザーにきちんと伝える必要がある。 そうしないと、ユーザーは自信を持ってキーを押せなくなる。 住所ボックスを数行に分けると、多少やっかいな問題が起きることもあるが、 人気のあるサイトのほとんどで使われており、 おそらくそれが他と比べてもベストに一番近いものだろう。

数字の間のスペースをシステムが受け入れるようにしよう。 ユーザーはよく、電話番号やクレジットカード番号の間にスペースを入れようとする。 これがエラーになってしまうと、 ユーザーはコンピューターがバカと思うか、 もう少し知識のあるユーザーならプログラマーがかなりバカだと思うだろう。

細かいところまで注意してプログラミングで努力することが良いフォームと悪いフォームの分かれ目で、 その結果、 HTML フォームで悪戦苦闘したとか、 単にくだらない経験だったとかという印象を最終的にユーザーに与えるのだ。 ユーザーの最終的な印象がユーザビリティに対する判定であり、 それでユーザーが再びサイトを訪れるかどうかが簡単に決まってしまうのだ。

リンク集

• WDVLのフォームリンク集
  
• Jakob Nielsen の無駄なキャンセルボタン、リセットボタンについて
  
• インターナショナルオーディエンスのためのフォーム
  
• Web サイト上のフォームの有効利用について
  
• Enter キーを無効にし、フォームを提出させなくする
  
• 有効なフォーム （このサイトは最近休止中）
  
  
  エラーメッセージ
  ユーザビリティと HTML フォーム
  
  
  

• レノボ、4日発売予定のネットブック「IdeaPad S10-2」の発売を延期（Webテクノロジー 7月4日 10:00）
  レノボ・ジャパン株式会社は2009年7月3日、ネットブック「IdeaPad S10-2（エステンダッシュツー）」の量販店での販売開始を延期することを発表した。
• 文書共有サイト「Hotdocs」リニューアルで、デジタル雑誌の“ちら見せ”プロモーション（E-コマース 7月3日 17:40）
  今回のサイトリニューアルで、会員システムを、従来通りの一般会員と、出版社など法人向けパートナー会員の2つに分け、一般投稿とは別に、法人が自社コンテンツを公式コンテンツとしてプロモーションできるようになった。パートナー会員第1号は富士山マガジンサービス。
• モルフォの「TrackSolid」など6つの技術が「SoftBank 935SH」に搭載（携帯・ワイヤレス 7月3日 17:30）
  株式会社モルフォは2009年7月3日、同社が開発した6つの技術が、同日発売されたソフトバンクの夏モデル「SoftBank 935SH」（シャープ製）に搭載されたことを発表した。
• ジー・モード、エヴァの携帯ゲーム「駆け抜けろ！！第三新東京市」を無料配信（携帯・ワイヤレス 7月3日 17:30）
  ジー・モードは2009年7月3日、同社の運営する携帯電話向け無料ゲームサイト「ゲームモラエール」にて、アニメ「新世紀エヴァンゲリオン」のゲーム「駆け抜けろ！！第三新東京市 キャンペーン版」の無料配信を開始した。
• 夏モデルを購入したいというユーザーは4割半ば―携帯買い替えニーズ定期リサーチ（47）（デイリーリサーチ 7月3日 17:00）
  インターネットコム株式会社と goo リサーチがレポートする「携帯電話買い替えニーズ定期リサーチ」の第47回。今回は、続々と発売されている夏モデルへの購入意向についても調査した。