フィッツの法則とは、ターゲットへの到達時間がターゲットの大きさと距離に依存するという人間工学の法則です。UIデザインにおけるボタンサイズ・配置・タッチターゲットの最適化方法を解説。
ページを読み込み中...
しばらくお待ちください
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
フィッツの法則とは、ターゲットへの到達時間がターゲットの大きさと距離に依存するという人間工学の法則です。UIデザインにおけるボタンサイズ・配置・タッチターゲットの最適化方法を解説。
プライミング効果とは、先行する刺激がその後の判断や行動に無意識の影響を与える心理現象です。UXデザインにおける具体例・アンカリングとの違い・UI設計への活かし方を解説。
UIデザインの設計プロセスを6ステップで体系化。「なぜそのUIか」を説明できるようになるUX心理→UI原則→UIコンポーネントの思考順序と実践フレームワーク。
Button・Modal・Toast・Sidebarなど、UIコンポーネント60記事を8カテゴリで体系化。各コンポーネントの設計判断・状態設計・アクセシビリティをまとめたハブページ。
UI原則、UI設計原則、UXデザインの法則をWhy→What→Howで体系化。UX心理・UI原則・UIコンポーネントをつなげて学ぶUIXHEROの総合入口ガイド。
UI原則とは何か、UI設計でどう使うかを解説。視覚設計から認知設計、操作・対話、情報構造、アクセシビリティまで65のUIデザイン原則を体系化。
認知心理学をUX・Webデザインに活かすための119の心理法則・認知バイアスを体系化。認知負荷、意思決定、記憶、感情をUI設計へ翻訳する実践ガイド。
見出しをクリックすると対応するコンテンツを展開・折りたたむUIコンポーネント。FAQ・設定セクション・段階的開示に使われ、単一展開と複数展開の使い分け・ARIA disclosure/accordion パターンの実装を解説する。
AIアシスタントとの対話インターフェース。メッセージバブル・ストリーミング表示・ロール別スタイリング・入力欄・スケルトンローディング・エラー状態の設計パターンを解説する。
重要な情報・警告・エラー・成功をインラインで伝えるUIコンポーネント。Toastとの使い分け・4種類のセマンティック(info/success/warning/error)・role=alertとaria-liveの実装を解説する。
日付の選択・予定の表示・期間の選択を行う高度な複合UIコンポーネント。Date Picker・Event Calendar・Date Range Pickerの3種類の使い分け・キーボードナビゲーション・aria-labelの実装を解説する。
複数のコンテンツアイテムを横スクロールまたはスライドで切り替える複合UIコンポーネント。自動再生・手動ナビゲーション・インジケーター・レスポンシブ対応・アクセシビリティ(aria-roledescription・aria-live)の設計を解説する。