赤いエラー、緑の成功——色だけで状態を伝えるUIは、色覚多様性を持つ約5%の男性ユーザーに情報が届かない。色＋形＋テキストの多重コード化で、すべてのユーザーに伝わる設計原則。
UI原則タグ: 色だけに頼らない表現 / UIデザイン原則 / アクセシビリティ / カラーユニバーサルデザイン
タグ: アクセシビリティ
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
赤いエラー、緑の成功——色だけで状態を伝えるUIは、色覚多様性を持つ約5%の男性ユーザーに情報が届かない。色＋形＋テキストの多重コード化で、すべてのユーザーに伝わる設計原則。
「おしゃれで淡い」デザインは、誰も読めないサイトを生む。色・サイズ・明度の「差」を意図的に設計し、情報の優先順位と役割をユーザーの視線に直接語りかけるコントラストの設計原則。
小さすぎるボタン、遠すぎるリンク、密集したタップ領域——これらはすべてユーザーの操作コストを増やす。フィッツの法則に基づき、押しやすく・届きやすいUIを設計する原則。
モーダルを開いたら、フォーカスはどこへ行く？動的UIにおけるフォーカスの制御は、キーボードユーザーとスクリーンリーダーユーザーの「現在地」を守る設計原則。
マウスが使えなくても、すべての機能が使える——キーボードだけでUIを操作できるかどうかは、運動障害・高齢者・パワーユーザー全員に影響する。WCAGが定めるキーボード操作の設計原則。
「ターゲットへの到達時間は、ターゲットまでの距離とターゲットの大きさに依存する」という法則。ボタンは大きく、押しやすい場所に配置すべきという原則の根拠。
「入力に関しては寛容に、出力に関しては厳格に」。堅牢性原則（Robustness Principle）とも呼ばれ、ユーザーの多様な振る舞いを受け止める設計思想。