お問い合わせフォーム | Bad UI Museum

フォーム

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

フィードバック

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

ナビゲーション

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

データ表示

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

インタラクション

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

アニメーション

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

UI/UX勉強会教材

お問い合わせフォーム

読み込み中...

お問い合わせフォーム

解説

体験

各項目を入力して送信してみてください。Bad版ではフォームがクリアされるだけで、本当に送信できたのか不安になります。

なぜ問題なのか

フォーム送信はユーザーにとって『取り消せない行為』。その結果が明示されないと不安になり、二重送信や離脱を招く。成功/失敗を明確に伝えることが必須。

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

Nielsen H1: システム状態の可視性
システムは適切なフィードバックで、今何が起きているかを常にユーザーに知らせるべき
Don Norman: フィードバックの原則
すべてのアクションに対して即座の明確なフィードバックが不可欠

お問い合わせ

お名前

メールアドレス

お問い合わせ内容