第2回 アクションを起こしてもらえるフォームのポイントは？ | gihyo.jp

使いやすいフォームをデザインする6つのポイント みなさんは、どのようにフォームをデザインしているでしょうか？ CSSでスタイリングされていない素のHTMLフォームは、当然ですがデザイン性にとぼしいものです。また、入力エリアが狭いため、ユーザビリティも高いとは言えません。 フォームにはお問い合わせフォーム、申し込みフォーム、予約フォームなどいろいろありますが、共通するのは「ユーザーにアクションを起こしてもらう重要な要素である」ということです。しかし、フォームへの入力は、ユーザーにとって面倒な作業です。そのため、極力簡単に入力できるようにして、ユーザーの負荷を軽減する必要があります。 それでは、どうすればユーザーの負荷を軽減させることができるでしょうか？ そのためのポイントが以下の6つです。 要素を整列させる 適度な余白をつくる ディテールを作り込む デザインされたボタンを使う 住所を自動入力

[kana321]

アクションを起こしてもらえるフォームのポイントは？

[pmakino]

「デザインされたボタンを使う」は疑問。ぱっと見綺麗かもしれないがユーザが普段使用しているUIの文法から外れるので分かりやすさは落ちる

[younny]

デザインとマーケティング

[matuix]

1. 要素を整列させる 2. 適度な余白をつくる 3. ディテールを作り込む 4. デザインされたボタンを使う 5. 住所を自動入力できるようにする 6. エラー表示をわかりやすくする