ITパスポート試験過去問 - 分野別 - インタフェース設計
令和8年 問60
レスポンシブWebデザインに関する記述として,適切なものはどれか。
| ア | PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。 |
|---|---|
| イ | Webブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。 |
| ウ | スマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。 |
| エ | 操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。 |
答え : ア
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
解説 :
「レスポンシブWebデザイン」とは,パソコンやスマートフォンなど様々な画面サイズの端末で見やすく操作しやすいように,表示するデバイスの画面サイズに応じてWebサイトのレイアウトが自動的に変化する設計手法のことです。答えは「ア」です。1つのHTMLファイルで複数の画面サイズに対応できるため,デバイスごとに別々のサイトを用意する必要がなくなる利点があります。
選択肢「イ」は動画配信における最適なサーバへの接続に関する説明,「ウ」はスマートフォンのセンサーを利用する機能の説明,「エ」はマウスオーバー時にポップアップで説明を表示する機能の説明であり,いずれも画面サイズに応じたレイアウト変化とは異なる内容のため誤りです。
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
解説 :
「レスポンシブWebデザイン」とは,パソコンやスマートフォンなど様々な画面サイズの端末で見やすく操作しやすいように,表示するデバイスの画面サイズに応じてWebサイトのレイアウトが自動的に変化する設計手法のことです。答えは「ア」です。1つのHTMLファイルで複数の画面サイズに対応できるため,デバイスごとに別々のサイトを用意する必要がなくなる利点があります。
選択肢「イ」は動画配信における最適なサーバへの接続に関する説明,「ウ」はスマートフォンのセンサーを利用する機能の説明,「エ」はマウスオーバー時にポップアップで説明を表示する機能の説明であり,いずれも画面サイズに応じたレイアウト変化とは異なる内容のため誤りです。
令和8年 問66
アプリケーションソフトウェアの操作を行うとき,質問に答えていく対話形式によって,煩雑な操作を簡単に行えるようにする機能はどれか。
| ア | アーカイブ |
|---|---|
| イ | ウィザード |
| ウ | オートコンプリート |
| エ | ポップアップウィンドウ |
答え : イ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
解説 :
「ウィザード」(wizard)とは,アプリケーションソフトウェアを操作する際に,画面上の質問に順番に答えていく対話形式によって,複雑で煩雑な設定作業を簡単に行えるようにする機能のことです。答えは「イ」です。ソフトウェアのインストールや初期設定など,多くの手順が必要な作業で利用者を案内してくれる機能として広く使われています。
選択肢「ア」のアーカイブは複数のファイルをまとめて圧縮・保存すること,「ウ」のオートコンプリートは入力候補を自動的に表示する機能,「エ」のポップアップウィンドウは別の小さな画面を表示する機能であり,いずれも対話形式で複雑な操作を案内する機能とは異なるため誤りです。
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
解説 :
「ウィザード」(wizard)とは,アプリケーションソフトウェアを操作する際に,画面上の質問に順番に答えていく対話形式によって,複雑で煩雑な設定作業を簡単に行えるようにする機能のことです。答えは「イ」です。ソフトウェアのインストールや初期設定など,多くの手順が必要な作業で利用者を案内してくれる機能として広く使われています。
選択肢「ア」のアーカイブは複数のファイルをまとめて圧縮・保存すること,「ウ」のオートコンプリートは入力候補を自動的に表示する機能,「エ」のポップアップウィンドウは別の小さな画面を表示する機能であり,いずれも対話形式で複雑な操作を案内する機能とは異なるため誤りです。
令和7年 問79
サムネイルの説明として,適切なものはどれか。
| ア | 画像や文書ファイルの内容を縮小して表示したもの |
|---|---|
| イ | 処理の内容や対象が分かる小さな絵や記号のこと |
| ウ | ネット上で利用者の分身として動作するキャラクターのこと |
| エ | 複数のファイルを一つのファイルにまとめたもの |
答え : ア
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
解説 :
「サムネイル」(thumbnail)とは,画像や文書ファイルの内容を縮小して表示したもののことです。答えは「ア」です。ファイルを開かなくても,縮小された見た目を一覧で確認できるため,多数の画像や文書の中から目的のファイルを素早く見つけるのに役立ちます。
選択肢「イ」は処理内容や対象が分かる小さな絵や記号を指すアイコンの説明,「ウ」はネット上で利用者の分身として動作するキャラクターを指すアバターの説明,「エ」は複数のファイルを一つにまとめるアーカイブの説明であり,いずれもサムネイルとは異なる用語の説明のため誤りです。
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
解説 :
「サムネイル」(thumbnail)とは,画像や文書ファイルの内容を縮小して表示したもののことです。答えは「ア」です。ファイルを開かなくても,縮小された見た目を一覧で確認できるため,多数の画像や文書の中から目的のファイルを素早く見つけるのに役立ちます。
選択肢「イ」は処理内容や対象が分かる小さな絵や記号を指すアイコンの説明,「ウ」はネット上で利用者の分身として動作するキャラクターを指すアバターの説明,「エ」は複数のファイルを一つにまとめるアーカイブの説明であり,いずれもサムネイルとは異なる用語の説明のため誤りです。
令和1年秋期 問69
| ア | 一般利用者が,気になるニュースへのリンクやコメントなどを投稿するサービス |
|---|---|
| イ | ネットワーク上にブックマークを登録することによって,利用価値の高いWebサイト情報を他の利用者と共有するサービス |
| ウ | ブログに貼り付けたボタンをクリックすることで,SNSなどのソーシャルメディア上でリンクなどの情報を共有する機能 |
| エ | 別の利用者のブログ記事へのリンクを張ると,リンクが張られた相手に対してその旨を通知する仕組み |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成31年春期 問81
| ア | WebサーバとWebブラウザ間で安全にデータをやり取りできるようになる。 |
|---|---|
| イ | Webサイトの更新情報を利用者に知らせることができるようになる。 |
| ウ | Webサイトの利用者を識別できるようになる。 |
| エ | 複数のWebページの見た目を統一することが容易にできるようになる。 |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成30年春期 問73
ブログの機能の一つで,ある記事から別の記事に対してリンクを設定すると,リンク先となった別の記事からリンク元となった記事へのリンクが自動的に設定される仕組みのことを何と呼ぶか。
| ア | RSS |
|---|---|
| イ | トラックバック |
| ウ | バックログ |
| エ | パンくずリスト |
答え : イ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成29年秋期 問58
キーボード入力を補助する機能の一つであり,入力中の文字から過去の入力履歴を参照して,候補となる文字列の一覧を表示することで,文字入力の手間を軽減するものはどれか。
| ア | インデント |
|---|---|
| イ | オートコンプリート |
| ウ | オートフィルタ |
| エ | ハイパリンク |
答え : イ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成27年秋期 問61
文化,言語,年齢及び性別の違いや,障害の有無や能力の違いなどにかかわらず,できる限り多くの人が快適に利用できることを目指した設計を何というか。
| ア | バリアフリーデザイン |
|---|---|
| イ | フェールセーフ |
| ウ | フールプルーフ |
| エ | ユニバーサルデザイン |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成25年春期 問65
PCの操作画面で使用されているプルダウンメニューに関する記述として,適切なものはどれか。
| ア | エラーメッセージを表示したり,少量のデータを入力するために用いる。 |
|---|---|
| イ | 画面に表示されている複数の選択項目から,必要なものを全て選ぶ。 |
| ウ | キーボード入力の際,過去の入力履歴を基に次の入力内容を予想し表示する。 |
| エ | タイトル部分をクリックすることで選択項目の一覧が表示され,その中から一つ選ぶ。 |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成24年秋期 問74
オンラインヘルプに関する記述として,適切なものはどれか。
| ア | 1台のPCだけでは処理に長時間掛かるような大量の仕事を,ネットワークに接続された多数のPCに分散して並列に処理させることによって,高速な処理を実現すること |
|---|---|
| イ | PC本体,周辺機器にトラブルが発生したとき,利用者が対応方法などを問い合わせるサポート窓口のこと |
| ウ | アプリケーションソフトの操作が複雑であっても,質問に答えていく対話形式によって簡単に操作が行えるようにする機能のこと |
| エ | ハードウェア,ソフトウェアの操作についての説明などを,印刷物としてではなく,PCの画面で検索,ハイパリンクなどを利用して閲覧できる機能やサービスのこと |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成24年春期 問53
Webページの見栄えをデザインするためのものはどれか。
| ア | cookie |
|---|---|
| イ | CSS |
| ウ | CUI |
| エ | SSL |
答え : イ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成23年秋期 問62
Webアクセシビリティの説明として,適切なものはどれか。
| ア | Webサイトを活用したマーケティング手法である。 |
|---|---|
| イ | Webページのデザインを統一して管理することを目的とした仕組みである。 |
| ウ | 年齢や身体的条件にかかわらず,誰もがWebを利用して,情報を受発信できる度合いである。 |
| エ | 利用者がWebページに入力した情報に基づいて,Webサーバがプログラムを起動して動的に表示内容を生成する仕組みである。 |
答え : ウ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成22年秋期 問71
ユニバーサルデザインの考え方として,適切なものはどれか。
| ア | 一度設計したら,長期間にわたって変更しないで使えるようにする。 |
|---|---|
| イ | 世界中のどの国で製造しても,同じ性能や品質の製品ができるようにする。 |
| ウ | なるべく単純に設計し,製造コストを減らすようにする。 |
| エ | 年齢,文化,能力の違いや障害の有無によらず,多くの人が利用できるようにする。 |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
平成21年春期 問67
営業伝票を入力する画面の設計に際し,リストボックスを使った選択画面において,作業効率を高めるために,画面が表示された時点で,ある値がすでに選択された状態になるように設定することにした。
取引先の所在地(関東地方の七つの都道府県の名称)を選択するリストボックスの場合,選択された状態で設定される都道府県として,適切なものはどれか。ここで,入力作業に関する事項は,次のとおりである。
〔入力作業に関する事項〕
(1)営業担当者ごとの取引先の所在地は,一つ又は隣接する二つの都道府県にある。
(2)営業担当者は,伝票を取引先ごとに分類して,入力作業担当者に渡す。
(3)入力作業は,営業担当者ごとの伝票をまとめて行う。
(4)まとめて入力する伝票の数は,都道府県ごとに複数枚ある。
(5)1画面の入力操作で,1枚の伝票が入力できる。
取引先の所在地(関東地方の七つの都道府県の名称)を選択するリストボックスの場合,選択された状態で設定される都道府県として,適切なものはどれか。ここで,入力作業に関する事項は,次のとおりである。
〔入力作業に関する事項〕
(1)営業担当者ごとの取引先の所在地は,一つ又は隣接する二つの都道府県にある。
(2)営業担当者は,伝票を取引先ごとに分類して,入力作業担当者に渡す。
(3)入力作業は,営業担当者ごとの伝票をまとめて行う。
(4)まとめて入力する伝票の数は,都道府県ごとに複数枚ある。
(5)1画面の入力操作で,1枚の伝票が入力できる。
| ア | 営業成績の良い担当者の取引先がある都道府県 |
|---|---|
| イ | 会社数が最も多い東京都 |
| ウ | 五十音順で先頭となる茨城県 |
| エ | 前画面で入力した都道府県 |
答え : エ
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計
分野 : テクノロジ系 › 技術要素 › 情報デザイン › インタフェース設計