お届け先入力フォーム | Bad UI Museum

フォーム

アカウント作成フォーム
お届け先入力フォーム
プロフィール編集
プラン変更画面
ログインフォーム

フィードバック

ファイルアップロード
商品検索
お気に入りリスト
お問い合わせフォーム
通知パネル
メモエディタ
データ読み込み
ECサイト注文完了
ストレージ設定画面

ナビゲーション

購入フロー（ステップフォーム）
ブログ記事一覧
テキストエディタ
利用規約の確認
ネスト設定画面

データ表示

社員データテーブル
ファイル管理画面
タスク管理テーブル
商品ギャラリー

インタラクション

メール受信トレイ
APIリファレンス
配送先の国・地域選択
タスク優先順位の設定

アニメーション

ドロップダウンメニュー
モーダルダイアログ
設定画面
アクションボタン

UI/UX勉強会教材

お届け先入力フォーム

読み込み中...

お届け先入力フォーム

解説

体験

一部のフィールドだけ入力して送信してみてください。Bad版ではどの項目が間違っているか分かりません。

なぜ問題なのか

エラー箇所が特定できないと、ユーザーは全フィールドを自力で確認し直す必要がある。フィールド数が多いほど認知負荷が増大し、修正コストが極めて高くなる。

関連する原則・ガイドライン

Nielsen H9: エラーからの回復支援
エラーメッセージは問題を具体的に示し、建設的な解決策を提案すべき
ゲシュタルト近接の法則
近くにある要素は関連があると知覚される。エラーは該当フィールドの近くに表示すべき

お届け先入力

名前

郵便番号

都道府県

市区町村

番地

電話番号