カテゴリー
レイアウト/配置系
40

入力フォームにはストーリー性を持たせる

入力項目はユーザーにとって意味のあるグループにまとめる。身近なことや単純なものを先に、複雑なものを後にする。

01
Bad

入力の流れが不自然で混乱する

会員登録フォーム
なぜカード番号が最初?
Good

自然な流れで入力でき、理解しやすい

会員登録フォーム
1. 基本情報
2. 連絡先
3. お支払い
02
Bad

備考欄が一番上にあり優先順位が逆

お問い合わせフォーム
なぜ備考が一番上?
Good

氏名→連絡先→詳細オプションの順で配置

お問い合わせフォーム
任意項目
基本→詳細の流れで入力しやすい
03
Bad

すべての項目がフラットに並んでいる

注文フォーム
項目が混在していて混乱する
Good

「お客様情報」「配送情報」「お支払い」とグループ化

注文フォーム
1 お客様情報
2 配送情報
3 お支払い
グループ化で整理されている
No.40入力フォームにはストーリー性を持たせる
40

入力フォームにはストーリー性を持たせる

入力項目はユーザーにとって意味のあるグループにまとめる。身近なことや単純なものを先に、複雑なものを後にする。

01
Bad

入力の流れが不自然で混乱する

会員登録フォーム
なぜカード番号が最初?
Good

自然な流れで入力でき、理解しやすい

会員登録フォーム
1. 基本情報
2. 連絡先
3. お支払い
02
Bad

備考欄が一番上にあり優先順位が逆

お問い合わせフォーム
なぜ備考が一番上?
Good

氏名→連絡先→詳細オプションの順で配置

お問い合わせフォーム
任意項目
基本→詳細の流れで入力しやすい
03
Bad

すべての項目がフラットに並んでいる

注文フォーム
項目が混在していて混乱する
Good

「お客様情報」「配送情報」「お支払い」とグループ化

注文フォーム
1 お客様情報
2 配送情報
3 お支払い
グループ化で整理されている