マウスが使えなくても、すべての機能が使える——キーボードだけでUIを操作できるかどうかは、運動障害・高齢者・パワーユーザー全員に影響する。WCAGが定めるキーボード操作の設計原則。
UI原則タグ: キーボード操作 / UIデザイン原則 / アクセシビリティ / WCAG
記事一覧
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
マウスが使えなくても、すべての機能が使える——キーボードだけでUIを操作できるかどうかは、運動障害・高齢者・パワーユーザー全員に影響する。WCAGが定めるキーボード操作の設計原則。
ボタンの一言が、コンバージョンを変える。UIに散りばめられた小さなテキスト——ラベル・エラー文・プレースホルダー——がユーザーの行動と感情を左右するマイクロコピーの設計原則。
アニメーションは「動けばいい」ではない。意味のない過剰な動きはユーザーの邪魔になり、遅すぎる動きは操作を妨げる。UIにおけるモーションを「機能」として設計するための原則。
「今どこにいるか」「どこへ行けるか」「どうやって戻るか」——この3つが答えられないナビゲーションはユーザーを迷子にする。現在地・行き先・帰り道を常に示す設計原則。
「リニューアルして良くなった気がする」——感覚ではなくデータで判断するために、UIは最初から計測可能な形で設計する必要がある。何を・どこで・どう計測するかを設計に組み込む原則。
登録直後の離脱を防ぐ。新規ユーザーが「最初の成功体験」に辿り着くまでの道筋を設計し、サービスの価値を体感させるオンボーディング設計の原則。
ユーザーはサービスの「平均」ではなく「最高潮」と「最後」で全体を評価する。購入完了・タスク達成・解約——感情が動く瞬間を意図的に設計するピーク・エンドの法則の実践原則。
専門用語・社内用語・曖昧な表現はユーザーを迷わせる。ユーザーが日常的に使う言葉でUIを書くことで、理解のコストをゼロに近づける設計原則。
すべてのボタンが同じ大きさ・同じ色——ユーザーは「次に何をすべきか」がわからない。主要導線（プライマリパス）を先に定義し、UIの視覚的階層でユーザーを迷わず導く設計原則。
「あと少し」が人を動かす。プログレスバー・バッジ・ストリーク——進捗の可視化と達成の報酬設計がユーザーのモチベーションを維持し、継続率を高める設計原則。
ラベルと入力欄が同じ距離で並んでいると、どれとどれがペアかわからない。線や枠を使わずに「近づける・遠ざける」だけで情報のグループを作る、近接の設計原則。
ユーザーに「覚えておくこと」を要求するUIは失敗する。情報を見せて「思い出させる」のではなく、「認識させる」設計でユーザーの記憶負荷をゼロにする原則。