読み込み中...
読み込み中...
読み込み中...
読み込み中...
読み込み中...
ユーザビリティ とは、製品やシステムが「使いやすいかどうか」を表す品質特性です。国際規格 ISO 9241-11 では、ユーザビリティを「特定の利用状況において、特定のユーザーが特定の目標を達成するための 有効さ・効率・満足度」と定義しています。
システム開発では、技術的に優れていても使いにくければユーザーに受け入れられません。ユーザビリティの向上は、業務効率の改善やユーザー満足度の向上に直結します。
GUI(Graphical User Interface) は、アイコンやボタンなどの視覚的要素を使ってコンピュータを操作するインタフェースです。
| 要素 | 説明 |
|---|---|
| ウィンドウ | アプリケーションの表示領域。複数を並べて作業できる |
| アイコン | 機能やファイルを絵で表した小さな画像 |
| メニュー | 操作項目を一覧で表示する仕組み(プルダウン、コンテキスト等) |
| ボタン | クリックして操作を実行するUI部品 |
| テキストボックス | 文字を入力するための領域 |
| チェックボックス | 複数選択が可能な選択肢 |
| ラジオボタン | 排他的な単一選択の選択肢 |
| スクロールバー | 表示領域を超えた内容をスクロールして閲覧 |
| ツールバー | よく使う機能のボタンを並べた領域 |
GUIに対して、文字(コマンド)で操作するインタフェースを CUI(Character User Interface) または CLI(Command Line Interface) と呼びます。
使いやすいシステムを設計するための代表的な考え方があります。
| 原則 | 説明 |
|---|---|
| 一貫性 | 同じ操作は同じ結果を返す。画面全体で統一されたデザイン |
| フィードバック | 操作に対して即座に反応を返す(ボタン押下時の色変化等) |
| 可視性 | 操作可能な要素が見てわかる状態にある |
| 制約 | 間違った操作をできないようにする(無効なボタンのグレーアウト等) |
| 対応づけ | 操作と結果の関係が直感的にわかる |
UX はユーザーが製品やサービスを通じて得る体験全体を指します。UIの使いやすさだけでなく、申し込みから利用中・利用後のサポートまで、すべての接点での体験を含みます。
| 用語 | 範囲 |
|---|---|
| UI(ユーザーインタフェース) | ユーザーとシステムの接点(画面デザイン・操作方法) |
| UX(ユーザーエクスペリエンス) | 製品・サービス利用を通じた体験全体 |
UXはUIを包含する広い概念です。良いUXには良いUIが不可欠ですが、UIだけでは不十分です。
具体例で考えると、あるサービスの申し込みボタンのデザイン(UI)は美しくても、申し込み完了まで5画面もあり入力項目が多すぎる場合、UX は悪いといえます。UI は画面の見た目や操作方法に限定されますが、UX は「申し込みが簡単だった」「迷わず使えた」といった利用体験全体を含みます。
ポイント
ユーザビリティは ISO 9241-11 で 有効さ・効率・満足度 と定義される。GUI はアイコン・ボタン・メニュー等の視覚要素で操作するインタフェース。設計では 一貫性・フィードバック・可視性 が重要。UI = 画面設計、UX = 利用体験全体。UX は UI を含む上位概念で、良い UX には良い UI が不可欠。
用語
アクセシビリティ とは、年齢・障害の有無に関わらず、すべての人が製品やサービスを利用できることを意味します。ITの分野では特に Webアクセシビリティ が重要で、視覚障害・聴覚障害・運動障害などを持つ人でもWebサイトを利用できるように設計する必要があります。
| 規格 | 説明 |
|---|---|
| JIS X 8341-3 | 日本のWebアクセシビリティ規格。公共機関のWebサイトは準拠が求められる |
| WCAG(Web Content Accessibility Guidelines) | W3Cが策定した国際的なWebアクセシビリティガイドライン |
WCAGでは4つの原則が定められています。
| 対策 | 説明 |
|---|---|
| 代替テキスト(alt属性) | 画像に説明文を付与。スクリーンリーダーが読み上げる |
| 色だけに頼らない情報伝達 | 色覚多様性に配慮し、形や文字でも情報を伝える |
| キーボード操作対応 | マウスが使えないユーザーのためにキーボードで全操作を可能にする |
| 十分なコントラスト比 | 文字と背景の色のコントラスト比を確保する |
| 字幕・文字起こし | 動画に字幕、音声に文字起こしを提供する |
| 技術 | 説明 |
|---|---|
| スクリーンリーダー | 画面の内容を音声で読み上げるソフトウェア |
| 音声認識 | 音声でコンピュータを操作する技術 |
| 拡大表示 | 画面の一部を拡大して表示する機能 |
| 点字ディスプレイ | 画面の内容を点字で表示する装置 |
ユニバーサルデザイン は、最初からできるだけ多くの人が利用可能なように設計する考え方です。後から特別な対応を追加するのではなく、設計段階から多様な利用者を想定します。
なぜ7つの原則が必要かというと、1つの原則だけではすべての利用場面を網羅できないためです。利用の公平性、柔軟性、身体的負担、情報伝達の明確さなど、多角的な観点からカバーすることで、より多くの人にとって使いやすい設計を実現します。
ユニバーサルデザインの7原則:
| 原則 | 説明 | 例 |
|---|---|---|
| 公平な利用 | 誰でも同じように使える | 自動ドア |
| 利用の柔軟性 | さまざまな使い方に対応 | 左右どちらでも使えるマウス |
| 単純で直感的 | 使い方がすぐわかる | ピクトグラム(絵文字案内) |
| 認知しやすい情報 | 必要な情報が効果的に伝わる | 音と光で知らせる信号機 |
| 誤りへの寛容 | 間違えても危険がない・やり直せる | Undo機能 |
| 少ない身体的負担 | 楽に使える | 軽いタッチで操作できるタッチパネル |
| 利用のための空間確保 | 体格に関係なく使える | 車いすが通れる幅の通路 |
ポイント
アクセシビリティは年齢や障害に関わらず利用できること。WCAG の4原則: 知覚可能・操作可能・理解可能・堅牢。具体的には代替テキスト・キーボード操作・コントラスト比(4.5:1以上)の確保等が重要。ユニバーサルデザイン は設計段階から多様な利用者を想定する考え方で、7つの原則がある。
用語
マルチメディア とは、文字・画像・音声・動画など複数の種類のメディア(情報伝達手段)を組み合わせて表現する技術です。Webサイト、プレゼンテーション、教育コンテンツなどで広く活用されています。
| 形式 | 圧縮方式 | 特徴 |
|---|---|---|
| JPEG | 非可逆 | 写真向き。人間の目が微細な色の違いに鈍感な特性を利用し、知覚されにくい情報を削除して高い圧縮率を実現 |
| PNG | 可逆 | イラスト・図表向き。透過(透明)に対応。圧縮してもデータを完全に復元できる |
| GIF | 可逆 | 256色まで。簡易アニメーションに対応。アイコン等に使用 |
| SVG | ― | ベクタ形式。拡大しても画質が劣化しない。ロゴやアイコンに最適 |
| BMP | 非圧縮 | 無圧縮の画像形式。ファイルサイズが大きい |
画像には ラスタ形式 と ベクタ形式 の2種類があります。ラスタ形式はピクセル(点)の集合で画像を構成するため、拡大すると1つ1つのピクセルが目に見える大きさになり、ギザギザ(ジャギー)が現れます。一方、ベクタ形式は数式で図形を定義するため、どれだけ拡大しても再計算によって滑らかな曲線が保たれます。
| 形式 | 圧縮方式 | 特徴 |
|---|---|---|
| MP3 | 非可逆 | 広く普及した音声圧縮形式。人間の耳に聞こえにくい成分を削除して圧縮 |
| AAC | 非可逆 | MP3の後継。同じビットレートでMP3より高音質 |
| WAV | 非圧縮 | 無圧縮の音声形式。高音質だがファイルサイズが大きい |
| FLAC | 可逆 | 可逆圧縮の音声形式。元の音質を完全に保持 |
| 形式 | 特徴 |
|---|---|
| MP4 | 最も広く使われる動画形式。Web・スマートフォンで標準的 |
| H.264 / H.265 | 動画の圧縮規格(コーデック)。H.265はH.264の2倍の圧縮効率 |
| AVI | Windows標準の動画形式。古い形式で現在はMP4が主流 |
ファイルサイズを小さくする技術を データ圧縮 といいます。
| 方式 | 説明 | 例 |
|---|---|---|
| 可逆圧縮 | 圧縮前のデータを完全に復元できる | PNG, ZIP, FLAC |
| 非可逆圧縮 | 人間が知覚しにくい情報を削除して高い圧縮率を実現。元に戻せない | JPEG, MP3, AAC |
可逆圧縮はデータの完全性が求められる場合(文書、プログラム等)、非可逆圧縮はファイルサイズの削減が優先される場合(写真、音楽、動画等)に使い分けます。
| 技術 | 正式名称 | 説明 |
|---|---|---|
| AR | Augmented Reality(拡張現実) | 現実世界にデジタル情報を重ね合わせる技術。スマートフォンのカメラ越しに情報を表示 |
| VR | Virtual Reality(仮想現実) | コンピュータが生成した仮想空間に没入する技術。ヘッドマウントディスプレイを使用 |
| MR | Mixed Reality(複合現実) | 現実と仮想を融合させ、仮想オブジェクトと現実の相互作用を実現 |
ポイント
画像は ラスタ形式(JPEG, PNG)と ベクタ形式(SVG)に分かれる。圧縮には 可逆圧縮(完全復元可能)と 非可逆圧縮(高圧縮率だが復元不可)がある。写真はJPEG、イラストはPNG、ロゴはSVGが適する。音声はMP3/AAC、動画はMP4/H.264が標準的。AR/VRは現実と仮想を組み合わせた技術。
用語