最新テクノロジ系「情報デザイン」の用語集

ITパスポート試験　シラバス6対応　テクノロジ系　情報デザイン(ヒューマンインタフェース)　についての出題傾向、学習ポイント、重要な用語を紹介します。

「情報デザイン」出題傾向

Ver.○.○の表示について
　用語が初めて掲載されたときの、シラバスのバージョンです。
　Ver.4.0、Ver.5.0は、シラバスの比較的新しい用語です。
　Ver.6.0と同じく要注意用語です。
　表示がないのは、Ver.3以前からシラバスにある用語です。

情報デザイン

デザインの原則

Ver.6.0
デザインの原則は、報を正しくスピーディーに届けるための原則です。

近接、整列、反復、対比の４つの原則があります。

デザインの原則

	「グループに分ける」 関係するものを集め、関係の薄いものとはスペースを開け距離をとるように配置することで、わかりやすいデザインになります。
	「きっちりと揃える」 文字や形の位置、大きさを揃えることで、直感的に情報の構成を理解できるようになります。
	「パターンでわかりやすく」 デザインに一貫したパターンがあることで、はじめて見る人でも内容を理解しやすくなります。
	「一番伝えたいこと」を強調 色や形、大きさなどで他のパーツよりも目立たせることで、目を留めてほしい部分を強調します。

LATCHの法則

Ver.6.3
LATCHの法則とは、情報を分類・整理しユーザーに分かりやすく伝えるための法則です。

LATCHは、「Location（位置・場所）」「Alphabet（アルファベット・あいうえお順）」「Time（時間）」「Category（カテゴリ）」「Hierarchy（階層）｝の頭文字をとったものです。

Location（位置）
「位置・場所」によってデータ・情報を分類・整理する方法です。
＜例＞
地図、施設案内、

Alphabet（アルファベット・あいうえお順）
「アルファベット・あいうえお順」でデータ・情報を分類・整理する方法です。
A~Z、あ～ん、の順番で並べていくので、高い検索性を誇る分類法になっています。
＜例＞
本の索引、辞書、

Time（時間）
「時間軸」に沿ってデータ・情報を分類・整理する方法です。
＜例＞
年表、時刻表、スケジュール表

Category（カテゴリー）
「カテゴリー」ごとにデータ・情報を分類・整理する方法です。
＜例＞
商品陳列、図書館分類

Hierarchy（序列）
「数の大きさ」や「重要度」の順に並べる方法です。
＜例＞
ランキング、身長順

シグニファイア

Ver.6.0
シグニファイアは、あるモノと人間との 関係を教えてくれるサインです。

「なにができるか」を教えてくれます。

問題をチェック! R6年 問68

構造化シナリオ法

Ver.6.0
構造化シナリオ法は、UXデザインの手法の1つです。

構造化シナリオ法では、ユーザーのニーズを「価値」と位置づけ、それを満たすシナリオを3つの階層分けて考え、アイデアを詳細化します。

構造化シナリオ法では、抽象度の高い概念を具体的な思考へと変化させていくように考えていきます。

UXデザイン

Ver.5.0
UX(User Experience )

UXは、製品、システム、サービスなどの利用場面を想定したり、実際に利用したりすることによって得られる人の感じ方や反応のことです。
（ITパスポート　令和2年　問18より）

UXデザインは、利用者が得られる人の感じ方や反応を実現する仕組みをデザインすることです。

ユニバーサルデザイン

ユニバーサルデザインは、文化、言語、年齢及び性別の違いや、障害の有無や能力の違いなどにかかわらず、できる限り多くの人が快適に利用できることを目指した設計を指します。
（ITパスポート　平成27年秋　問61より）

universal（ユニバーサル：汎用、万人向け）
　+
design（デザイン：設計）
　↓
universal design（ユニバーサルデザイン：万人向けの設計）

バリアフリー設計

バリヤフリ―設計は、障がい者や高齢者に負担を与えない設計をいいます。
（基本情報　平成21年春午前　問27より）

