「これで本当に合ってる？」という不安がユーザーの手を止める。操作の結果・現在地・次のステップを明示し、ユーザーが自信を持って進めるUIを設計する原則。
UI原則タグ: 不確実性を減らす / UIデザイン原則 / 信頼設計 / 安心感
記事一覧
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
「これで本当に合ってる？」という不安がユーザーの手を止める。操作の結果・現在地・次のステップを明示し、ユーザーが自信を持って進めるUIを設計する原則。
ADHD・ディスレクシア・高齢者——認知特性の多様性を前提にしたUIは、すべてのユーザーの認知負荷を下げる。シンプルな言葉・明確な構造・予測可能な動作で「考えさせない」設計原則。
赤いエラー、緑の成功——色だけで状態を伝えるUIは、色覚多様性を持つ約5%の男性ユーザーに情報が届かない。色＋形＋テキストの多重コード化で、すべてのユーザーに伝わる設計原則。
ブランドカラーを並べただけでは配色設計ではない。プライマリ・セマンティック・ニュートラルの役割を定義し、色を「装飾」ではなく「情報」として機能させる配色システムの設計原則。
人は比べないと選べない。選択肢の差分を整理し、ユーザーが「自分に合った答え」に辿り着けるよう意思決定を支援する設計原則。
同じ役割を持つUIコンポーネントが、画面をまたいで異なる見た目・振る舞いをしていると、ユーザーは毎回「これは何だ？」と学習し直す羽目になる。コンポーネント単位で視覚的一貫性を担保するための原則です。
「おしゃれで淡い」デザインは、誰も読めないサイトを生む。色・サイズ・明度の「差」を意図的に設計し、情報の優先順位と役割をユーザーの視線に直接語りかけるコントラストの設計原則。
ユーザーは「プランを選ぶ」「削除する」「購入する」——これらの意思決定の瞬間に最も迷い、最も離脱する。情報・比較・リスク提示を最適化し、ユーザーが後悔しない選択をできるよう設計する原則。
Figmaでは美しいが、実装すると崩れる——デザインと実装の乖離は、コンポーネントの状態・余白の定義・フォントの扱いが「実装不可能な形」で設計されているときに起きる。壊れない設計の原則。
同じボタンが画面ごとに微妙に違う色・サイズ・角丸——「なんとなく作った」UIは、スケールするにつれて一貫性が崩れる。コンポーネントとトークンでルール化し、再利用可能な設計資産を作る原則。
何もない画面は、ユーザーへの最悪の歓迎だ。初回利用・検索0件・データ削除後——「空」の瞬間こそ、次のアクションへ誘導する最大のチャンスと捉える設計原則。
優れたエラーメッセージよりも、エラーそのものを発生させないUIが上。制約・デフォルト値・インラインバリデーションを活用し、ユーザーが間違えられない設計を作る原則。