#インタラクション
Progressive Disclosureとは?段階的開示の意味とUX設計
Progressive Disclosure(段階的開示)とは、最初に基本情報だけを見せ、必要なタイミングで詳細を開示するUX設計手法です。認知負荷、情報の匂い、アコーディオンとの違いを解説します。
2026年1月23日
約10分
フォーカスインジケーター(Focus Visible)|アクセシビリティ
キーボード操作時の「現在地」を視覚化するフォーカスリング。美観を損なわずに実装するデザイン手法と「outline: none」の罠。
2026年3月22日
約6分
2026年1月26日
約6分
2026年1月26日
約6分
アフォーダンス (Affordance)
対象物が持つ「操作の可能性」を示唆する性質。ボタンが「押せる」ように見える、ドアノブが「回せる」ように見えるなど、ユーザーが直感的に使い方を理解するための核心的概念。
2026年1月23日
約6分
制約 (Constraints)
ユーザーのエラーを防ぐために、あえて操作の選択肢を制限するデザイン原則。物理的、論理的、文化的な制約を活用し、正しい操作へと誘導する。
2026年1月23日
約5分
フィードバック (Feedback)
ユーザーの操作に対するシステムからの反応。ボタンを押した感触、送信完了の通知、エラー表示など、対話の成立を確認し安心感を与えるための必須要素。
2026年1月23日
約6分
意図的な摩擦 (Intentional Friction)
ユーザーの行動をあえて妨げ、立ち止まらせるデザイン手法。誤操作の防止、熟考の促進、確認のために戦略的に用いられる「良い摩擦」について。
2026年1月23日
約6分
2026年1月23日
約6分
メンタルモデル (Mental Model)
ユーザーが頭の中に持っている「システムがどう動くか」という理解や予測。デザインをユーザーのメンタルモデルに合わせることで、直感的な体験が生まれる。
2026年1月23日
約7分
反応型オンボーディング (Reactive Onboarding)
ユーザーが困ったり、特定のアクションを起こした瞬間にだけ表示されるガイド。一方的なツアー(プロアクティブ)とは異なり、ユーザーのペースを尊重する支援手法。
2026年1月23日
約5分
シグニファイア (Signifier)
アフォーダンス(操作 가능性)をユーザーに発見させるための「視覚的な手がかり」。アイコン、ラベル、矢印など、適切な行動を誘導するためのサイン。
2026年1月23日
約6分