barrier(バリア：不便な障害）
　+
free（フリー：無い）
　↓
barrier-free（不便な障害が無い）

ピクトグラム

Ver.5.0
ピクトグラムは、何かの情報をわかりやすく伝えるための、文字の代わりに絵を使ったサイン、絵文字です。

インフォグラフィックス

Ver.6.0
インフォグラフィックは、情報やデータを図やイラストを用いることでわかりやすく表現することです。

インフォグラフィックは、情報を伝えたいことを一目で伝えることができます。

電車の路線図や標識などで使用されることが多いです。

インタフェース設計

用　語	内　容
ユーザビリティ	目標とする要求が達成できるか
アクセシビリティ	利用できるか

ユーザビリティ

Ver.5.0
ユーザビリティは、どれだけ利用者がストレスを感じずに、目標とする要求が達成できるかをいうことです。
（基本情報　平成21年春午前　問27より）

use（使う）
　+
able（できる）
　↓
usability（ユーザビリティ：使いやすさ）

問題をチェック! 情報デ 予想1

アクセシビリティ

Ver.5.0
アクセシビリティは、IT機器やソフトウェア、情報などについて、利用者の身体の特性や能力の違いなどにかかわらず、様々な人が同様に操作、入手、利用できる状態又は度合いです。
（ITパスポート　令和4年　問33より）

access（アクセス：情報を利用する）
　+
able（エイブル：できる）
　↓
accessibility（アクセシビリティ：情報の利用しやすさ）

問題をチェック!
情報デ 予想2　R4年 問33

ジェスチャーインタフェース

Ver.5.0
ジェスチャーインタフェースは、手や指などの体の動きで、コンピュータに情報を入力するユーザーインタフェースです。

マルチタッチインタフェース

Ver.6.3
マルチタッチインタフェースは、複数の指で同時に画面に触れて直感的に機器の操作を行うユーザーインタフェースです。

タップ	画面に指をトンと軽く触れてからすぐに離します。
スワイプ	画面に指を軽く触れたまま、目的の方向に動かします。 画面をスクロールしたり、音量を調節したりするときなどの操作です。
フリック	画面に触れた指をサッとすばやく上下左右に払います。 文字入力によく使われる操作です。
ピンチ	画面に2本の指で触れたまま、指の間隔を縮めたり（ピンチイン）、広げたり（ピンチアウト）します。 画面の表示を拡大したり、縮小したりするときの操作です。
ロングプレス	画面上のアイコンを軽く押し続け、反応があるまで指を放しません。

VUI

Ver.5.0
VUI（Voice User Interface）

VUIは、音声を利用してコンピュータやデバイスに情報を入力するインタフェース技術です。

CSS

CSS(Cascading Style Sheets) は、HTML文書の文字の大きさ、文字の色、行間などの視覚表現の情報を扱う標準仕様です。
（基本情報　平成28年春午前　問24より）

Webページの作成・編集において、 HTMLとCSSを組み合わせて利用することで、Webサイト全体の色調やデザインに統一性をも たせることができます。
（ITパスポート　平成25年秋　問80より）

トラックバック

シラ外
トラックバックとは、ブログの機能のひとつで、別の利用者のブログ記事へのリンクを張ると、リンクが張られた相手に対してその旨を通知する仕組みのことです。
(ITパスポート　令和元年　問69より）

問題をチェック! R元年 問69

モバイルファースト

Ver.5.0
モバイルファーストは、スマホユーザーに最適化したデザイン構成にすることです。

レスポンシブ Web デザイン

Ver.6.3
レスポンシブWebデザインとは、Webサイトをパソコンやスマートフォン、タブレットなど、さまざまなデバイスのウィンドウ幅にすぐ反応して（responsive）、使いやすくレイアウトを切り替える仕組みを持つデザインのことです。

人間中心設計

Ver.6.0
人間中心設計は、システムの使い方に焦点を当て、人間工学やユーザビリティの知識と技術を適用することにより、インタラクティブシステムをより使いやすくすることを目的とするシステム設計と開発へのアプローチです。
(『人間中心設計の国際規格ISO9241-210:2010のポイント』のP7より引用)

まとめ

これまで、テクノロジ系「情報デザイン(ヒューマンインタフェース)」の最新の用語について、出題傾向、学習ポイント、重要な用語を解説しました。

以上、テクノロジ系「情報デザイン(ヒューマンインタフェース)」の重要な用語について解説しました。