タグ

formに関するnatto_gohankunのブックマーク (1)

  • ユーザー目線に配慮した入力フォームのデザインを考える〜より良いフォームにするために|chot Inc. デザイナーユニット

    こんにちは、ちょっと株式会社の久保田です。 Webサイトを開発する工程の中に、お問い合わせやエントリーなどを受け付ける「入力フォーム」を設置することがあります。 一見するとテンプレ的に単純作業に思われがちですが、デザイナーが考えるポイントは意外と多く、必要に応じて時間を掛けて作り込むものだったりします。 そんな入力フォームを作る際に意識しておきたいポイントを、自身への教訓も込めてまとめてみました。 視点の移動とグループを意識したレイアウトスムーズに視点移動させる並べ方まずは大枠のレイアウト。ザッとテーブルのように組んでしまいがち。 サクッと5分くらいで組んじゃうラフレイアウトこれでも大きな問題ありませんが、少し踏みとどまって考えてみます。 改善したいのはラベル(項目名)と入力欄の位置関係。 表組のように横並びの関係にするのではなくて縦並びの関係にしてみます。 ラベルと入力欄が横並びになって

    ユーザー目線に配慮した入力フォームのデザインを考える〜より良いフォームにするために|chot Inc. デザイナーユニット
  • 1