Webサイトのゴールの代表的なものといえば、「問い合わせ」「資料請求」「会員登録」「決済(ECサイト)」などですが、いずれもユーザーの情報を入力してもらうことにあります。 せっかくうまく目標のページまでユーザーを導けても、情報を入力する「フォーム」のUIが残念な状態だと、ゴール目前で離脱を誘ってしまいますね。 そこで本稿では「フォーム」に関するデザインのガイドラインを確認しておきましょう。 「フォーム」のUIデザインの14のポイント 以下の画像は、左「Do(推奨される)」右「Don’t(すいしょうされない(非推奨)」の順に並んでいます。 【1】フォームは1カラムに フォームが並列に並んでいると(右図)、ユーザーの垂直方向の推進力を阻害してしまいます。フォームは基本的に「垂直」に並べるのが適切です。 【2】ラベルはフォーム上部に置く フォームの項目を示すラベルは上部に置くと、左サイドに置くよ

