「インタフェース・メディア」の過去問(テクノロジ・24問+午後4大問)

1. この分野は何か

インタフェース・メディア分野は、人間とシステムを繋ぐユーザーインタフェース(UI)の設計手法と、そこで扱われるマルチメディアデータ(画像、音声、動画)の技術仕様を扱う領域です。
単なる画面の使いやすさ(ユーザビリティ)にとどまらず、利用者がシステムを通じて得る体験全体を設計するUX(ユーザーエクスペリエンス)デザインや、高齢者や障害者を含むすべての人が利用できるようにするアクセシビリティへの配慮が含まれます。また、ピクセルやサンプリングレートなどのデジタルデータの基礎から、それらの圧縮・配信に必要なデータ量や帯域幅を求める計算技術も重要なテーマです。

2. 実際の出題のされ方

午前問題では、マルチメディアデータの計算問題と、インタフェース設計の概念を問う問題がバランスよく出題されます。

  • データ量の計算: 「800×600ピクセル、24ビットカラーで30フレーム/秒の非圧縮動画像の配信に必要な帯域幅」を計算する問題は、この分野における典型的な出題です。
  • WebデザインとUI: 単一のHTML文書を用いて、CSSのメディアクエリなどで各種端末(PC、スマートフォンなど)の画面サイズに合わせてレイアウトを自動調整する「レスポンシブWebデザイン」の定義を問う問題が出題されます。
  • UXデザイン: システムの要件を検討する際に用いる「UXデザイン」の説明として、製品そのものの操作性だけでなく、ユーザーの行動文脈や感情を含めた総合的な体験を重視する記述を選択させる問題も見られます。

3. 学習のポイント

用語の定義と、デジタル化の基礎となる数値計算の両面からアプローチする必要があります。

  • マルチメディア計算のステップを定型化する: 画像・音声・動画のデータ量計算は、「1要素あたりのデータ量」×「要素数」×「時間」で求めることができます。
    • 画像:縦ピクセル数 × 横ピクセル数 × 1ピクセルあたりのビット数(色深度)
    • 音声:サンプリング周波数(Hz)× 量子化ビット数 × チャネル数(ステレオなら2)× 秒数
    • 動画:1フレーム(画像)のデータ量 × フレームレート(fps)× 秒数
      この基本式を覚え、設問で与えられる条件(圧縮率や単位の違いなど)を当てはめる練習を徹底しましょう。
  • UI/UXの違いの整理: UI(ユーザーインタフェース)は「システムとユーザーの接点(画面デザインやボタンの配置)」、UX(ユーザーエクスペリエンス)は「UIを通じた体験全体(心地よさ、目的達成の満足感)」です。この違いを明確に説明できるようにしておきましょう。
  • アクセシビリティの規格体系: JIS X 8341シリーズなど、Webアクセシビリティに関するガイドラインの存在と、その対象(視覚・聴覚などの身体的制約だけでなく、利用環境や年齢への配慮も含む点)を把握しておくことが重要です。

4. 間違えやすいところ

