UX/UIデザイン

UX/UIデザイン

UX/UIデザインとは

UX/UIデザインは、使い勝手そのものを設計する分野です。画面、帳票、コード体系まで、設計の対象は広がります。

「なんとなく使いやすい」を、手順と観点に分解していきます。理由を説明できることが、この分野のゴールです。

このカテゴリーで学べること

  • UXデザインの考え方と、UIとの違い
  • 画面設計・帳票設計の基本と守るべき順序
  • コード設計の方式と、それぞれの向き不向き
  • ユニバーサルデザインとアクセシビリティ
  • ユーザビリティ評価の方法

この分野の記事一覧(読む順)

  1. UXデザイン
  2. 画面設計
  3. 帳票設計
  4. コード設計
  5. ユニバーサルデザイン
  6. ユーザビリティ評価

おすすめの読み進め方

  1. まずは「UXデザイン」で、対象の広さをつかむ
  2. 「画面設計」「帳票設計」で、具体的な作法を学ぶ
  3. 「コード設計」で、番号の付け方の考え方を知る
  4. 「ユニバーサルデザイン」で、誰にとっての使いやすさかを考える
  5. 最後に「ユーザビリティ評価」で、確かめ方を学ぶ

学習のポイント

コード設計の方式は、拡張しやすさとの兼ね合いで問われます。

ユニバーサルデザインの7原則は、意味を一言で言えるようにしておきましょう。

UX/UIデザイン

UXデザイン

基本情報技術者試験の「UXデザイン」を初心者向けに解説。UXとUIの違い、ペルソナ・カスタマージャーニーマップ・ユーザーストーリーの使い分け、人間中心設計まで図解と確認問題つきでまとめました。
UX/UIデザイン

画面設計

基本情報技術者試験の「画面設計」を初心者向けに解説。ワイヤーフレーム・モックアップ・プロトタイプの違い、レスポンシブデザイン、設計書に書くべき項目まで図解と確認問題つきでまとめました。
UX/UIデザイン

帳票設計

基本情報技術者試験の「帳票設計」を初心者向けに解説。見出し・明細・集計の構成、数値の右揃え、余白や綴じ代など紙ならではの制約まで図解と確認問題つきでまとめました。
UX/UIデザイン

コード設計

基本情報技術者試験の「コード設計」を初心者向けに解説。連番コード・分類コード・桁別コードの違いと、入力誤りを検出するチェックディジットまで図解と確認問題つきでまとめました。
UX/UIデザイン

ユニバーサルデザイン

基本情報技術者試験の「ユニバーサルデザイン」を初心者向けに解説。バリアフリーとの違い、ピクトグラム・UDフォント・WCAG、色だけに頼らない設計まで図解と確認問題つきでまとめました。
UX/UIデザイン

ユーザビリティ評価

基本情報技術者試験の「ユーザビリティ評価」を初心者向けに解説。ユーザビリティテストとヒューリスティック評価の違い、人間中心設計のくり返し、測る指標まで図解と確認問題つきでまとめました。