9項目のリスト

UI設計9原則

作成者: テクノロジー好きな人(@picolis_tech)

  1. フィードバックとファーストビュー:前後の繋がりをスムーズにする
  2. 具体性:中身が分かる文言にするか、中身をその場に露出する
  3. 強弱:見せたいところ、見せたくないところをはっきり分ける
  4. 目線の流れ:開始位置/基本のF字/ブラインド/アイキャッチを意識して誘導する
  5. 一覧性:全体俯瞰と比較をしやすくする
  6. 一貫性:メジャーなUIからは逸脱せず、UIと意味は一対一にする
  7. 関連性:仲間同士はくくり、冗長な要素は削る
  8. 可読性:同種文字の連続、薄い色、小さい文字、専門用語、英語は避ける
  9. 回遊性:上下リンクと関連文中リンクで回遊性を高める

作成日: 2022年11月17日 更新日: 2023年9月19日

関連ページ: https://twitter.com/yuikakiuchi/status/1592964657408774144?s=20&t=dC8GQxVO5fSYtPFL4cBfdg