タグ

ブックマーク / seleqt.net (1)

  • フォームデザインではおしゃれさよりも使いやすさを!ユーザーを離脱させないUIデザインの14のポイントを解説

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

    フォームデザインではおしゃれさよりも使いやすさを!ユーザーを離脱させないUIデザインの14のポイントを解説
  • 1