フォームデザイン虎の巻：フォームの基礎をおさえる

　フォームはユーザーから情報を送信してもらうために、さまざまな場面で利用されている。ブログのコメント投稿フォームやオンラインショッピングの注文フォーム、検索用のキーワード入力フォームなど、フォームがなければサイトの用途は半減してしまうだろう。

　しかし、せっかくフォームを用意しても、使い勝手が悪いせいで、ユーザーが情報を送信してくれなければ何も始まらない。また、情報を送信してもらえても、入力ミスが多発するようではせっかくの情報も役に立たなくなってしまう。

　情報を正確に入力して送信してもらうためには、フォームをわかりやすく、ユーザーを迷わせることのないようにデザインすることが求められる。どこに、何を、どのような形で入力すればよいのか。それが簡単に伝わるデザインこそ理想的だ。

　そこで、本連載では4回にわたってフォームの基本的なデザインについて取り上げていく。今回は、フォームのタイプについて見ていきたい。

フォームのタイプ

　フォームには次のように多様なタイプがあり、組み合わせて利用することができる。わかりやすいフォームを作成するためには、送信してほしい情報に合わせて最適なタイプを選択することが必要だ。

• テキストボックス
• パスワードボックス
• テキストエリア
• ラジオボタン
• チェックボックス
• セレクトボックス
• ボタン

フォームのタイプ

※ブラウザで表示を確認する

　そこで、それぞれのフォームのタイプがどのような情報の入力に適しているのか、どのように利用するのが有効なのかを次のページから見ていこう。