第2章

コミュニケーションとコンテンツ

本単元の学習内容

68

学習 7

コンテンツの分析とメディアの組み合わせ 70

学習 8

プロトタイプの作成

78

学習 9

コンテンツの制作と改善

86

学習10

コンテンツの発信と改善

94

全体を通じた学習活動の進め方

102

第

2

章

コミュニケーションとコンテンツ

本単元の学習内容 【学習内容の全体像】
2

ア

コミュニケーションとコンテンツ
1 コミュニケーションの形態
多様なコミュニケーション形態
2 メディアの特性

コミュニケーションの形態とメディアの特性

文字，音声，静止画，動画の表現
3 メディアの組み合わせ
メディアプラン，メディアミックス

イ

1 コンテンツ制作の流れ
メディアの選択，メディアの統合
2 情報デザインとコンテンツ制作

コンテンツの制作

ユーザインタフェース，アクセシビリティ
3 コンテンツの評価と改善
インタビューによる評価，プロトコル分析

ウ

1 コンテンツの発信手段
コンテンツの発信の変化，コンテンツの発信手段の組み合わせ，コンテンツの発信コンテンツの発信手段ごとの特徴
2 コンテンツの発信についての評価と改善
ユーザーの反応を得る方法，ユーザーの反応を基にした分析と改善

コミュニケーションを適切に行うために，目的や状況に応じてコンテンツを制作し，発信全 体

する学習活動を通じて，情報の科学的な見方・考え方を働かせ，多様なメディアを組み合
わせてコンテンツを制作する方法やコンテンツを発信する方法を理解し，必要な技能を身に付けるようにするとともに，情報デザインに配慮してコンテンツを制作し評価し改善する力を養う。

68

｜第２章｜ コミュニケーションとコンテンツ▪多様なコミュニケーションの特徴とメディアの特性との関係について理解するとともに，目的や状況に応じて，コミュニケーションの形態を考え，文字，音声，
静止画，動画などを選択し，組み合わせを考える。
▪文字，音声，静止画，動画などを組み合わせたコンテンツを制作する技能を身に学習目標

付けるとともに，情報デザインに配慮してコンテンツを制作し，評価し改善する。
▪コンテンツを様々な手段で適切かつ効果的に社会に発信する方法を理解するとともに，その際の効果や影響を考え，発信の手段やコンテンツを評価し改善する。

▪コンテンツに対する要求を整理する活動を取り入れる。
▪発信者，受信者双方の視点からコンテンツを評価する活動を取り入れる。
▪情報デザインの考え方や方法については，「情報Ⅱ」の「（3）情報とデータサイエ

本単元の
取扱い

ンス」
「（4）情報システムとプログラミング」でも扱うことを意識しながら授業を組み立てる。

▪「情報 I」の目標の一つである「（1）効果的なコミュニケーションの実現，コン
ピュータやデータの活用について理解を深め技能を習得するとともに，情報社会と人との関わりについて理解を深めるようにする。」と関連付け，効果的なコミュ

情報Ⅰの
学習内容
との関連

ニケーションを実現するために，メディアの特性やコミュニケーション手段の特徴を生かしたメディアの選択とそれを組み合わせたコンテンツの制作を行う。
▪「情報 I」の「（2）コミュニケーションと情報デザイン」において学習した，科学的な視点からメディアの特性を理解し，よりよいコミュニケーションを行える
基礎と関連付け，効果的なメディアの選択と組み合わせ，コンテンツの制作におけるプロトタイプの作成，ユーザーの評価や利用状況の分析を基にしたコンテンツの改善について学習する。

69

学習

コンテンツの分析とメディアの組み合わせ

7

研修内容
研修の目的

1

⃝既存のコンテンツでどのようなメディアの組み合わせが使用されているか理解する。
⃝様々なコミュニケーションの形態において，どのようにメディアを組み合わせればよいかを理解する。
⃝効果的なメディアの組み合わせを考えられるようになる。

様々なコンテンツの制作

コミュニケーションを適切に行うためには，目的やAdvertising：購買時点広告) などの販売促進ツール

状況に応じてコンテンツを制作することが重要である。 を全ての店舗に対して同じものを提供していたが，顧例 え ば書 店 な ど の 各 店 舗 で は， こ れ ま で 店 舗 に

客のニーズやエリアの特徴に合わせて内製するように

