ユーザーインタフェース

ユーザーインタフェース

ユーザーインタフェースとは

ユーザーインタフェースは、システムと人が接する面をどう作るかを扱う分野です。

機能が正しくても、使いにくければ使われません。「正しく動く」の先にある「気持ちよく使える」を設計します。

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

  • ユーザーインタフェース技術: 情報の整理とGUIの部品
  • UX/UIデザイン: 画面・帳票・コードの設計と、使いやすさの評価

この中の分野(学習順)

  1. ユーザーインタフェース技術(全3記事)
  2. UX/UIデザイン(全6記事)

おすすめの読み進め方

  1. まずは「ユーザーインタフェース技術」で、部品と基本用語を押さえる
  2. 次に「UX/UIデザイン」で、実際の設計と評価の手順を学ぶ

学習のポイント

暗記より「なぜそう設計するのか」の理由がそのまま問われます。理由とセットで覚えてください。

ユニバーサルデザインとアクセシビリティは、混同しやすい定番の出題ポイントです。

ユーザーインタフェース技術

情報アーキテクチャ

基本情報技術者試験の「情報アーキテクチャ」を初心者向けに解説。カテゴリと階層構造、ラベル、チャンク、ナビゲーション、タグの使い分けまで図解と確認問題つきでまとめました。
ユーザーインタフェース技術

ユーザーインタフェース

基本情報技術者試験の「ユーザーインタフェース」を初心者向けに解説。CUIからGUI・NUI・VUIへの移り変わり、混同しやすいユーザビリティとアクセシビリティの違いまで図解と確認問題つきでまとめました。
ユーザーインタフェース技術

GUI

基本情報技術者試験の「GUI」を初心者向けに解説。ウィンドウ・アイコン・チェックボックス・ラジオボタン・リストボックス・プルダウンメニューなど画面部品の名前と使い分けを図解と確認問題つきでまとめました。
UX/UIデザイン

UXデザイン

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

画面設計

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

帳票設計

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

コード設計

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

ユニバーサルデザイン

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

ユーザビリティ評価

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