Progressive Disclosure(段階的開示・進行開示)は、最初に必要な情報だけを見せ、詳細や高度な機能を必要なタイミングで開示するUI設計原則。使う場面、失敗条件、チェックリスト、実装パターンを整理。
ページを読み込み中...
しばらくお待ちください
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
Progressive Disclosure(段階的開示・進行開示)は、最初に必要な情報だけを見せ、詳細や高度な機能を必要なタイミングで開示するUI設計原則。使う場面、失敗条件、チェックリスト、実装パターンを整理。
視覚的階層とは、デザインにおける情報の優先順位をサイズ・コントラスト・余白・配置で示す設計原則です。デザインの階層を作り、ユーザーの視線を主役からCTAへ誘導する方法を解説します。
Scannability(スキャンしやすさ)は、ユーザーがページを読まずに走査しても目的の情報へたどり着けるようにするUI設計原則。見出し、太字、リスト、余白、F字型パターンを使った改善方法を解説。
「UIデザイン=画面を綺麗にすること」と思われている——この誤解がプロダクトを壊す。ユーザーとシステムの間にある「対話」を設計し、目的達成を邪魔しない道具を作るUIデザインの根本原則。
「おしゃれ」と「読めない」は違う。薄いグレーの文字、低コントラストのボタン——視覚的に美しくても読めないUIは、全ユーザーの体験を損なう。WCAGに基づくコントラスト設計の原則。
「押せそう」「引けそう」「入力できそう」——UIが操作方法を説明なしに伝える力がアフォーダンス。シグニファイアを正しく設計し、ユーザーが迷わず直感的に操作できるUIを作る原則。
数ピクセルのズレが積み重なったUIは、ユーザーに「雑に作られた」という無意識の不信感を与える。見えない線に沿って要素を揃えることで、秩序・関係性・信頼感を同時に作り出す整列の設計原則。
スクリーンリーダーが「画像」と読み上げるだけのUIは、視覚障害者にとって意味がない。alt属性とARIAで、すべてのユーザーに同等の情報を届ける設計原則。
「いいえ、私は損をしたいです」——ユーザーを心理的に追い詰めるダークパターンは短期の数字を作るが、長期の信頼を壊す。ユーザーのストレスを増やさない設計原則。
選択肢が多いほど、ユーザーは選べなくなる。ヒックの法則と選択のパラドックスに基づき、ユーザーが迷わず決断できる選択肢の数と提示方法を設計する原則。
人間の短期記憶には限界がある。情報を意味のある小さな塊(チャンク)に分けることで、ユーザーの記憶負荷を下げ、理解と操作のスピードを上げる設計原則。
「これで本当に合ってる?」という不安がユーザーの手を止める。操作の結果・現在地・次のステップを明示し、ユーザーが自信を持って進めるUIを設計する原則。