データ通信量や帯域幅の計算問題において、結果の単位を間違えるミスが非常に多く発生します。特に「ピクセルあたり24ビット」で計算した結果を「バイト(B)」に変換し忘れたり、最終的に求められているのが「bps(ビット毎秒)」なのか「B/s(バイト毎秒)」なのかを見落としたりするケースが典型的です。計算の途中でいま自分が求めた数値の単位が何であるかを常に意識し、必要に応じて8で割る(ビット→バイト)などの変換を行うよう注意してください。
また、アウトラインフォント(輪郭を数式で表現し、拡大しても滑らか)とビットマップフォント(点の集合で表現)の違いを問う問題では、「拡大縮小に適しているのはどちらか」という用途を逆に覚えてしまうことがあるため、ベクター画像とラスタ画像の違いと紐付けて整理しておくと間違いを防げます。

  1. 2025(R7)秋 応用情報技術者 午前 問24 画面サイズの制約によって,レイアウト上,常にメニューを表示しておくことが難しいときに使用する仕組みであって,三本線のアイ…
  2. 2025(R7)秋 応用情報技術者 午前 問25 0 kHz〜20 kHzの帯域幅のオーディオ信号をデジタル信号に変換するのに必要な最大のサンプリング周期を標本化定理によ…
  3. 2025(R7)秋 エンベデッドシステムスペシャリスト 午前II 問4 ハプティックデバイスの説明として,適切なものはどれか。…
  4. 2025(R7)秋 エンベデッドシステムスペシャリスト 午前II 問12 JIS Z 8521:2020(人間工学-人とシステムとのインタラクション-ユーザビリティの定義及び概念)によれば,ユー…
  5. 2025(R7)春 応用情報技術者 午前 問22 ユーザーインタフェースのユーザビリティを評価する手法には,利用者が参加するものと専門家だけで実施するものとがある。利用者…
  6. 2025(R7)春 応用情報技術者 午前 問23 W3Cで仕様が定義され,矩形や円,直線,文字列などの図形オブジェクトをXML形式で記述し,Webページでの図形描画にも使…
  7. 2025(R7)春 高度試験共通 午前I 問8 W3Cで仕様が定義され,矩形や円,直線,文字列などの図形オブジェクトをXML形式で記述し,Webページでの図形描画にも使…
  8. 2024(R6)秋 応用情報技術者 午前 問25 Webページの構成要素のうち,図のような固定の表示領域内でマウス操作やタッチ操作を行うことによってスクロールし,複数の画…
  9. 2024(R6)秋 応用情報技術者 午前 問26 800×600ピクセル,24ビットカラーで30フレーム/秒の動画像の配信に最小限必要な帯域幅はおよそ幾らか。ここで,通信…
  10. 2024(R6)秋 応用情報技術者 午前 問50 レスポンシブWebデザインを実現するに当たって,単一のHTML文書を用いて,Webコンテンツを各種端末のディスプレイの大…
  11. 2024(R6)秋 応用情報技術者 午前 問65 システムの要件を検討する際に用いるUXデザインの説明として,適切なものはどれか。…
  12. 2024(R6)秋 高度試験共通 午前I 問9 800×600ピクセル,24ビットカラーで 30フレーム/秒の動画像の配信に最小限必要な帯域幅はおよそ幾らか。ここで,通…
  13. 2024(R6)秋 高度試験共通 午前I 問17 ソフトウェアの使用性を評価する指標の目標設定の例として,適切なものはどれか。…
  14. 2024(R6)秋 エンベデッドシステムスペシャリスト 午前II 問12 システムのユーザビリティの測定手法のうち,利用者に実際のシステムを操作してもらって,意見を聞き,有効さ,効率及び利用者の…
  15. 2024(R6)春 応用情報技術者 午前 問24 ビットマップフォントよりも,アウトラインフォントの利用が適している場合はどれか。…
  16. 2024(R6)春 高度試験共通 午前I 問8 ビットマップフォントよりも,アウトラインフォントの利用が適している場合はどれか。…
  17. 2023(R5)秋 応用情報技術者 午前 問11 画面表示用フレームバッファがユニファイドメモリ方式であるシステムの特徴はどれか。…
  18. 2023(R5)秋 応用情報技術者 午前 問24 JIS X 9303-1:2006(ユーザシステムインタフェース及びシンボル―アイコン及び機能―アイコン一般)で規定され…
  19. 2023(R5)秋 応用情報技術者 午前 問25 バーチャルリアリティに関する記述のうち,レンダリングの説明はどれか。…
  20. 2023(R5)秋 高度試験共通 午前I 問8 バーチャルリアリティに関する記述のうち,レンダリングの説明はどれか。…
  21. 2023(R5)春 応用情報技術者 午前 問25 コンピュータグラフィックスに関する記述のうち,適切なものはどれか。…
  22. 2023(R5)春 高度試験共通 午前I 問8 コンピュータグラフィックスに関する記述のうち,適切なものはどれか。…
  23. 2023(R5)春 システムアーキテクト 午前II 問4 ヒューマンインタフェースをもつシステムにおいて,機能とヒューマンインタフェースとの相互依存を弱めることによって,修正性や…
  24. 2023(R5)春 ITサービスマネージャ 午前II 問10 エラープルーフ化とは,ヒューマンエラーに起因する障害を防ぐ目的で,作業方法を人間に合うように改善することであり,次の五つ…

この分野の午後問題(記述式・読み物)

  1. 2025(R7)秋 応用情報技術者 午後 問4 エッジコンピューティングに関する次の記述を読んで,設問に答えよ。…
  2. 2025(R7)秋 応用情報技術者 午後 問7 問7 猫の自動給餌・健康監視システムに関する次の記述を読んで,設問に答えよ。…
  3. 2025(R7)秋 応用情報技術者 午後 問8 問8 モバイルオーダーシステムの画面設計に関する次の記述を読んで,設問に答えよ。…
  4. 2023(R5)春 システムアーキテクト 午後II 問2 問2 利用者と直接の接点がない情報システムのユーザーインタフェースの検討について…