ブログ記事一覧 | Bad UI Museum

フォーム

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

フィードバック

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

ナビゲーション

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

データ表示

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

インタラクション

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

アニメーション

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

UI/UX勉強会教材

ブログ記事一覧

読み込み中...

ブログ記事一覧

解説

体験

次へボタンを何回か押した後、今何ページ目にいるか答えられますか？Bad版ではページの現在地が一切表示されません。

なぜ問題なのか

ユーザーは情報空間の中で自分の位置を把握したい（情報の匂い）。現在地が分からないと、同じページを何度も見たり、目的のコンテンツまでの距離を見積もれない。

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

情報の匂い（Information Scent）
ユーザーは手がかりを元に情報の価値と関連性を判断する
Nielsen H1: システム状態の可視性
システムは適切なフィードバックで、今何が起きているかを常にユーザーに知らせるべき

デザインブログ

React Server Componentsの実践的な使い方
TypeScript 5.x 新機能まとめ
デザインシステム構築の第一歩