並 ぶ 新 刊 告 知 やP O P 広告 ( Point Of Purchase

なっている。その結果，制作費用が削減できるだけで新規 POP申請
データサイエンスとプログラミング

店番

10568
品名

サイズ

数

10-123

横断幕

180X130

1

新川三郎
データ

サイエ
ンスと
プログ
ラミン
グ

Web
人気１位！

入口正面に設置

キャッチコピー

新刊発売を担当がヒアリングを行い店舗のニーズをラフに落とし込む

図表1 内製化の流れのイメージ

SHOP

！！

来月発売‼
ここに
使用

作者の写真

今もっとも
熱い

知らない層に発売を伝える

70

申請者

NS 五反田店

番号

新刊の予約
受付中

新刊の予約
受付中

！

本の表紙

2020 年 1 月 8 日

担当率いるデザインチームに指示書で作成を指示

社内にある
大判プリンタなどを使い販促物を内製化

｜第２章｜ コミュニケーションとコンテンツ

なく，各店舗から寄せられる要望に対して迅速にきめス）の現場では，短いスパンでプロジェクトが繰り返

細かく対応できるようになり，効果的な広告展開を行され，企画の検討に使える時間は非常に短い。そこで，

うことができるようになった 図表１ 。

効率的にプロジェクトを進行するために，開発初期

コンテンツを制作する上では，文章やイラストとからプロトタイプ（78ページ参照）を開発し，デザイ

いった素材の管理も重要となる。従来であれば，クラナーとエンジニアの意識の違いを埋める工夫がされてウド上にある素材をブラウザで探し，ダウンロードしいる 図表2 。

ていったんフォルダに保存し，そのデータをアプリ

コンテンツ制作の現場でプロトタイプを使用するこケーションで読み込むというプロセスが必要であったとで，専門家ではないプロジェクトメンバーとも具体が，クラウド化された素材集を活用することで，ア的な問題点を共有でき，最終的な仕上がりのイメージ

プリケーションからクラウド上のデータを直接扱い， をもとに，行うべき修正の内容と最終的に実現するべチームで素材を共有することが可能となる。

き体験を短時間で把握することができる。

デザイン会社などのクライアントワーク（受注ベーN

Loading now...

さぁ、はじめよう SNS

タクシー・ハイヤー運行会社では，アプリの開発や，アカウントを作ろう
イメージ画像

ユーザー名
abc123
メールアドレス○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○

もう一度○○○○○○○○○○

ログイン
新

ログインへ

規

スクロール

○○○○○

○○○○○

○○○○○

登

録

N
GO

図表 2 プロトタイプとして作成した画面イメージとそのリンク（プロトタイプ制作ツール使用）
71図表 3 タクシー配車アプリ

図表 4 予約のいらないアプリ

タクシーをメディアにした広告事業に様々な手段を活

車内に設置されたデジタルサイネージ（電子看板）用している。ある会社では，スマートフォンに表示しでは，人工知能（AI）が乗客の性別などを判断し，そた地図で乗車場所を指定するだけでタクシーを呼ぶこれに応じた広告を流すような工夫も考えられる。また，とができるアプリを開発している 図表3，4 。インター

単に広告を流すだけでなく，特典となるスタンプやネットとは隔たりのある業界という印象があるかもし

クーポンの発行なども行われるなど，タクシーを新たれないが，そうした垣根を取り払った取り組みとなっなメディアとして活用する動きが広がっている。

ている。
更に，商品イメージに応じてデザインした特別仕様のシートなどで車体を包む，ラッピング広告（車体広告）の手法が取り入れられている 図表5 。

図表 5 ラッピングされたタクシー
72

図表 6 車内のデジタルサイネージ

｜第２章｜ コミュニケーションとコンテンツ2

メディアプランニング

例えば，「他校の生徒に自分の学校の文化祭で自分また，対象の年齢や性別，趣味・嗜好によって，細のクラス企画を楽しんでもらいたい」という目標を立かくメディアの組み合わせを調整する必要も生じる。

てたとしよう。これを実現するためには，下記のよう

このような計画を立てることをメディアプランニングにいくつかの段階があると考えられる 図表７ 。それぞという。

れの段階ごとに適した情報が対象に届くように計画を

この中で重視しなければいけないのは，「興味を持立てるとともに，段階ごとに複数のメディアを組み合つ」という心を動かす段階と，「行こうと思う」とい

わせて使い，段階が変われば，使用するメディアの組う行動を起こす段階である。メディアプランニングのみ合わせも変える必要がある。

目標は，この2つの段階を実現することといってよい。

楽しむ

クラスに入るクラスに向かう

学校に到着

行こうと思う

調べる

興味を持つ

知る

図表 7 目標達成までの段階

（１）
心を動かす

ターに文化祭の情報が書いてあるのと，自分がSNSで「他校の生徒」という対象の心を動かすためには， フォローしている人が「〇〇高校の文化祭おもしろそどうしたらよいだろう。
「文化祭がある」という情報

う」とつぶやくのでは，心の動き方が違うのではないより，「楽しそうな文化祭がある」という情報にするだろうか。

には，文字より画像，画像より映像の方が効果的であ

ポスターなどで不特定多数に情報を伝えるとともに，り，それらを組み合わせることによって，更に大きなSNSで活躍している各学校の生徒に自分の学校の文

効果が生まれる 図表８ 。

化祭について語ってもらうようにお願いするなどの方

また，その情報が「誰からどのように伝えられるか」法を併用することも考えてみる価値がある。これに加ということも重要である。例えば，街で見かけたポス

えて，Web，テレビ，ラジオ，新聞などの告知を活

図表 8 メディアの組み合わせ73

用することも大切である。

メディアプランニングは，複数のメディアを用いてなお，SNSなどで多数の人に影響を与える個人の不特定の対象に広く伝えること，SNSなどで特定の対ことをインフルエンサーといい，多くのフォロワーや， 象に伝えること，地域を限定して伝えること，それがメッセージの再転載などで，情報を広く拡散する効果

何度も繰り返されることなど，複合的に展開するようが期待できる。

にしたい 図表９ 。

対象全体
メディアがカバーする対象

メディアの重複

不特定の対象同様の情報が重複して何度も対象に届く

Web，TV，
ラジオ，
新聞等

特定の対象
SNS 等

強く心を
動かす

メディアの補完複数のメディアを使う
ことで対象を広くカバー
する

地域限定

ポスター等

図表 9 メディアの重複と補完（２）
行動を起こす容や，学校までの経路，過去の来場者の感想など，よ人は，興味を持っただけでは動かない。行動を起こり具体的かつ詳細な情報を提供しなければならない。

すためには，それなりの強い動機が必要であり，そのメディアプランニングでは，このように段階を追っためには，納得のできる理由を準備しなければならなて適切な情報を提供することと，対象をスムーズに次い。

の段階に誘導することの両方を計画しなければならな（１）
で心が動いた対象は，次の段階として文化祭のい。

内容について調べたいと考える。例えば，ポスターや新聞などの告知文に二次元バーコードをつけておいて
スマートフォンですぐ調べられるようにしたり，SNSでつぶやく際に文化祭の案内のURLをつけておいたりするなど，心が動いた瞬間にすぐに調べられるようにしておくことで，「行動を起こす」ことにつなげることができる 図表10 。
「心を動かす」段階では，短くて印象的な情報が有効であるが，「行動を起こす」段階では，納得のできる理由が必要なので，Webサイト等で，文化祭の内74

図表 10 「行動を起こす」ことにつなげる工夫

｜第２章｜ コミュニケーションとコンテンツ（３）
目標を達成する
当初の目標は，「クラス企画を楽しんでもらう」でらゆる手段を準備し，柔軟に使い分ける必要がある。
メディアプランニングは，このように目標を達成すある。
「行動を起こす」だけでは目標は達成されない。 るための詳細なシナリオを作り，その際に必要なコン
事前にクラス企画の案内を校内に貼ったり，対象を誘

テンツを準備するとともに，時系列を考えてこれを展導する仕掛けを作ったり，文化祭の案内にクラス企画

開するように計画しなければならない。また，対象のの内容を掲載したりといった準備も必要であり，対象反応によって即座に展開を変更できるような準備も必が学校に到着したら，クラス企画のチラシを渡したり， 要である。
直接，対象を誘導するなど，目標を達成するためにあ

演習 1

EXERCISE

多くの中学生に自分の高校に入ってもらうためにはどのようなメディアプランニングをすればよいか考えてみましょう。

3

メディアミックスとクロスメディア

メディアプランニングでは，広く伝えることと，段報を伝えるという考え方を述べた。これは，「クロス階を追って伝えることの両方を計画する必要がある。

メディア」といわれるもので，コマーシャルなどで「続前者については，複数のメディアを活用し，対象をきはWebで」とか，ポスター等に二次元バーコード

広くカバーするという考え方を述べた。これは，「メが記載されていて，詳しい内容はスマートフォンで見ディアミックス」といわれるもので，インターネットるなどの例が挙げられる。「クロスメディア」というが普及する前から，新聞，雑誌，テレビなどを用いて考え方では，対象が，複数のメディアで情報を補いな行われている。ここで，新聞を読んでいる人が，雑誌

がら，それらの情報を相互に補完することによって相も見ているとは限らないし，世の中にはテレビしか見乗効果を発揮することを目指している。

ない人もいるかもしれない。
「メディアミックス」とメディアプランニングでは，これらの特性を踏まえいう考え方では，対象がどのメディアに触れても，完た上で，「メディアミックス」で広く対象をカバーし，全な情報が得られるようにすることを目指している。

「クロスメディア」で強く対象の心をつかむといった，

後者については，複数のメディアで段階を追って情効果的なメディアの使い方を考える必要がある。

75

学習活動と展開⃝既存のコンテンツでどのようなメディアが組み合わされ，使用されているかを理解する。

学習活動
の目的

⃝様々なコミュニケーションの形態において，どのようにメディアを組み合わせればよいかを理解する。
⃝効果的なメディアの組み合わせを考えられるようになる。

学習活動とそれを促す問い
問
展 開

1

い

学習活動

様々なコンテンツが制作されていどのようなコンテンツがどのような場所で用いられることを理解しよう。

ているか考える。
コンテンツによるコミュニケーションの効果を考える。

展 開

2

メディアの組み合わせを考えてみ今まで，インターネットで実現できていなかったこよう。

とが，メディアの活用によってできるようになることを考える。

メディアプランを考えてみよう。

どのようなメディアを使って，情報を伝達しコミュ
ニケーションを行うか考える。

展 開

3

メディアがどのようにコミュニケーションに効果があるかを考える。

展開 1
問

い

実際の店で，どのようなコンテンツが制作されているか考えてみよう。
⃝ IT 業界とは業態が遠い店などで，どのような場所で，コンテンツが用いられているかを

学習活動

考える。
⃝そのコンテンツがどのような効果を期待して制作されているかを考え，コンテンツによるコミュニケーションの効果を考えさせる。

指導上の
留意点

76

ファミリーレストランや，コンビニエンスストア，スーパーマーケットなど高校生でもイメー
ジしやすいテーマを設定するように店や業態を指定して，様々なコンテンツが制作されている店を取り上げさせる。

｜第２章｜ コミュニケーションとコンテンツ

展開 2
問

い

様々なメディアで表現されたコンテンツを考えてみよう。

今まで電子機器などを使わないで行われていたことや，インターネットとつながっていな
学習活動

かったものをインターネットにつなげることでできるようにすることを考え，それを表現す
るコンテンツを考えてみよう。

指導上の
留意点

今までなかったものを考えることは難しいため，例としてタクシーのラッピング広告や配車
アプリ，デジタルサイネージなどの具体例をいくつか示し，発想を豊かにするようにする。

展開 3
問

い

どのようなメディアを使って，情報を伝達するかを計画してみよう。

⃝コミュニケーションを行いたい対象に対して，どのようなメディアプランニングが行われ学習活動てきたか調べる。
⃝ターゲットに対して，どのようなメディアプランを計画すればよいか，メディアの特性を考慮して考える。

指導上の留意点

メディアプランを考える場合には，対象に対してメディアによりどのように考えを変化させられるか，行動につながるか，といった変化に着目し，シナリオを設計することが重要であることを意識させる。

まとめ⃝現代社会においては，様々なメディアを駆使してコンテンツが制作されている。そのコンまとめテンツによって生まれる新たな行動やコミュニケーションについて，理解する。
⃝多様なコミュニケーションを実現するために，メディアプランニングが重要であることを理解し，対象に対して適切なコンテンツを制作・発信することができるようになる。

77

学習

8 プロトタイプの作成

研修内容
研修の目的

1

⃝プロトタイプを作成する目的と重要性を理解する。
⃝情報をデザインする中で，プロトタイプを作成するプロセスの必要性について気付かせる。
⃝情報をデザインする中で，プロトタイプを作成するプロセスを実践する。

プロトタイプとは

私たちが何かを考えてアイデアを人に表現するには，

言葉や図などを利用し伝達する。例えば，自分の部屋に配置する家具を考えるとき，部屋のレイアウトに合わせて家具を図で配置する。また，料理のレシピを新しく考えたときは，その作り方を文章に詳しく書き起こす。このように，頭の中のアイデアを，後で改善することを前提に人に伝えることが可能な形で明示したものを，プロトタイプという 図表１ 。プロトタイプ（prototype）の意味は「原型」で，語源はprotos「最初」とtypos「型」に由来する。プロトタイプデザイ
ンとは，あらゆる人に分かりやすい形にデザインすることを指し，その実践をプロトタイピングという。

2

図表 1 プロトタイプを作る

プロトタイピングの重要性

プロトタイプを作るメリットは，次の通りである。
・デザイン設計の初期段階から使い勝手を確認できる

78

例えば，スマートフォンのアプリを利用する場合，操作性が悪いと，それだけでユーザーから使う意欲を奪うことになりかねない。このようなケースは，プロ・設計の修正・追加，変更に時間がかからない

トタイプを作成せずに，設計の初期段階から使い勝手

・見落としを見つけやすいを検証していないために起きている。このような事態

・多様なパターンを検証できるを避けるためにも，プロトタイプを作ることは良い仕・設計段階から多くのフィードバックが得られる

組みを完成させる上で，重要なプロセスである。

｜第２章｜ コミュニケーションとコンテンツ3

プロトタイプを作る

プロトタイプでは，デザインを最終完成版にどのくでは， 図表２ のような種類が利用されることが多い。

らい類似させられるかによって精度（忠実度）が変わ

これらの場合，多くは手軽で素早くでき柔軟性が高く，る。最初から完璧な高精度のものを作成するのではな

付箋や筆記用具，定規があれば実行できる。また，共く，低精度のプロトタイプをたくさん作り，検討や修同作業しやすいという点もメリットの一つである。

正を重ねる上で，その数を少なくし高精度のものにブラッシュアップする。

精度が高くなってくると，完成版に近づくため，専用ツールによるプロトタイピングが必要となってくる。

Webページやスマートフォンアプリのユーザイン
タフェースの検討であれば，精度の低いプロトタイプ

共同で作業を行うためには，参加者全員にツールが使える環境を提供する必要がある。

種類

どのようなものか

ペーパープロトタイプ

紙と鉛筆で画面レイアウトを表現したもの。メニューやボタンの形状，ページからページへの遷移など細かい動作を確認できる。

ワイヤーフレーム

Web ページ全体の大まかなコンテンツやレイアウトを配置した設計図のこと。全体を俯瞰した
い場合に役立つ。

ストーリーボード

四コマ漫画のように一つの体験を複数のコマに分割して時系列で表現する。各コマは，そのシーンを象徴する「イラスト」と，状況や心境を説明する「ナレーション」や「セリフ」によって構成される。ユーザーの利用体験をイメージできる。

ムードボードアイデアやコンセプトを紙面やスクリーン上に複数の写真やイラスト，映像を集めて組み合わせ，世界観を目に見える形にしたもの。

図表 2 プロトタイプの種類

4

プロトタイプを作るためのプロセス

すぐれたデザインは， 図表３ の❶から❺までの工程を繰り返したり，問題のある工程まで戻ってやり直し❶

どのような情報伝達を行うのか。日常生活の中で情報を送受信するときに，調査（ユーザーの どのような不便さがあるかを中心に問観察・共感）
題点を調査する。
【考え方の例】
文化祭で使うポスターをみんなで編集
したいが，コンテンツを共有できない。
クラス全体で共有しておきたい連絡事
項をいつでもどこでも閲覧したい。

❷
問題解決のための仮説の作成調査をもとに，情報を精査し問題点を整理する。問題点を解決するための仮説を立てる。ここでいう仮説とは，ペルソナ（人物像）と利用する状況を考えることである。

たり，特定の工程を繰り返したりするプロセスを経て
作られる。

❸
要件定義

❹
プロトタイプの設計・作成❺
検仮説に基づき，実装する機能，情報について検討する。

プロトタイプの作成に必要な要素をどのように実装するか設計する。実際にプロトタイプを作成する。

プロトタイプを使って仮説を検証する。

証

図表 3 プロトタイプを作るためのプロセス
79

5

調査
（ユーザーの観察・共感）

デザインの対象となるユーザーが，何に不便を感じ❶ユーザー ❷目的 ❸利用状況 ❹手段 ❺結果ているか，制作物をどのような状況で使うのか，ユー

言い換えれば「どのようなユーザーが，どのようなザーのニーズを深く把握するために，事前に情報を収目的を達成するために，どのような状況で，どのよう集する。ユーザーを観察しユーザーとの関わりを深くな手段を使っている」のか，または「なぜそれを使っ得るために欠かせない調査方法が「フィールドリサーている」のかを明らかにする，ということである。こチ（現地調査）」である。実際にその場所に行き，次

こでは「なぜ」を追究することで，ユーザーの本当にのような内容について情報を得る。

必要なニースを探り出すことができる。
ユーザーが目的を達成できていたとしても，十分に・ユーザーの環境を見る
・実際に利用する，またはその様子を観察する

満足のいく結果が得られているかを確認することに・利用者にインタビューする

よって，更に価値の高いサービスを提供できる可能性

これらの体験をもとに，情報を得て，ユーザーの視がある。

点でデザインを考えていくことが重要である。また，
次の内容を中心に，情報を収集するとよい。

6

このようにして集めた情報から問題点と解決するための仮説を作成する。

問題解決のための仮説の作成

集めた情報を精査し，問題点を整理して，問題の解決策を探るための仮説を立てる。

・インターネットやスマートフォンの習熟度
・サービスの利用状況，頻度など

ここでは，ペルソナ（人物像）を作成し，そのユーペルソナが利用する場面（ケース）や状況を具体的ザーが利用する流れや様子をシナリオとしてまとめる。 に想定して，文章等にまとめる。これをシナリオという。
これらをベースとして，要件定義やプロトタイプの設❷利用するケースや利用する状況 図表５計に入る。

・どんなときに使う（使いたい）か。

（1）
利用状況を5W1Hで表現する

・利用する場所，環境

まず，どのようなユーザーがどのような状況で使うのか，5W1Hをベースに考える。

例：学校のクラス全体で共有しておきたい連絡事[who（誰が）]対象となるユーザー[what（何を）]目的・ゴール[when/where（いつ，どこで）][why（なぜ）]項をいつでもどこでも閲覧できるアプリ❸利用するケース（ユースケース）

ユーザーが利用するタイミングや場所[how（どのように）]・利用する時間帯，使用時間，頻度・長期休暇中（夏・冬・春休み）でも学校行事，個々の授業，課題について確認できる

手段

理由（ニーズ，要求）（2）
ペルソナを作成する
次に，ターゲットとなるユーザーについて，ペルソナを作成する。実際に利用する人を仮想で作る 図表４ 。
❶ペルソナを作るために必要な情報
・年齢，性別，職業，家族構成，収入・住居，生活環境・ライフスタイル，価値観，趣味嗜好
80

図表 4 ペルソナの例

｜第２章｜ コミュニケーションとコンテンツ

利用する場所・環境・自宅

・移動中（電車やバスの中）

時間帯・利用時間・
利用頻度

・朝，放課後や帰宅後の夜・確認するのみのため，5 ～ 10 分程度
・ほぼ毎日（休暇中は 2 日に 1 度程度）

図表 5 利用する状況

・台風・大雨・インフルエンザによる休校情報の確認

柔軟なアイデアが浮かばない可能性もあるため注意す

・急に自習になった授業の連絡る。以上のように，仮説を具体化することは，ユーザー

この段階では具体的な画面構成や機能，表示データが何を求めているのかについて要件を定義する重要なは考えないようにする。具体的な機能を考え始めると， プロセスであることを理解させる。

7

要件定義

例えば，80ページの「学校のクラス全体で共有しておきたい連絡事項をいつでもどこでも閲覧できるアプリ」の場合では， 図表6 のような機能が想定される。
このように，利用するケースや利用する状況をまとめたら，アプリに実装する機能や表示情報を整理して検討する。ユーザーが迷うことなく機能を利用し，目的の情報を得られるかどうかに視点を置いて検討する必要がある。

連絡アプリの機能
・お知らせ ・行事カレンダー
・先生からの連絡 ・緊急連絡 ・連絡先
・フォトアルバム ・各種締め切り（課題など）
・アンケート
図表 6 連絡アプリの機能一覧のは何かという視点から考えるようにするとよい。

ここで重要なのは，機能として必要なものと不必要

例えば，連絡アプリで「フォトアルバム」はこのアなものを分類することである。最低限実装しておかな

プリで特に実装している必要はないため，削除する対

いとユーザーが困るものは何か，なくても問題ないも

象となる。

8

プロトタイプの設計・作成

ペルソナの最終目標や利用状況に合わせて，プロトタイプの具体的なメニューやユーザインタフェースを決める。具体的な機能の整理は，リスト化→グルーピ❷グルーピング
要素同士の関係性を明確にし，同じ種類の機能をグループとしてまとめる 図表８ 。

ング→構造化の3つのステップで行う。

❸構造化

例：連絡アプリグルーピングした要素群を構造化する。シナリオの

（1）
機能の整理

各ステップでどのような機能が必要なのか，上位の機❶リスト化

能と下位のどの機能がひもづくのか，要素群や要素間必要な機能をリストアップする 図表７ 。

の関係性を構造化する 図表９ 。この構造化した情報を・お知らせ ・行事カレンダー
・先生からの連絡 ・緊急連絡 ・連絡先
・各種締め切り ・ログイン ・アンケート
・ユーザー情報表示 ・ユーザー情報変更

もとに，プロトタイプモデルを組み立てる。

図表 7 必要な機能のリストアップ81

お知らせ機能・お知らせ一覧

・お知らせ詳細

カレンダー機能・カレンダー一覧

先生からの連絡機能・連絡一覧

アンケート機能・アンケート一覧

設定機能

・ユーザー情報表示

・緊急連絡・カレンダー詳細（行事詳細，各種締め切り）

・連絡内容詳細・アンケート詳細
・ユーザー情報変更

図表 8 機能グループ

第 1 階層

第 2 階層

第 3 階層

お知らせ機能お知らせ一覧

お知らせ詳細・緊急連絡カレンダー機能

カレンダー一覧

カレンダー詳細

先生からの連絡機能

連絡一覧

連絡内容詳細アンケート機能

アンケート一覧

アンケート詳細

設定機能

設定一覧

設定詳細

各種締め切り日程詳細

設定変更

図表 9 機能グループの階層

置」「ユーザインタフェース」を考えることである。

（2）
プロトタイプを作る
構造化した情報をもとに，プロトタイプの全体構成を検討する。精度の低いプロトタイプであるペーパー

まずは紙とペンのみで，次の内容を書き出していく。
❶画面の流れを決める

プロトタイプで画面を作図しユーザインタフェースを全体のレイアウトを検討，決定したら，画面の流れ設計してみる。ここで重要なのは，ユーザーが迷わなを図にまとめる 図表10 。このとき，以下の点に注意する。

いようにするための「画面レイアウト」「ボタンの配・一 つの画面に機能や情報を持たせ過ぎていないか→使い勝手の悪さにつながる

プロトタイプ１：全体構成

プロトタイプ２：お知らせ

トップ

お知らせ

・遷移が複雑になっていないか→ユーザーが迷う原因になる

プロトタイプ３：カレンダー

カレンダー

カレンダー詳細

プロトタイプ４：先生からの連絡

先生からの連絡お知らせ

プロトタイプ５：連絡先

連絡先

保護者会のお知らせ
2019.12.22

プロトタイプ６：アンケート

アンケート

設 定

保護者会のお知らせ

2019.12.22

ログイン（ログアウト）

ID / パスワード入力

ユーザー情報アプリ設定
プロトタイプを作成する機能・画面

図表10 連絡帳アプリの画面フロー
82

図表11 連絡アプリ「お知らせ機能」の画面

｜第２章｜ コミュニケーションとコンテンツ

・ユーザーが求める情報を円滑に最適なタイミングで（ポップアップ）

お知らせ

提供できているか→提供できていなければユーザーのストレスになる❷個別プロトタイプの作成
アプリの主軸となる画面から優先的に，個別にプロトタイプを設計する 図表11 。

お知らせ

緊急のお知らせ新着情報 What s new

大雨警報により本日２限以降休校

大雨警報により本日２限以降休校 2019/12/01

カレンダー
先生からの連絡×××××××××.com

アンケート

×××××××××.com

◉ 設定

もっと見る

2019/12/01

OK

もっと見る

❸実物大模型（動作モック）の作成
作成したペーパープロトタイプを，プロトタイプ作
成ツールを使って動作モックを作成し，実際に端末で動作させ，大まかなレイアウト感，画面遷移などの動作や使い勝手を確認する。詳細なデザインにこだわり
過ぎないことがポイントである 図表12 。

お知らせ
大雨警報により

大雨警報が発令2019/12/01

保護者会のお知らせ
2019/11/XX

XXXX/XX/XX

XXXX/XX/XX○×△地域に大雨警報が発令されました。
2019/12/01 は
２限以降は休校となります。

もどる

図表12 プロトタイプ作成ツールを利用して動作モックを作る

9

検証

プロトタイプができたら，検証を実施する。検証でいて，テストシナリオを作成する

は，プロジェクトチームによる検証とユーザーによる❷テストシナリオに基づき検証する

検証の2つのステップを繰り返し，あらゆる機能の使い勝手を確認する。検証は声に出しながらアプリを実行する発話思考法で行う。
具体的な検証は以下のようにする。
（1）
ユーザーによる検証（2）プロジェクトチームによる検証❶ペルソナの要望を満たしているかについて検証する❷機能，情報の漏れや画面遷移に矛盾がないか検証する❶仮説のときに作成したペルソナと利用状況につ演習 1

EXERCISE

プロトタイプデザインの作成手法を使って，授業資料を公開するスマートフォンアプリのプロトタイプデ
ザインを考えてみましょう。

【参考文献・参考サイト】●「プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法」深津貴之，荻野博章 著 株式会社インプレス（2014）●「デザイナーのためのプロトタイピング入門」キャスリン・マッケルロイ 著 安藤貴子 訳 ビー・エヌ・エヌ新社（2019）83

学習活動と展開
学習活動の目的⃝プロトタイプを作成する目的と重要性を理解する。
⃝情報をデザインする中で，プロトタイプを作成するプロセスの必要性について気付かせる。
⃝情報をデザインする中で，プロトタイプを作成するプロセスを実践する。

学習活動とそれを促す問い
問
展 開

1

展 開

2

い

学習活動

プロトタイプとは何かを理解し，プロトタイプを作成する必要性を理解するために，重要性を理解しよう。

プロトタイプとは何かを学ぶ。

プロトタイプを作るためのプロセ

プロトタイプを作るためのプロセスを学び，その手スを学ぼう。

順を理解するとともに，プロトタイプを作成してみ
る。

展 開

3

作成したプロトタイプを検証しよ作成したプロトタイプモデルを検証する上で，ペルう。

ソナの要望を満たしているか，テストシナリオによる検証が十分であるかを考える。

展開 1
問

い

プロトタイプとは何かを知り，その重要性を理解しよう。
⃝頭の中のアイデアを人に伝えるときに，後で改善することを前提に，人に伝えることが可

学習活動

能な形で明示したものをプロトタイプと呼ぶことを理解する。
⃝プロトタイプを作成する重要性を理解し，どのようなプロトタイプがあるかを知る。
⃝プロトタイプを作ることの重要性を理解させ，展開 2・3 における授業の導入になるよう

指導上の
留意点

に理解させる。
⃝プロトタイプを作るときは，最初から精度の高いものを作成するのではなく，精度の低い
プロトタイプをたくさん作り，検証や修正を重ねて，精度の高いものにブラッシュアップ
させる方法が一般的であることを理解させる。

84

｜第２章｜ コミュニケーションとコンテンツ

展開 2
問

い

学習活動

プロトタイプを作るためのプロセスを学ぼう。

プロトタイプを作るためのプロセスとして，調査，問題解決のための仮説の作成，要件定義，
プロトタイプの設計・作成，検証があることを知る。

⃝プロトタイプを作成する前に，どのような情報伝達を行うのか，情報を送受信するときにどのような問題点があるのかを最初に調べさせる。
⃝調査をもとに，情報を精査し問題点を整理させ，問題点を解決するための仮説を立てさせる。このときペルソナを作成することを忘れないようにする。
指導上の
留意点

⃝要件定義では，アプリの作成など具体的な例を示し，実装する機能や表示情報を整理して検討させる。
⃝設計・作成では，ペルソナの最終目標や利用状況に合わせてメニューやユーザインタフェー
スを決め，リスト化→グルーピング→構造化の順に作業を行わせる。
⃝ペーパープロトタイプを作成したら，プロトタイプ作成ツールを使って，実際の端末に近い動作モックに変換するとよい。

展開 3
問

い

学習活動

作成したプロトタイプを検証しよう。

⃝作成したプロトタイプの検証を実施する。
⃝ユーザーによる検証とプロジェクトチームによる検証を行う。

⃝プロジェクトチームによる検証は，ペルソナの要望を満たしているか，機能，情報の漏れ
指導上の
留意点

がないか，画面遷移に矛盾がないかを確認する。
⃝ユーザーによる検証では，テストシナリオを作成して，ペルソナの利用状況について検証
を行う。

まとめ
まとめ

プロトタイプを作成することで，実際の制作物に近いものを検証することができ，確認・レ
ビューが行える。そのため，創作の最終段階で，問題点が発生しにくくなることを理解させる。

85

学習

9 コンテンツの制作と改善

研修内容
研修の目的

⃝静止画や動画を使った表現を考える授業ができるようになる。
⃝コンテンツ制作において，ユーザビリティ，ユーザインタフェース，アクセシビリティの重要性について理解し，コンテンツ制作においてこれらについての配慮を考える授業ができるようになる。
⃝代表的なコンテンツの評価法について理解し，適切に評価を実施し，評価の結果からコンテンツの改善について考える授業ができるようになる。
⃝インターネットを利用した協働作業を取り入れた授業ができるようになる。

1

コンテンツの制作

コンテンツにより伝える情報の表現の幅を広げるた

選択する必要がある。

めには，文字だけでなく，静止画や動画など，複数の

また，Webサイトのような双方向性のあるコンテ

メディアを組み合わせる必要がある。伝える情報の内ンツにおいては，ユーザインタフェースやアクセシビ

容によって適切なメディアを選択することになるが，リティについて検討した上で作成し，評価，改善といそれぞれのメディアの特性を理解し，それに合わせてう手順を踏む必要がある 図表１ 。

メディアの
検討と選択

文字，静止画，ユーザインタフェース，

動画等のアクセシビリティに素材の作成

ついての検討

コンテンツ
として統合

評 価

改 善

図表1 コンテンツ制作の流れ

2

静止画の表現

写真をはじめとする静止画については，その構図やを与える。また，空間の広がりを表現するのにも向い表現の仕方によって撮影者の意図を伝えることができている 図表2 。一方，縦位置で撮影された写真は，人る。

間の視野とは異なる見え方になるため，見る人に非日

例えば，横位置で撮影された写真は，人間の視野に近い見え方になるため，見る人に自然で安定した感じ
86

常性を感じさせられる。また，奥行きや高さを表現するのに向いている 図表3 。

｜第２章｜ コミュニケーションとコンテンツ

人の目の高さでカメラを水平に構えることをアイレベルという。アイレベルで撮影された写真は，普段のものの見え方に近いため自然な感じになる。カメラを上向きに構えることをローアングルという。ローアン
グルで撮影された写真は，被写体を下から見上げる形になるため迫力や力強さを表現することができる
図表 2 横位置の写真

図表4 。カメラを下向きに構えることをハイアングル

図表 3 縦位置の写真という。ハイアングルで撮影された写真は，被写体をまた，撮影のときのカメラの高さと縦方向の向きに

上から俯瞰する形で見下ろすことになるため客観的なよって表現を変えることもできる。

状況説明をするときによく用いられる 図表5 。

図表 4 ローアングルの写真

図表 5 ハイアングルの写真

この他に，被写体と背景の描き方によっても違いが多い 図表6 。対して，被写体のみにピントが合い，背出てくる。被写体にも背景にも全体にピントが合って景がぼけている写真は被写体の存在を強調しているいる写真は，状況説明を意図して撮られていることが図表7 。

図表 6 全体にピントが合っている写真

図表 7 背景がぼけている写真

演習 1

EXERCISE「景色の広がりを表現する」「建物などの高さを表現する」「成長する力強さを表現する」「主題となるものが置かれている状況を説明する」などのテーマを決めて，テーマを適切に表現している静止画を用意してみましょう。
87

3

動画の表現

動画による表現は，構図などについては静止画のもカメラを動かすパン，縦方向にカメラを動かすティルのと共通している部分が多い。動画特有の表現方法は， トなどがある。
カメラの動きに伴った映像の見せ方や編集によるカットのつなぎ方によるところが大きい。
カメラの動きに伴った映像の見せ方には，横方向に

図表 8 パン

カットのつなぎ方による表現については，基本とな

パンは最も基本的なカメラの動かし方で，広い風景の表現をするときに用いられる 図表8 。ティルトは高さを表現するときに用いられる 図表9 。

図表 9 ティルト

なげば「機嫌がよかった子供が嫌いなものを食べてぐる理論にモンタージュ理論というものがある。これは， ずり始めた」というストーリーに変わる 図表10 。
「前の映像の影響を受けて後の映像に新たな意味が与動画の作成においては，実際に撮影する前に絵コンえられる」というものである。例えば，❶子供が泣い

テによって，撮影する対象やカメラの動かし方，カッているカット，❷子供が何かを食べているカット，❸トのつなぎ方などを検討する 図表11 。

子供の笑顔のカットの3つのカットがあったとすると，❶→❷→❸の順にカットをつなげば，「ぐずっている
子供が好きなものを食べて機嫌が直った」というス
トーリーが生まれるが，❸→❷→❶の順にカットをつ

❶→❷→❸

❸→❷→❶

図表 10 カットのつなぎ方によるストーリーの変化

図表 11 絵コンテの例

演習 2

EXERCISE

複数の動画素材のカットを組み合わせて，ストーリーのある動画を作成してみましょう。また，同じ動画素材のカットのつなぎ方を変えて，別のストーリーの動画を作成してみましょう。
88

｜第２章｜ コミュニケーションとコンテンツ

4

メディアを統合したコンテンツの制作

様々なメディアにより作成された素材を統合するを使うことで効率的に作成することができる。

ことで，情報伝達の手段としてまとまりのあるコン

Webサイトを作成する際には，伝達する情報のま

テンツとなる。このようなコンテンツの一つがWebとまりを意識してWebサイト全体の構造や，各ペー

サイトである。Webサイトを作成するには，HTMLジのレイアウトや配色について検討し，ユーザインタ

やCSSをテキストエディタで作成することも可能だが， フェースの使いやすさやアクセシビリティに配慮した
Webオーサリングツールやコンテンツ管理システム

5

Webサイトを作成する必要がある。

ユーザインタフェース

人間が機器を操作するための操作方法や情報の提示
をユーザインタフェースと呼ぶ。

討する必要がある。Webサイトなどのコンテンツでは，目的型インタフェースが用いられることが多い。

ユーザインタフェースのタイプは大きく「手続き型自動型インタフェースは，ユーザーが目的とする

インタフェース」「目的型インタフェース」「自動型イ

動作を1つの操作ステップで実現するタイプのインタ

ンタフェース」の3つに分けられる。

フェースである。家電製品によくある「おまかせ」ボ

手続き型インタフェースは，操作手順の中に時間やタンなどがその例である。

温度などの数値の設定が含まれるインタフェースである。ユーザーの意図を細かく反映することができるが，設定した値が結果にどのように影響するかについてユーザーに知識が求められる。
目的型インタフェースは，ユーザーが目的とする動作に関連する項目を選択していくことで，目的を果たすタイプのインタフェースである。例えば，駅の券売機において「切符の購入」「定期券の購入」「ICカードへの入金」などを選択するのがこのタイプである
図表12 。このタイプのインタフェースは，項目の選択においてユーザーに迷いを生じさせないように，ユー
ザーに提示する情報の内容や操作手順などを詳細に検6

図表 12 目的型インタフェース

アクセシビリティ

出典：JR 東日本提供
画像は多機能券売機（EM20）のイメージ（2020 年 3 月現在）

アクセシビリティとは，JISX8341-1（高齢者・障の提供と画像への代替テキストの適用（HTMLのimg

害者等配慮設計指針）において「様々な能力をもつ最タグにおけるalt属性の設定），文字サイズの変更機も幅広い層の人々に対する製品，サービス，環境又能の提供，サイト内の位置を明示する「パンくずリス

は施設（のインタラクティブシステム）のユーザビリト」などがある 図表13 。その他にも，色覚障害に配慮

ティ」と定義されている。つまり，障害者や高齢者をした配色の設定などがある。

含む社会のあらゆる人々にとって使いやすい製品や実際にコンテンツを制作する際には，Webページ

サービスを作っていくことがアクセシビリティを高めの代替テキストや配色のコントラスト比など，アクセることになる。

シビリティをチェックするツールがあるので，それら

例えばWebページにおいては，音声読み上げ機能を活用して改善することができる。
89音声読み上げ機能の提供

文字サイズの変更機能の提供

表示されている
ページのサイト内の位置の明示
図表 13 Web アクセシビリティの例「シンボルマークとキャッチフレーズについて」厚生労働省
厚生労働省ホームページ：https://www.mhlw.go.jp/kouseiroudoushou/symbol/

演習 3

EXERCISE

作成したコンテンツについて，ツールなどを用いてアクセシビリティのチェックを行い，改善してみましょう。

7

インタビューによる評価

コンテンツの制作過程における評価法についてはい

構造化インタビューは，事前に決められた質問のみ

くつかの方法がある（高等学校情報科「情報I」教員を聞くので，複数の人の回答を同じ基準で比較して評

研修用教材91ページ図表8参照）。

価を行うことができる。しかし，事前に決められた質

授業において最も取り入れやすい評価法はインタ
ビューやアンケートである。

問しか聞けないため，追加の質問などでより詳細な情報を得ることは難しい。半構造化インタビューは，構インタビューの手法には，事前に評価項目と質問の造化インタビューではできなかった追加の質問をする

内容を決めた上で用意した質問のみを行う「構造化イことで，より詳細な情報を得ることができる。非構造

ンタビュー」，評価項目と質問の内容を決めておくが， 化インタビューは，どんな質問をするのかをその場で話の流れで必要があれば追加の質問をしていく「半構

考えなくてはならないため，評価の対象となるもの

造化インタビュー」，大まかなテーマだけを決め，そ（コンテンツ）やインタビューの相手（ユーザー）を観の場の状況で聞き出せることを聞いていく「非構造化察する力が求められる。

インタビュー」などがある 図表14 。
インタビュー手法
構造化インタビュー
半構造化インタビュー
ディプスインタビュー
非構造化インタビュー
エスノグラフィックインタビュー
グループインタビュー

調査目的
統計的集計
統計的集計または質的調査
質的調査
質的調査
統計的集計または質的調査

場所
会場
会場または現地
会場
現地
会場

要する時間
短
中
長
長
中

ディプスインタビュー：1対1でユーザーの思考を深く掘り下げて聞くインタビュー。
エスノグラフィックインタビュー：現地で評価の対象を使用している様子を観察しながら行うインタビュー。

図表 14 代表的なインタビュー手法 「情報デザインの教室」P52（表 1）代表的なインタビュー手法（丸善出版）

890

ユーザビリティの評価

アンケートやインタビューによる評価は，評価の対考えたのかを捉えることが難しい。特にWebサイト

象となるものを事後で評価する形になるため，ユーやアプリケーションなどの双方向性が高いコンテン

ザーがコンテンツに触れているときに何を思い，何をツにおいては，「目的とする情報を効率よく手に入れ

｜第２章｜ コミュニケーションとコンテンツ

る」「必要な機能を迷いなく呼び出す」といった，ユー

ある。実際のユーザビリティ評価の場ではビデオなど

ザビリティを高めるために，ユーザーから使用中の評も使って記録するが，授業の中で行う場合には，時間価をしてもらう必要がある。

の経過とともにユーザーの発話や行動を記録するプロ

ここではユーザビリティ評価の中から比較的授業で取り入れやすいプロトコル分析について紹介する。

トコル分析シートのみで記録することも考えられる
図表15 。

プロトコル分析とは，Webサイトやアプリケーショ

プロトコル分析の進行役は，ユーザーの思考を言葉

ンなどのユーザビリティを評価する代表的な手法であとして話してもらうよう促す役割がある。ユーザーのる。ユーザーに実際にWebサイトやアプリケーショ

行動を観察し，必要があれば適宜問いかけを行う。

ンを使ってもらい，同時にそのときに思ったことや考ユーザーのタスクが完了した後は，記録をもとに分えたことを話してもらうことで，ユーザーの感覚や認析を行う。ユーザーの「あれ？」「何？」といった発言や，知を言葉で捉えようとするものである。

操作に迷っている様子などを細かく拾い上げ，ユー

プロトコル分析を行う場合には，事前に分析の対象を明確にする必要がある。分析の対象についてのタス

ザーに迷いを生じさせている部分を洗い出して，改善策を検討していくことになる。

クをユーザーに実行してもらうための手順書をタスク
シナリオという。例えば，学校のWebサイトにおいて教育課程を調べる際のユーザビリティ評価を行う
場合は，「あなたは学校選択の基準に情報科の学習がプロトコル分析シート
時間

対象：

モニター：

○○△△

行動
14:00

トップページを開く

14:01「学校紹介」を選択

実施日時：

記入者：

2020 年

□□

発話

表示画面
トップページ
学校紹介

充実しているかを考えているとします。○○高校の

14:03
14:04

トップページに戻る

自由選択科目ってどこにあるの？

トップページ

Webサイトで自由選択科目に専門教科情報科の科目

14:05「授業について」を選択

ここかな？

授業について

14:06「教育課程」を選択
何年生だろう？

教育課程

とりあえず順番に見てみるか。

教育課程 > 1 年生があるかを確認してください」というタスクシナリオが考えられる。
プロトコル分析においては，ユーザーがタスクを実行している間の動作や発話をもれなく記録する必要が

14:08
14:10

「1 年生」を選択

14:13「2 年生」を選択

14:15「3 年生」を選択

14:17

自由選択科目はここじゃないの？

学校紹介

教育課程

教育課程 > 2 年生
教育課程 > 3 年生
ここにあったんだ。

教育課程 > 3 年生

図表 15 プロトコル分析シートの例

演習 4

EXERCISE

作成したコンテンツを使用してもらい，インタビューやプロトコル分析などで評価してみましょう。更に，評価の結果からユーザインタフェースなどの改善点について検討し，実際に改善してみましょう。

9

インターネットを利用した協働作業

マルチメディアコンテンツの制作には，文章，静止作する場合，それぞれのコンテンツもインターネット

画，動画，音声など様々なメディアを駆使する必要が上で管理することによって，時間的，空間的制約を離ある。これらは相当な労力を必要とし，1人で全てのれて協働作業を行うことができる。インターネット上作業を行うことは現実的ではない。それぞれが得意とにはこのような協働作業を支援するコンテンツ管理シするものを分担し，協働して制作していくことが必要

ステムやファイル共有サービス，グループウェアととなる。

いったサービスがあるため，これらを活用することがインターネット上にマルチメディアコンテンツを制できる。

【参考文献】●「ディジタル映像表現―CG による映像制作―( 改訂版 )」画像情報教育振興協会 (2006)●「インタフェースデザインの教科書」井上勝雄 著 丸善出版（2013）●「情報デザインの教室－仕事を変える，社会を変える，これからのデザインアプローチと手法」情報デザインフォーラム 編

丸善出版（2010）91

学習活動と展開⃝コンテンツ制作の流れについて理解する。
⃝メディアの特性に合わせた表現手法を身に付ける。

学習活動
の目的

⃝複数のメディアを統合したコンテンツを制作する手法を身に付ける。
⃝コンテンツの作成を通して，ユーザインタフェースやアクセシビリティなどの配慮事項
について理解する。
⃝コンテンツを評価，改善する手法を身に付ける。

学習活動とそれを促す問い
問
展 開

1

展 開

2

い

学習活動

静止画や動画などのコンテンツの伝達したい情報の内容に合わせてメディアを選択し，素材を作成しよう。

メディアの特性に合わせた表現手法を身に付ける。

素材を統合してコンテンツを作成

複数のメディアの素材を統合してコンテンツを作成するしよう。

方法を身に付ける。その際，ユーザインタフェースやア
クセシビリティへの配慮について理解する。

展 開

3

コンテンツを評価し，改善しよう。

インタビューやプロトコル分析などでコンテンツを評価し，改善する手法を身に付ける。
展開 1

問

い

静止画や動画などのコンテンツの素材を作成しよう。
⃝伝達したい情報に合わせてメディアを選択する。
⃝静止画の場合，縦横のサイズやアングルについて検討し，イメージをラフスケッチとして学習活動描いた上で作成する。
⃝動画の場合，カメラの動かし方とカットのつなぎ方について検討し，絵コンテを描いた上で作成する。
⃝伝達したい情報の内容とメディアの特性についてよく吟味させ，適切な選択ができるようにする。

指導上の
留意点

⃝静止画，動画の表現手法について，画像加工ソフトや動画編集ソフトを用いた様々な手法について生徒が自ら学べるように配慮する。
⃝グループで活動する場合は，ラフスケッチや絵コンテを活用して，生徒間で目的を共有できるようにする。

92

｜第２章｜ コミュニケーションとコンテンツ

展開 2
問

い

素材を統合してコンテンツを作成しよう。

⃝ Web サイトなど，複数のメディアを組み合わせたコンテンツについて，レイアウト，配色などを検討し，反映させる。
学習活動⃝コンテンツのメニューの構成など，分かりやすいユーザインタフェースについて検討し，反映させる。
⃝ツールを用いてアクセシビリティのチェックを行い，その結果をもとに改善する。

⃝伝達したい情報を構造化することが，Web サイト内のリンクのつながりなど，コンテン
ツ全体の構造や画面上のレイアウトに影響することに気付くように指導する。
指導上の
留意点

⃝様々な特性をもつ人たちのことを考えて，ユーザインタフェースやアクセシビリティに配慮したコンテンツを制作できるように指導する。
⃝インターネット等を利用した協働作業が行えるような環境を可能な範囲で整え，グループ
ワークでコンテンツを制作できるようにする。

展開 3
問

い

コンテンツを評価し，改善しよう。

⃝インタビューやプロトコル分析などの手法を用いてユーザーの視点からの評価を実施する。
学習活動⃝評価の内容から改善点について検討する。
⃝改善策をコンテンツに反映させる。

指導上の
留意点

⃝インタビューについては，質問項目を十分に検討した上で実施するよう指導する。
⃝プロトコル分析については，ユーザーの動向をきちんと観察し，記録するように指導する。
⃝改善点についてはきちんと順位付けをさせ，重要と判断されたものから改善していくよう指導する。

まとめ⃝情報伝達のためのコンテンツは，情報ごとにメディアを使い分け，それらを統合して一つのコンテンツとして制作する。
まとめ⃝情報の構造化の結果は，コンテンツ全体の構造や画面上のレイアウト，更にユーザインタ
フェースにも影響する。
⃝コンテンツ制作においては，アクセシビリティへの配慮が必要であり，ツール等を用いてチェックする。
⃝ユーザーからの評価をもとにコンテンツの改善を行う。
93

学習10 コンテンツの発信と改善
研修内容
研修の目的

⃝コンテンツ発信の手段ごとの特徴について理解し，適切なコンテンツ発信の手段を考えさせる
ような授業ができるようになる。
⃝複数のコンテンツ発信の手段を組み合わせることで，より高い効果を生むことを理解し，発信の手段ごとに適切なアプローチの仕方を考えさせるような授業ができるようになる。
⃝各種の分析ツールを使用することで，コンテンツごとのユーザーの反応を定量的に比較できることを理解し，その結果から改善策を考えさせるような授業ができるようになる。

1

コンテンツの発信

旧来のコンテンツ発信は専ら放送局，新聞社，出版

コンテンツ発信の手段を持つことになり，発信される社などのマスメディアが行うものであった。そこで発コンテンツもより細かいニーズに対応したものを個々信されるコンテンツは，多くの人々に共通するニーズに送ることが可能になった。このような社会では，ユーをくみ上げて制作されたものが一方的に送られるだけ

ザーの側もマスメディアから発信されるコンテンツをであった。

受け取るだけでなく，自分のニーズに合ったコンテン

インターネットの普及とともに，企業や個人などがツを自ら探すようになる 図表１ 。

企業や
個人など

ユーザー

図表1 コンテンツの発信形態の変化
94

｜第２章｜ コミュニケーションとコンテンツ

コンテンツ発信の手段の選択においては，このよう参照）。

なユーザーの行動を想定することが必要になる。対象

また，制作したコンテンツへの興味をユーザーに継となるユーザーがどのようなメディアやサービスを利続して持ってもらうためには，ユーザーからの反応を用しているのかを探り，適した発信の手段を選択する

得て分析，改善する必要がある。このユーザーからのことになる。その際，ユーザーのペルソナを設定し， 反応を得る手段をどうするかということも，コンテン
利用場面のシナリオを考えることは有効な手段である

ツ発信の手段の選択において考えなくてはいけない要（高等学校情報科「情報Ⅰ」教員研修用教材89ページ

素である。

2

コンテンツの発信手段の組み合わせ
メディアを選択するのかを考えるとき，それぞれ対象（1）
生徒の活動の例○○高校の文化祭実行委員会の生徒は，文化祭の来とするユーザー層の違いを考慮する必要がある。効果

場者を増やすために，各クラスや部活動等の準備段階

的にコンテンツを発信するためには，発信手段ごとのからの取り組みを随時紹介するWebサイトを制作しユーザー層を把握し，適切なアプローチをして，ユーようと考えた。○○高校を志望している中学生や保護ザーをコンテンツが目的とするところまで誘導しなく者にWebサイトの存在を知ってもらうためには，どてはならない。

んな手段があるのかを調べたところ，「検索結果の上

例えば企業広告であれば，まだ認知されていない人

位に来るようなWebサイトを作成する」「ポスターなたちに対しては，マスメディアを使った広告などで興どの従来の方法を使った宣伝からWebサイトに誘導

味を引き，URLや検索キーワードを紹介して自社のする」「SNSを使ってWebサイトの存在を拡散してもWebサイトへ誘導する。SNSでは公式アカウント等

らう」といったものがあった。

において既存のユーザーとの関係を構築し，そのユー（2）
生徒の活動の解説

ザーに自社のコンテンツを拡散してもらう。Webサ

インターネットによるコンテンツの発信は，ブログ

イトでは検索サイトで検索されやすくなるような工夫を含むWebサイトやSNSが主な手段となる。これらをしておき，継続的にコンテンツを提供することで流にマスメディアのような旧来のコンテンツ発信の手段

入してきたユーザーの興味を引き留める。このようにを加え，その組み合わせにより効果的なコンテンツのコンテンツの発信手段を組み合わせている 図表2 。

発信を行う。コンテンツ発信の手段ごとにどのような興味を持った人の流入

拡散

広 告

SNS

誘導

誘導

共感した人の流入

Web サイト

検索からの流入
図表 2 コンテンツの発信手段の組み合わせ95

3

Webサイトによる発信（1）
生徒の活動の例
Webサイトは漫然と作ってもなかなか検索結果の存在を知らないユーザーに見つけてもらうことが難しい。

上位には出てこないため，検索サイトに取り上げても

Webサイトについては，その存在をユーザーにらいやすくなるようなWebサイトを作成したい。そ知ってもらうための手段として用いられてきたののために，検索サイトのガイドラインを参考に，「Web

が，SEO（Search Engine Optimization）と呼ばれサイトを訪れた人が目的とする情報にすぐにたどり着る検索サイトの上位に表示されるような工夫である。

けるような構造にする」「各ページのタイトルや見出SEOについては，当初は，他のWebサイトからどれしを記事の内容と関連させる」「記事を頻繁に更新し， だけリンクを張られているかが重視されていたが，最常に新しい情報を載せる」といった工夫をした。

近ではコンテンツの質が重視されるようになってきて（2）
生徒の活動の解説いる。検索サイトの公式ブログ（99ページ参考サイ

Webサイトやブログによる発信は，発信者がコン

ト参照）では，検索アルゴリズムの変更について，「例

テンツの内容を自らコントロールできることが特徴で

えば，ユーザーにとってあまり価値のないサイト，利ある。また，これらの発信の手段は発信者となる個人

便性の低いサイト，他のサイトからのコピーで構成さや企業などが自ら所有することが多いため，オウンド

れているようなサイトの掲載順位は下がります。一方，

メディア（Owned Media）とも呼ばれる。

独自の研究や報告，分析など，ユーザーにとって重要

一般的にWebサイトやブログで発信されるコンテ
ンツは，継続されたコンセプトに基づいたものを作りやすいといわれている。特定のテーマに絞って記事がな情報を提供しているサイトの掲載順位はより適切に評価されるようになります」と述べられている。
その他にも，後述するSNSによる発信や広告での発書かれているブログなどはその一例である。そのため， 信を併用することでユーザーを自分のWebサイトや興味を持ったユーザーが継続して利用する傾向が強い

ブログに誘導することも行われるようになっている。

のが特徴である。反面，そのWebサイトやブログの4

SNSによる発信（1）
生徒の活動の例

ユーザーが発信力を持つということは，好みや利用

Webサイトの存在を広く知ってもらうためには， 状況が似ている他のユーザーの共感を得やすいため，SNSを使った情報の拡散も必要であると考え，文化祭

情報の拡散力は高いといえる。特にインフルエンサー

実行委員のSNSアカウントからの発信も行うことにと呼ばれる，SNS上で非常に高い拡散力を持つユーした。はじめのうちはWebサイトの更新情報を発信

ザーの評判を獲得することは，SNSによる発信においする程度であったが，各団体の準備の様子を載せたり， て大きな力となる。
人気の企業アカウントの投稿などを参考にしたりする

96

更に，SNSの多くは，ユーザーの利用状況から好みなど投稿内容を工夫した。

を分析することで，いわゆる「おすすめ」のコンテン（2）
生徒の活動の解説

ツを紹介する機能を持っている。そのため，Webサ

SNSによる発信の特徴は，ユーザーが情報を受け取

イトやブログでの発信では存在を知らせることができるだけでなく，ユーザー自身が情報を発信することもなかったユーザーにも認知してもらえる可能性がある。

できるというところである。そのため，ユーザーの発

SNSで発信するメッセージには，テキストを主とす

信力を利用して他のユーザーの信頼や評判を獲得する

るもの，静止画を主とするもの，動画を主とするものという意味で，アーンドメディア（Earned Media）とがあり，数あるSNSの中でそれぞれ得意とするものがも呼ばれる。

異なる。更にSNSごとにメインとなるユーザーの年齢

｜第２章｜ コミュニケーションとコンテンツ層が異なっており，コンテンツの内容やターゲットとなるユーザーに応じて，どのSNSで発信するのかを使い分ける必要がある。
最近では，企業等がSNSの公式アカウントを持つことで，SNSによる発信を積極的に行うようになってき〇〇コンピュータ

た 図表3 。発信されるメッセージがユーザーの共感を「perapera シリーズ」のコンピュータメーカー、〇〇コンピュータの呼べば，好印象とともに他のユーザーへ拡散されることになるため，コンテンツの拡散の好循環が生まれることになる。
このように，コンテンツを拡散するためにはSNSは非常に有効な発信手段である。しかし，ユーザーも発信力を持つということは，コンテンツに対するユーザーの評価も拡散することになる。ユーザーの評価はコンテンツを発信する側からコントロールすることが投稿をフォローする

デスクトップパソコンの「hogehoge シリーズ」、ノートパソコンの公式アカウントです。商品に関する最新情報のほか、社内の日々のできごとなどを発信します。ご質問、お問い合わせは、サポート窓口にお願いします。
〇〇computer.com

東京都〇〇区2010 年１月１日から利用しています
12,821 フォロー中

投稿

372,359 フォロワー

投稿と返信

メディア

いいね

〇〇コンピュータ -10 月 5 日
今日はデスクトップパソコン「hogehoge シリーズ」
新製品のタッチ＆トライイベントです！
みなさま、ご来場お待ちしております！
場所、時間はこちら → 〇〇computer.com/puroducts/
2020/events/

できない。そのため，悪い評価がつくと，その評価も拡散されることになり，いわゆる「炎上」と呼ばれる状態に陥る可能性もある。

5

図表3 SNSの企業アカウントの例

広告による発信（1）
生徒の活動の例
文化祭のポスターも例年通り作成し，町内会の掲示

ポスターや文化祭通信の中にはWebサイトのURLなどを記載し，興味を持った人が簡単にアクセスでき板や商店などに掲示してもらうことにした。また，ポるように二次元バーコードも載せることにした。

スターだけでなく，準備の様子を随時伝える「○○（2）生徒の活動の解説

高校文化祭通信」も発行して掲示してもらうことで，

インターネットの普及によって，WebサイトやブWebサイトやSNS以外でも，普段学校と接点のない

ログ，SNSを使ったコンテンツ発信が注目を集めてい人たちに文化祭のことが伝わるようにした。

るが，主にマスメディアを使った広告も大きな発信力

図表4 広告からWebサイトへ誘導する例
97

を持っている。マスメディアを使った広告による発信

的にコンテンツを送り出すだけなので，ユーザーの反は，基本的に金銭の支払いが伴うため，ペイドメディ

応を得てコンテンツの改善に役立てるという部分に弱ア（Paid Media）とも呼ばれる。

い面がある。

マスメディアを使った広告による発信の特徴は，不最近ではマスメディアで展開される広告からWeb

特定多数に対する発信力を持つことである。そのため， サイトへ誘導するために，画面やポスターにURLがコンテンツの存在を認知していない潜在的なユーザー記録された二次元バーコードを載せたり，テレビコへの発信に向いている。

マーシャルの最後に検索キーワードを紹介したりする

しかし，マスメディアを使った広告は基本的に一方など，オウンドメディアへの入り口としての役割も担っている 図表4 。

演習 1

EXERCISE

企業のコンテンツの発信において，Web サイト，SNS，広告がどのように組み合わされているでしょうか。
また，それぞれの発信手段における表現の仕方の特徴などを挙げてみましょう。

6

ユーザーの反応を得る手段
ワードを用意して，文化祭実行委員会の企画の中でそ（1）
生徒の活動の例
文化祭の来場者アンケートの中でWebサイトのこのキーワードを問うコーナーを作り，文化祭の来場者とについてアンケートを取り，どんな人たちが，どのの中でWebサイトを閲覧している人がどのくらいいような経路で，どんな端末でWebサイトを見ている

るのかを測る試みもした。

のかといったデータを集めることにした。また，SNS（2）生徒の活動の解説についても分析ツールを用いて，ユーザーの反応についてのデータを集めることにした。

コンテンツの発信を行いユーザーの興味を引き続けるためには，ユーザーの反応を得て分析を行い，それその他に，Webサイトを見た人だけが分かるキー

をもとに改善をしていく必要がある。
Webサイトでユーザーの反応を得る手段としては，アクセス解析がある。Webサイトのアクセス解析は，
有料，無料ともに様々なツールがあるので，これを使っ投稿の分析○○コンピュータ・10 月 5 日
今日はデスクトップパソコン「hogehoge シリーズ」新製品のタッチ＆トライイベン
トです！
みなさま、ご来場をお待ちしております！
場所、時間はこちら→○○computer.com/products/2020/ebents/

インプレッション

ユーザがこの投稿を見た回数

エンゲージメント

ユーザがこの投稿に反応した回数

リンクのクリック数

この投稿内のリンクまたはカードをクリックした回数

返信

この投稿への返信数

再投稿

ユーザがこの投稿を再投稿した回数

いいね

ユーザがこの投稿をいいねした回数

プロフィールのクリック数

名前、ユーザ名、プロフィール画像をクリックした回数

図表5 SNS分析ツールのイメージ98て行う。アクセス解析によって得られる情報には「年齢，性別，地域ごとのユーザー層」「ユーザーがサイトを訪れたのは，検索結果からなのか外部のリンクからなのか」「ユーザーが最初に見たページは何か」「一357,482
337,379

125,378
72,45741,01685,827
12,701

番見られているページは何か」「ユーザーがサイトから離れたページは何か」などがある。アクセス解析で得られる情報の中には，時系列での変化を見ることができるものもあるため，曜日や時刻ごとの傾向を分析することもできる。
SNSでユーザーの反応を得るには，外部の分析ツー
ルも存在するが，SNSの機能として分析ツールが用意されているものもあり，これを利用することもできる。
SNSの分析ツールで得られる情報には「投稿がどのくらいのユーザーの目に触れているか」「投稿に反応し｜第２章｜ コミュニケーションとコンテンツたユーザーがどれだけいるか」「投稿がユーザーによっ

この他にも，Webサイトの投稿フォームやSNSでてどれだけ拡散されているか」などがある 図表5 。

の返信からもユーザーの反応を得ることができる。ここれらの情報は定量的に得ることができるため，発の場合，得られる情報は定性的なものであるため，コ

信したコンテンツごとにユーザーの反応の違いを比較

ンテンツごとの比較をすることは難しいが，ユーザーすることが可能となる。

の感情的な反応を知るためには大事な情報となる。

演習 2

EXERCISE

自分の学校の Web サイトの改善のためにはどのようなデータをもとにユーザーの反応を得たらよいか考
えてみましょう。

演習 3

EXERCISE

オフラインでユーザーの反応を得る手段にはどのようなものがあるのか考えてみましょう。

7

分析と改善

（1）
生徒の活動の例

けなのか，コンテンツに触れたユーザーに何らかの行

来場者アンケートの結果や文化祭実行委員会の企画動を起こしてほしいのか，自分たちが知らない新たなでの反応などから，来年度の文化祭に向けて，Web

ニーズを掘り起こしたいのかによって，アクセス解析

サイトの作り方，SNSの活用方法，ポスターや文化祭で見なければならない指標も変わってくる。

通信の掲示場所などの検討を行った。

Webサイトにおいて，ユーザーに到達してほしい

Webサイトの作り方については，どのページがよ

最終的な成果のことをコンバージョン（Conversion）

く見られているかのデータをもとにWebサイトの構という。例えば，通販サイトにおけるコンバージョン

成を見直した。SNSの活用については，投稿に対するは商品の購入であり，新製品の広告サイトであれば資反応を調べ，投稿を見た人が反応してくれるような投料請求である。ユーザーの反応の分析とコンテンツの稿内容について検討した。ポスター等の掲示場所につ改善は，コンテンツに触れた人のコンバージョン率をいては，アンケートの結果などからポスター等がよく高めることが目的となる。

見られている場所の傾向を調べ，似たような場所が他

Webサイトにおいて，コンバージョン率が高いのにないか検討した。

にあまり見られていないコンテンツがあれば，そこに（2）
生徒の活動の解説

誘導するような改善が必要となる。一方，よく見られユーザーの反応を分析しコンテンツの改善を行うとているのにコンバージョン率が低いコンテンツがあれ

きに，最も大事なことは，コンテンツの発信の目的をば，コンバージョン率を高めるような改善をするか，明確にすることである。ユーザーの認知を広げたいだ

コンテンツ自体を廃止してしまうことも考えられる。

【参考文献・参考サイト】●「Google ウェブマスター向け公式ブログ」（2012 年 7 月 18 日）
https://webmaster-ja.googleblog.com/●「ウェブマスター向けガイドライン（品質に関するガイドライン）」
https://support.google.com/webmasters/answer/35769?hl=ja●「検索エンジン最適化（SEO）スターターガイド」
https://support.google.com/webmasters/answer/7451184?hl=ja

99

学習活動と展開⃝コンテンツの発信手段ごとの特徴と適した表現方法について理解する。

学習活動
の目的

⃝コンテンツの発信手段を組み合わせ，コンテンツを効果的に広める方法を身に付ける。
⃝コンテンツに触れたユーザーの反応を調べ，それをもとにコンテンツの発信について改善していくことを理解する。

学習活動とそれを促す問い
問

い

学習活動

展 開

コンテンツの発信手段の組み合わ

目的に応じて，どのように発信手段を組み合わせる

せを考えてみよう。

かについて考える。

展 開

コンテンツの発信手段ごとの発信コンテンツの発信手段ごとの特徴を踏まえ，それにの仕方を考えて発信してみよう。

適した情報の発信の仕方を考えて実行してみる。

展 開

ユーザーの反応を調べてみよう。

コンテンツに触れたユーザーの反応を調べる方法を

1

2

3

考え，ユーザーからデータを収集する。

展開 1
問

い

コンテンツの発信手段の組み合わせを考えてみよう。
⃝コンテンツに触れたユーザーに取ってほしい行動について考える。

学習活動⃝コンテンツの発信手段とそのユーザー層について調べる。
⃝どのようにしてユーザーを目的とするところまで誘導するかを考え，コンテンツの発信手
段の組み合わせを決める。
⃝単にコンテンツの発信手段の数を多くするのではなく，効果的な組み合わせを考えさせ，

指導上の
留意点

手段の選択をさせる。
⃝コンテンツの発信手段がマスメディアだけでなく，普段コミュニケーションツールとして使っているものも該当することに気付かせる。

100

｜第２章｜ コミュニケーションとコンテンツ

展開 2
問

い

コンテンツの発信手段ごとの発信の仕方を考えて発信してみよう。

⃝コンテンツの発信手段ごとに適した表現方法について考える。
学習活動⃝コンテンツの発信手段ごとのユーザー層に向けたアピールの仕方について考える。
⃝コンテンツの発信手段の間の連携の仕方について考える。

⃝コンテンツの発信手段ごとに適したメディアが異なるので，できるだけ生徒の適性に合わ
指導上の
留意点

せて作業を分担できるよう指導する。
⃝ SNS での発信については，受信した人がどのように受け取るかについて，よく検討させる。
⃝コンテンツの発信手段の間の連携が円滑に進むように，適宜生徒間での話し合いの場を設
定する。

展開 3
問

い

ユーザーの反応を調べてみよう。

⃝より効率よく目的を果たすためには，どんなデータをもとに検討すればよいか考える。
学習活動⃝各種分析ツールの使い方を身に付ける。
⃝オフラインでユーザーの反応を調べる方法について考える。
⃝ユーザーの反応からコンテンツの発信についての改善策を考える。

⃝分析ツールは目的に応じて適切なものを選択し，必要なデータを収集できるように指導する。
指導上の
留意点

⃝コンテンツに対するユーザーの反応を得ることは，オンラインだけでなく，オフラインでも可能であることを気付かせる。
⃝ユーザーの反応から得られたデータをもとに改善策を考えるためには，改めて目的を明確にする必要があることを確認する。

まとめ⃝コンテンツの発信は複数の手段を組み合わせることで，より効果的に目的を果たすことが
できる。
まとめ

⃝コンテンツの発信手段ごとに適した表現方法があり，これらを効果的に連携させる必要がある。
⃝コンテンツに触れたユーザーの反応を調べることで，更に効果的なコンテンツの発信手段の使い方を考えることができる。
101

全体を通じた学習活動の進め方
全体を通じた学習活動の目的●メディアとコミュニケーション手段及び情報デザインに着目し，目的や状況に応じて受け手に分かりやすく情報を伝えるために必要な知識と技能を身に付ける。

全体を通じた学習活動の流れ❷情報の収集と分析計画するにあたり，「情報I」の「コミュニケーション❸メディアプランの検討と情報デザイン」の学習内容を踏まえて授業を計画す❹コンテンツの制作と改善

るとともに，以下の内容について留意する。

❺コンテンツの発信❶問題の発見

問題の発見

1

コンテンツの分析と改善

コンテンツの発信コンテンツの制作と改善

メディアプランの検討

情報の収集と分析

問題の発見

コミュニケーションとコンテンツについての授業を❻コンテンツの分析と改善⃝既存のコンテンツにおいて，どのようなメディアの組み合わせが利用されているか理解を深める。
⃝様々なコミュニケーションの形態において，どのようにメディアを組み合わせればよいかを理解する。
⃝効果的なメディアの組み合わせを検討する。

情報の収集と分析

2

メディアプランの検討

3102⃝現在のコンテンツの状況を整理する。
⃝現在のコンテンツに足りない要素を整理する。

⃝広告などの情報を伝えたい対象の認識を変化させられるかを検討する。
⃝メディアプランは，その後のコンテンツ制作にとって重要な指針となるため，適切に定める必要がある。

｜第２章｜ コミュニケーションとコンテンツ

コンテンツの制作と改善⃝コンテンツ制作においては，ユーザビリティ，ユーザインタフェース，アクセシ

4⃝代表的なコンテンツの評価方法について理解し，適切に評価を実施し，評価の結コンテンツの発信⃝コンテンツの発信手段ごとの特徴を理解し ，適切なコンテンツ発信について考

ビリティなどの重要性を理解し，配慮する。
果から改善を行うこと。
⃝インターネットを利用した協働作業を取り入れること。

えさせること。

5⃝複数のコンテンツ発信の手段を組み合わせることで，より高い効果を生むことをコンテンツの分析と改善⃝各種の分析ツールを使用させ，コンテンツごとのユーザーの反応を定量的に比較

6

理解し ，発信の手段ごとに適切なアプローチの仕方を考えさせること。

できるようにすること。
⃝分析の結果からコンテンツの改善策を考えられるようになること。

全体を通じた学習活動を行う上での注意点「情報II」の「（2）コミュニケーションとコンテンツ」

働して取り組むような学習活動をできるだけ多く取りは，「情報I」の「（1）コミュニケーションと情報デザ入れることが望ましい。多様なメディアを組み合わせ

イン」において培った基礎の上に，コミュニケーショ

たコンテンツの制作を行うためには，扱うメディアごンを適切に行うために目的や状況に応じてコンテンツとに役割分担を行い，並行して作業を進めることが考を制作し，発信する学習活動を通じて，情報の科学的えられる。その際，コンテンツ全体としての統一感をな見方・考え方を働かせ，多様なメディアを組み合わ生み出すためには，コンテンツによって何を表現した

せてコンテンツを制作する方法やコンテンツを発信す

いかというコンセプトが共有されていなければならな

る方法を理解し，必要な技能を身に付けるようにするい。そのためには，「情報Ⅰ」で学習した問題解決のとともに，情報デザインに配慮してコンテンツを制作

手法を用いて，コンテンツの制作によって解決したい

し評価し改善する力を養うこと。

問題が何であるかを明らかにしておく必要がある。

また，こうした学習活動を通じて，制作したコンテ

また，コンテンツの制作における作業を効率よく進ンツを適切かつ効果的に発信しようとする態度，コン

めるためには，使用する文字サイズ，静止画や動画のテンツを社会に発信したときの効果や影響を考えよう

サイズや解像度といった細かな仕様についても共有さとする態度，コンテンツを評価し改善しようとする態れている必要がある。そのためには，メディアプラン

度を養うこと。

を検討する段階におけるコンテンツのデザインが明確

その際，情報デザインの考え方は，プログラミングであることが重要となる。

を行う上でのユーザインタフェース，データ構造，ア

多様なメディアを組み合わせたコンテンツの制作のルゴリズム，コーディング，データサイエンスにおけためには，画像加工ソフトや動画編集ソフトを使用する様々な場面など共通教科「情報」の全ての学習に関ることになるが，これらのソフトには無料で使用できわる重要な要素となる。

るものもあるので，学校の状況に応じて適切なものを

このような学習活動を行うためには，グループで協選択して使用することになる。

103

MEMO

104