UIについて - terasawa-twg/Sampleapp GitHub Wiki

UIとは

【User Interface】
「ユーザー(利用者)」と「システム(コンピュータやアプリケーション)」の間で情報をやり取りするための接点見た目・操作方法のこと

いいUIとは

ユーザーが直感的に理解しやすく、思い通りに操作できるインターフェース。ユーザーが迷わず目的を達成でき、ストレスなく使えなければならない。

  • 直感的でわかりやすい
      ボタンやリンクの位置・色・文言が分かりやすく、クリックした後の挙動も予測しやすい。
      情報の配置や導線設計が整理されており、迷わず操作できる。
  • ユーザー目線で設計されている
      ターゲットユーザーのリテラシーや目的に合わせて情報量や表現が最適化されている。
      どのデバイスでも使いやすいレスポンシブな設計。
  • 操作にストレスがない
      ページの読み込みや反応が速く、待たされることが少ない。
      入力フォームは分かりやすく、エラー時の説明も明確。
  • アクセシビリティに配慮
      色やフォントサイズ、アイコンなどが誰でも見やすく、使いやすい。
      障害や年齢、利用環境に関わらず、すべての人が利用できる。
  • 次のアクションが分かりやすい
      ユーザーが何をすればいいか迷わないよう、適切な誘導や説明がある。
      空の状態(エンプティステート)でも、次の行動を促す工夫がされている。