FIELD 06

情報デザイン

アクセシビリティ、ユーザインタフェース、ピクトグラム、Web表現、グラフの見せ方などを扱います。見た目だけでなく、迷わず正確に伝わるかを考えます。

掲載数
63問
このページ
61–63問
タグ一覧から問題を絞り込む 35種類・複数選択はOR検索

Webページのアクセシビリティを向上させるための工夫として、最も適切なものを選べ。

  1. 0

    操作の状態や重要な情報を、文字や記号を使わず色の違いだけで示す。

  2. 1

    動画の音声内容を、字幕や文字による説明でも確認できるようにする。

  3. 2

    一つの画面に多くの情報を表示するため、文字やボタンの間隔を狭くする。

  4. 3

    文字を大きく表示する目的で、文章全体を見出しとして設定する。

正答と解説を確認

正答1. 動画の音声内容を、字幕や文字による説明でも確認できるようにする。

解説

アクセシビリティは、心身の特性や利用環境にかかわらず、必要な情報や機能を利用できる度合いである。動画の音声を字幕や文字でも提供すると、音声を聞き取りにくい人や音を出せない環境の利用者も内容を理解できる。情報を色だけで示さない、十分な間隔を確保する、見出し構造を正しく設定することも重要である。

出典
オリジナル

オンライン申請画面のユーザビリティを高める設計として最も適切なものを、次から選べ。

  1. 0

    見出し・説明文・操作ボタンを区別せず、同じ大きさと間隔で配置する。

  2. 1

    通常の文字とリンク文字を同じ見た目にして、統一感を優先する。

  3. 2

    利用者がよく使う機能を調べ、その操作に対応するボタンを見つけやすく配置する。

  4. 3

    操作中に戸惑わないために、色や形が変わるなどの反応をなくす。

正答と解説を確認

正答2. 利用者がよく使う機能を調べ、その操作に対応するボタンを見つけやすく配置する。

解説

ユーザビリティは、特定の利用状況で、利用者が目的を効果的・効率的に達成し、満足して使える度合いである。よく使う機能を調査して対応するボタンを見つけやすく配置する設計は、利用者の目的と行動に基づいて操作性を高めている。リンクの見分けやすさ、適切な余白、操作に対する反応も重要である。

出典
オリジナル

複数のWebページで共通のデザインを使用し、文字色や背景色などを一括して変更できるようにする方法として、最も適切なものを選べ。

  1. 0

    各ページの内容や構造をHTMLで記述し、共通のCSSファイルで色や配置などの見た目を指定する。

  2. 1

    各ページの内容や構造をCSSで記述し、共通のHTMLファイルで色や配置などの見た目を指定する。

  3. 2

    ページに表示する文章をCSSに記述し、HTMLにはCSSファイルの保存場所だけを記述する。

  4. 3

    色や配置を各ページのHTMLに個別に記述し、ページごとにデザインを変更する。

正答と解説を確認

正答0. 各ページの内容や構造をHTMLで記述し、共通のCSSファイルで色や配置などの見た目を指定する。

解説

HTMLは、見出し、段落、画像、リンクなどWebページの内容と構造を記述する。CSSは、文字色、背景色、余白、配置など見た目を指定する。複数のHTMLから同じ外部CSSファイルを参照すれば、CSSを編集するだけで共通デザインを一括変更でき、内容と表現を分離して保守しやすくなる。

出典
オリジナル