---
title: 授業外・教室外の学習を見据えた教材設計
tags: 
author: [Hokuto SUNAMI](https://convert.docswell.com/user/shokuto)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/27VLVZ4PEQ.jpg?width=480
description: PCカンファレンス2014（＠札幌学院大）で行われた角南北斗の分科会発表資料。スマホに適した教材を設計することで、学習機会は教室の外に広がっていくことを述べ、スマホ対応教材を作るノウハウとして教師が知っておくべき「教育的基本」を解説。
published: August 15, 14
canonical: https://convert.docswell.com/s/shokuto/KYW819-2014pcc
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/27VLVZ4PEQ.jpg)

2014 PC CONFERENCE（2014.08.09）
授業外・教室外の学習を
見据えた教材設計
角南 北斗（Web Designer）
hello@shokuto.com


# Page. 2

![Page Image](https://bcdn.docswell.com/page/5JGXL41Q7L.jpg)

角南 北斗
Sunami Hokuto


# Page. 3

![Page Image](https://bcdn.docswell.com/page/47Q8YGDWEP.jpg)

Web
学習


# Page. 4

![Page Image](https://bcdn.docswell.com/page/KE42W5Z171.jpg)

Webサイトや教材制作：
日本語教育業界を中心に


# Page. 5

![Page Image](https://bcdn.docswell.com/page/L71MYWR5JG.jpg)

講師＆授業設計：
Web・情報教育・プレゼン


# Page. 6

![Page Image](https://bcdn.docswell.com/page/G7W3G61W72.jpg)

執筆：
プレゼン・IT活用


# Page. 7

![Page Image](https://bcdn.docswell.com/page/4JZVLYP273.jpg)

PCC 10年連続発表達成。
祝
2005: 目的と実践の符号を 〜ホームページ作成を例に
2006: 検索力ってどうよ
2007: ひとつ下のプレゼン。
2008: お料理のコツと情報教育
2009: 日記じゃないのよブログは 〜じぶんチャンネルのススメ
2010: 勝たないプレゼンテーションの学びかた
2011: 名刺デザインで学ぶプレゼンテーション
2012: スマホ時代のWeb教材制作アプローチ
2013 : 3分ではじめるお仕着せのe-Learningからの卒業
2014 : 授業外・教室外の学習を見据えた教材設計


# Page. 8

![Page Image](https://bcdn.docswell.com/page/YE65WD46JV.jpg)

授業外・教室外の学習を
見据えた教材設計


# Page. 9

![Page Image](https://bcdn.docswell.com/page/GE5YM3Q5E4.jpg)

教材の設計、してますか？
今までしたことがありますか？


# Page. 10

![Page Image](https://bcdn.docswell.com/page/972G9ZPG7R.jpg)

その教材、使いやすいですか？
学習者から支持されてますか？


# Page. 11

![Page Image](https://bcdn.docswell.com/page/DJYV4R5GJM.jpg)

授業中に教師が指示をして
その教材が使われるのは当たり前。


# Page. 12

![Page Image](https://bcdn.docswell.com/page/V7NMYDN8E8.jpg)

授業の時間以外でも使われる、
強制でなく自主的に学習者が使う、
そういう教材って魅力的ですよね？


# Page. 13

![Page Image](https://bcdn.docswell.com/page/YJ9NPGRXJ3.jpg)

その鍵は、スマホ。


# Page. 14

![Page Image](https://bcdn.docswell.com/page/GJ8KDVW9ED.jpg)

紙やPC教材の問題点
紙の教材は重い＆かさばる
PC教材は環境が未整備だと使えない
✴ 教室には端末やネット環境がない
✴ PC教室はそこに行くこと自体が面倒
学習者はPCの操作に不慣れ


# Page. 15

![Page Image](https://bcdn.docswell.com/page/LJLZM5NM7R.jpg)

スマホの利点
小さなPCとも言うべき高い性能
ネットには常時接続という認識
学習者が肌身離さないアイテム
日常的でパーソナルな愛着あるもの


# Page. 16

![Page Image](https://bcdn.docswell.com/page/47MVY3X67W.jpg)

スマホが教材のメディアだと...
使い方のレクチャーが不要
教材を常に持ち歩いてもらえる
スキマ時間に使ってもらえるかも
学習への抵抗感が弱まる場合も


# Page. 17

![Page Image](https://bcdn.docswell.com/page/P7R29QNNJ9.jpg)

授業の時間以外でも使われる、
強制でなく自主的に学習者が使う、
スマホならそんな教材が作れそう。


# Page. 18

![Page Image](https://bcdn.docswell.com/page/PJXDQ5N8EX.jpg)

ただし、その教材が
使いたくなる魅力を持っている
という前提をクリアしていれば...


# Page. 19

![Page Image](https://bcdn.docswell.com/page/3JKX96NLED.jpg)

スマホを活かした教材は
実際はまだまだ少ない。


# Page. 20

![Page Image](https://bcdn.docswell.com/page/LE35W6V6J5.jpg)

スマホ教材のありがちな失敗
スマホの小さな画面に収まらない
✴ PC向けそのままでは表示要素が多すぎる
スマホの操作感に合わない
✴ PC向けのインターフェースは操作しにくい
スマホで使いたくなる内容でない
✴ スマホ対応する意味の薄い教材を選んでいる


# Page. 21

![Page Image](https://bcdn.docswell.com/page/8EDDKV8MEG.jpg)

スマホ対応に失敗する理由
教師がスマホに不慣れ
✴ 教師自身がガラケーを使っているから、
メディアの特性を体感的に理解していない。
✴ 使い慣れた紙と同じ発想で教材を捉えている


# Page. 22

![Page Image](https://bcdn.docswell.com/page/V7PXKV8QE8.jpg)

スマホ対応に失敗する理由
スマホを活かした教材に関する知見、
開発ノウハウが共有されていない。
✴ 失敗事例は公開しにくいけれども...
✴ Web制作やアプリ開発の業界などでは
共有知識やドキュメントがけっこうある。


# Page. 23

![Page Image](https://bcdn.docswell.com/page/2JVLVZNP7Q.jpg)

Web制作やアプリ開発の知見を、
教育業界でもシェアすることで
教材開発も進むのでは？


# Page. 24

![Page Image](https://bcdn.docswell.com/page/5EGXL4KQJL.jpg)

ITを活かした教材
IT
教育


# Page. 25

![Page Image](https://bcdn.docswell.com/page/4JQ8YGNW7P.jpg)

IT
教育


# Page. 26

![Page Image](https://bcdn.docswell.com/page/K742W5G1J1.jpg)

IT
教育
教師側の守備範囲の拡大


# Page. 27

![Page Image](https://bcdn.docswell.com/page/LJ1MYWD5EG.jpg)

教師もITを学ぶべき
質が良く使いやすい教材の実現には
メディアや技術の理解が不可欠。
✴ これまで教材開発に成功していたのは
紙に対するノウハウの日々の蓄積のおかげ。
技術は技術者に丸投げ...では限界
✴ 教材の根幹部分は助け合って設計すべき


# Page. 28

![Page Image](https://bcdn.docswell.com/page/GJW3G6YWJ2.jpg)

では、何をまず学べばいい？
教師は何を知っておくべき？


# Page. 29

![Page Image](https://bcdn.docswell.com/page/4EZVLYX2J3.jpg)

教材設計の「新しい基本」
1. 利用は短時間＆高頻度
2. 既存の学習プロセスの改善を
3. 学習者にも愛される教材を


# Page. 30

![Page Image](https://bcdn.docswell.com/page/Y765WDP6EV.jpg)

教材設計の新しい基本：１
利用は短時間＆高頻度


# Page. 31

![Page Image](https://bcdn.docswell.com/page/G75YM3K574.jpg)

スマホ用のアプリは
必要なときだけサッと使う。


# Page. 32

![Page Image](https://bcdn.docswell.com/page/9J2G9ZWGJR.jpg)

PC用アプリ
スマホ用アプリ
タイミング
まとまった
時間を用意して
思い立ったら
すぐに
起動まで
手間がかかる
タップで一瞬
利用内容
複雑・多工程
単純・単工程
利用時間
長めを１回
短時間を何度も


# Page. 33

![Page Image](https://bcdn.docswell.com/page/DEYV4RLGEM.jpg)

スマホ用アプリの特徴
必要な場面に即したシンプルな機能
✴ アレ使おう！と思い出してもらえるように
隙間時間でも起動から終了まで可能
✴ 利用者から支持されるゲームの多くは
隙間時間のプレイにも対応している


# Page. 34

![Page Image](https://bcdn.docswell.com/page/VJNMYD4878.jpg)

スマホ用教材として考えると..
機能を限定し場面と結びつくように
✴ 必要な場面で存在を思い出せる分かりやすさ
短い時間でも使う価値のあるものを
✴ 授業のようにまとまった時間は期待できない
ながら利用を視野に
✴ 他のメインの活動の補助が向いている


# Page. 35

![Page Image](https://bcdn.docswell.com/page/YE9NPGQXE3.jpg)

教材設計の新しい基本：２
既存の学習プロセスの
改善に役立てるものを作る


# Page. 36

![Page Image](https://bcdn.docswell.com/page/GE8KDVG97D.jpg)

従来のPC用教材
学習の全要素を１つにパッケージし、
PCの画面で机を置き換えるアプローチ
ダイアログ
映像 音声
練習問題
解説
図版


# Page. 37

![Page Image](https://bcdn.docswell.com/page/LELZM5GMJR.jpg)

従来のPC用教材
学習の全要素を１つにパッケージし、
PCの画面で机を置き換えるアプローチ
✴ 教室での既存の学習プロセスのすべてを
PC上で再構成するようなものが多かった。
✴ 従来との学習スタイルの大きなギャップを
教師や学習者が埋められない場合も。


# Page. 38

![Page Image](https://bcdn.docswell.com/page/4JMVY3Q6JW.jpg)

スマホはシングルタスク向き
PCに比べ多くの情報を表示できない
ウィンドウは１つだけ表示が基本
アプリを何度も切り替えるのは手間
✴ PCは、広いデスクトップで全体が見渡せ
マルチウィンドウで並行作業ができる。


# Page. 39

![Page Image](https://bcdn.docswell.com/page/PJR29Q8NE9.jpg)

スマホを生かす教材デザイン
紙の教科書やノートなどと併用する
道具の１つとしてのスマホ教材。
既存のアナログ教材の不便な点を
スマホで補えないかを考えるべき。
✴ たとえば、辞書などのリファレンス、
反復練習問題、カメラを使った記録。


# Page. 40

![Page Image](https://bcdn.docswell.com/page/PEXDQ5887X.jpg)

教材設計の新しい基本：３
学習者にも愛される教材を
目指そう


# Page. 41

![Page Image](https://bcdn.docswell.com/page/3EKX96KL7D.jpg)

アイコンがダサいと
使う気にならない。


# Page. 42

![Page Image](https://bcdn.docswell.com/page/L735W6Z6E5.jpg)

アイコンが気に入らない
ホーム画面には置きたくない
普段アイコンを目にしなくなる
アプリの存在を忘れてしまう
そのアプリは使われない


# Page. 43

![Page Image](https://bcdn.docswell.com/page/87DDKVRM7G.jpg)

これって商用アプリだけの話？
いえいえ、これからの教材にも
同じことが言えます。


# Page. 44

![Page Image](https://bcdn.docswell.com/page/VJPXKVWQ78.jpg)

これまでの教材
教師が学習者に配布する形で、
指示して強制的に使わせるもの。
学習者が教材をどう感じるかは
問題にされにくかった。
✴ 学習者からすれば、たとえ好みでなくても
学ぶために使うしかない


# Page. 45

![Page Image](https://bcdn.docswell.com/page/2EVLVZ8PJQ.jpg)

これからのスマホ教材
スマホ教材は他にも数多くあり、
学習者が自ら好みのものを選べる。
✴ 教材選択も学習者主導、ということ
気に入ったら教室外でも自主的に使う
✴ 便利で、使いやすく、愛される教材を


# Page. 46

![Page Image](https://bcdn.docswell.com/page/57GXL45QEL.jpg)

まとめ


# Page. 47

![Page Image](https://bcdn.docswell.com/page/4EQ8YGZWJP.jpg)

教材設計の「新しい基本」
1. 利用は短時間＆高頻度
2. 既存の学習プロセスの改善を
3. 学習者にも愛される教材を


# Page. 48

![Page Image](https://bcdn.docswell.com/page/KJ42W531E1.jpg)

学習パラダイムの変化
技術が学習に選択肢を増やした
✴ リソースが限られる環境にだけでなく、
学習者個々人のスタイルや好みにも対応。
教師が選んで与える学習から、
学習者自らが選び取る学習への移行。
✴ 教材選択の自由は学習設計の意識につながる


# Page. 49

![Page Image](https://bcdn.docswell.com/page/LE1MYW157G.jpg)

学習パラダイムの変化
こうした学習パラダイムの変化を
教師がきちんと認識すべき。
✴ 情報とツールを得た学習者は
教師の指示に従うだけの弱い存在ではない。
✴ いまや教材だけでなく教師や業界もまた
学習者から選ばれる存在である。


# Page. 50

![Page Image](https://bcdn.docswell.com/page/GEW3G68WE2.jpg)

技術の変化に教師も対応すべき
古いパラダイムの学習観や、
紙教材に依存したノウハウだけでは、
デジタルな教材は作れない。
足りない部分を制作会社に丸投げ...では
学習者に支持される教材作りは困難。


# Page. 51

![Page Image](https://bcdn.docswell.com/page/47ZVLY82E3.jpg)

スマホを活かした教材の開発には、
新しい教材観が求められる。
それは、新しい学習者観と、
新しい教師観を伴うものである。


# Page. 52

![Page Image](https://bcdn.docswell.com/page/YJ65WDK67V.jpg)

デジタルの世界を学ぶところからも
教育を考えてみませんか？


# Page. 53

![Page Image](https://bcdn.docswell.com/page/GJ5YM3P5J4.jpg)

Sunami Hokuto
Blog: withcomputer.jp
Site: sunamihokuto.com
Twitter: @shokuto


