短時間説明動画の解体新書　リバース・エンジニアリングで解説する説明動画の作り方(in Japanese)

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
短時間説明動画の解体新書
リバース・エンジニアリングで解説する説明動画の作り方
山上俊彦
IoT 事業本部, ACCESS
Toshihiko.Yamakami@access-company.com
2016/07
山上俊彦 (ACCESS Confidential) 短時間説明動画の解体新書リバース・エンジニアリングで解説する2016/07 1 / 29

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
3 分以内で
わかりやすい動画を
　作る方法を
　　知りたい人が対象

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
説明動画を
分解して分析：
　自分で作れる
　　作成方法を解説

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
目次
位置づけ
解説パターンの構成要素群
ストーリーボード
作り方
比較

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
位置づけ

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
本資料の位置づけ
説明動画
- リバース・
エンジニアリング
- 説明動画の
作成法を解体
【説明動画の解体新書】
simpleshow Japan の
実写動画
コンピュータ
グラフィックス動画
アニメ動画、
漫画動画
アイコン動画
【動画の 4 領域：今回のカバー】
抽象化したイメージ画像と
遷移イフェクトで動画を作る

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
解説パターンの構成要素群

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
解説動画の作成パターン
基本モノクロ
色で強調
感情をアイコンの
追加で表現
実写で
手などを動かす
掃き入れ
掃き出しを使う
【simpleshow に学ぶ解説動画の基本パターン】
注目をひく
(手、指、視線)
わかった、困った、
感情表現
重ねる、掃き出す
動きで感じる
予想外の方向に
動く
【素材の基本パターン】

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
解説動画のパターン位置
人物（相手）
時間、場所コンセプト (サブ)
コンセプト
時間、場所 (サブ)
人物（主人公：聞き手）
【simpleshow の位置パターンの例】
・4 つ以上列挙する場合には中央から円形に配置

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow の記号パターン
1 文字記号や象形文
字
! 、?、× 印、→、、雷矢印、男女記号、数字（回数など)、チェ
ックマーク、十字（赤十字：安全）
2 体アイコン読者へ向く指、サムアップ、筋肉むきむき腕、スマイル、頭をか
きむしる姿、両手（安心）、困った顔、手でストップ、ハート（恋
人、恋愛)、実写の指で数字を示す
3 交通標識 STOP、禁止マーク
4 地図記号インフォメーション (i)
5 感情連想画像電球（わかった、わかりやすい、いいアイディア）、トロフィー、
時計、幕が開く、王冠、講演会場、鍵、錠、本、原稿、巻き紙、ス
ーパーマン、ハンマー（ダメージ）、花が開く（未来）、握手、脳
（知恵）、3 つの矢印のループ (継続改善）、秤（適量）、砂時計 (限
られた時間)、人の上に黒雲（不安）、チェック（大丈夫）、画像に
擬人化した笑顔や渋面を付ける、親指上向き（よい、のサイン）、
ハートの目、吹き出しに電球、雷（衝突）、豚の貯金箱（安い）、笑
顔で飛びあがる,0 円 (安い)
絵で言い換え薬、道具、吹き出し、音符、インク壺、国旗、地球、王（時代）、ル
ーペ（イメージ）、救急箱、ものさし、温度計、企画書、レーダー、
お金、職業姿イラスト、注射器（検査）、カレンダ（沿革）、太陽
（夏休み)、酒、膳、ＴＶ、日本地図、学位帽、老若男女、
6 グラフ線グラフ (増加、減少) 　

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のシーン間トランジション・パターン
1 手下から手が出て並べる、下から手がでて掃き出す、手で弾き飛ば
す、上から新しい図を張る、ひっくりかえして新しい図を出す、指
を鳴らす
2 関連付け手で直線に並べる、手で丸く並べて循環を表す
3 人、動物、骨、墓場生活実感を出す
4 既にある画像を離
す、近づける
関連付け
5 増殖させる関連付け
6 比喩増殖の説明のあとにたんぽぽの増殖を説明
7 増える、減る画像を大きく、小さくする、グラフを上向き、下向きにする
8 吹き出しに入れる ? がはいった吹き出しに画像を入れる
9 列挙丸く並べる

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のシーン内グラフィック・パターン (2 点
以下)
a1 左右 (行動誘導) 左で図、指で動かす、右に視聴者向けの指（行動誘導）
a2 左右 (因果関係) 左に原因アイコン、指でいじったりする、右に結果アイコン
a3 説明追加重ねつまり、と具体的なものをアイコンの上から下に時計回りに列挙し
て重なるように小さく上に置く
a4 不可欠上下説明上に状況、下にそれを必要とする人や動物、上の状況を置換して「も
し、なかったら」を置く
a5 変化説明画面に画像を置き、次に指でその一部 (温度計など) を動かし、数字
を置き、変化を説明
a6 変化説明画面に画像を置く、効果音を入れる、画像を変化後（動物から骨へ、
人から墓へ）の画像と差し替える
a7 左右 (行動誘導) 人を出す、何をすればいいのでしょうかで「？」を左に出す
a8 左右 (行動誘導) たくさんの人を左に出す、右に 1 人の人（固有名詞）を出す（読者
の代表）行動する団体の一員として自分もやらなければならないと
隠喩
a9 感情図示人を出し、その後で、その上に感情アイコン（黒雲（不安）、？、！、な
どを出す）。人を出す、吹き出しを上に出す、吹き出しの上に感情ア
イコン（電球（よいアイディア））を出す。人物が腕をあげて親指を
あげる。人の上で渦巻きを示す（わからない）
a10 価値強調　モノを置く、それにかぶる、あるいは上に価値アイコン（王冠、トロ
フィー、星）などを置く　
a11 単体感情図示筋肉隆々腕付き画像
a12 黒くねくね矢印画像を置き、黒矢印を配置（よくない増加を暗示)
a13 手の動作画像を出し、そこへ実写の手が出てくしゃくしゃに（否定）。実写の

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のシーン内グラフィック・パターン (3 点)
b1 三点原因説明右に望ましくない状態（＋感情アイコン）、左に原因（自分たちの行
動）、中央に結果（説明しているもの）を順番に配置
b2 三点結果説明右に対象、左に結果を置き、結果を対象に重なるように移動 (最初か
ら結果を置けばいいがわざと三段階で説明) 　
b3 フィードバッ
クループ説明
上におく、矢印で右下へ、右下に置く、矢印で左下へ、左下に置く、
矢印で上に戻る。三点循環で悪循環を説明。
b4 方法説明上に目的画像、次に右下に科学者画像、最後に左下に画像、そして左
下画像を差し替える（この変化が説明したい方法）。科学者画像を置
くことで単に説明するより「説明された」感があがる。
b5 行動誘導下半分を使って、右に人（固有名詞（視聴者代表の登場人物））、次に
真ん中に概念（今回の説明）、最後に左に視聴者への指差し画像（あ
なたもするべき）
b6 感情説明右に人（固有名詞）、次に左に対象物（人、モノ、コト）、最後に真ん
中に感情アイコン（手で「避ける」など）
b7 矢印説明右に対象のアイコンを置く、次にその左に矢印を置く、次にさらにそ
の左に説明アイコンをおいて説明する
b8 円形説明右に対象の画像を置く、それを右下にするように円を描く、次にその
円の中で右の対象画像にかぶらないように説明画像を置く

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のシーン内グラフィック・パターン (4 点
以上)
c1 5 点以上推移人、TV、地図、事件結果 1 (、事件結果 2、事件結果 3)。人は右端、
TV は人の左、地図（背景説明）は左上。
c2 人、事、人、事人（視聴者)、アイコン（？：疑問符）、事（事件）、人（教えてくれる
人）、アイコン（i：情報)、事（原因の説明)。視聴者は右下。教えてく
れる人は左下。原因の説明は左上に見やすく。　
c3 友人行動誘導
　
右に人（固有名詞：視聴者の代表）、その右隣に人（固有名詞：アド
バイザの代表）、それから左に行動（すべき行動) を列挙
c4 人真ん中よりやや右寄りの下に人、左に業績、右に業績、上に到達点（以
下の説明の出発点) を順に置く
c5 順列複数の例を出す。ひとつひとつ画像を置き、説明の小画像を重ねてお
きながら説明していく。万能です、などの前振りをすると単なる列挙
でも肯定誘導できる。
c6 扇形順列 c5 の派生。複数の分野や項目を扇形にならべておき、ひとつずつ、ア
イコンを置きながら解説する。

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
シーン内の位置配置
背景の場所や時間を示す画像アイコンは左上に置くことが多い
真ん中を使って強調する例外はあるが、人は下半分、ユーザの近く側に配置することが多
い
項目が多いときには一番最後に大事なことを中央に置く
同じ画像を繰り返し使い、わかりやすくする
基本モノクロ、カラーや動き、実写画像を使って驚きを表現
実写の体のパーツを「驚き」やアクセントに使う
画像を重ねる、静止画の一部を動かす、でアクセントを付ける
余白をつかってシンプルに、と、6 個以上の画像を配置して盛りだくさんに、を組み合わ
せて説明のテンポを変える
完全に掃き出さないで 1、2 枚（登場人物など）を残して次のシーンに行く
配置は関係ないが、効果音や歓声や動作の速度、も重要
個人名を登場させて身近に感じさせる
疑問を提示する
分かった！感を演出
1 シーン　 5–15 秒

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
ストーリーボード

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のストーリーボード
オープニング - 機能 (能力) - サービス
説明
- 実績、沿革
- 問いかけ - クロージング
(効用)
【説明シーケンス・パターン (70 秒)】

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のストーリーパターン(手で掃き出すを 1 シーン)
1 Happy Holi-
days (37s)
1. オープニング、2. 前提、3. 困っている人、4. 1 年の振返り、5. クロ
ージング。
2 地球温暖化
(2m50s)
1. オープニング、2. 登場人物と導入（TV ニュース)、3. 何故？(友人に
聞いた答え)、4. 説明、5. 必要性、6. 産業化の影響、7. 悪循環、8. 百年
の温度上昇、9. 温暖化防止策、10. 協力の要請、11. 具体的なできるこ
と、12. あなたの番 (行動誘導)、13. エンディングロール
3 癌 (2m54s) 1. 導入、2. 登場人物紹介、3. 心配になった経緯、何？、4. 癌の現状と細
胞分裂、5. 細胞分裂、6. 異常細胞、7. 増殖、たんぽぽ導入、8. 腫瘍と
転移、9. 癌の多い部位、10. 高齢者と癌、11. 癌リスクを下げるために
できること、12. 治療、13. 早期発見、14. 心構え、15. エンドロール
4 シェーク
スピア
(2m27s)
1. 導入、2. 経歴、何故有名？、3. 経歴と成果、4. 女性禁止（伏線）、5.
他との差異、6. 成功の鍵・うけた理由、7. 演劇の他の業、主な演劇、8.
文体、隠喩、彼の発明した単語（驚きの豆知識）、9. 死後、現代への影響、
伏線の回収、10. エンドロール
5 心臓蘇生法
(1m46s)
1. 導入、2. 登場人物、どうしたらいいか？、3. リスクと方法の方法の概
要説明、4. 具体的方法、誤解の解消、5. 注意事項と不安の解消、6. 成果、
7. まとめの行動誘導、8. エンドロール
6 新価値創造
展 (3m26s)
1. 導入、2. 登場人物、どうしたらいいか？、3. お勧め、概念の導入、4.
展示会の目的、5. 共創の場をアピール、6. 展示、7. 成果 1: 自動車会社
と商談、8. 成果 1: 共同開発、9: 成果 2: 製造装置の商談、10. 展示会の
効果をアピール、11. まとめと念押し、12. エンドロール

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のストーリーパターン 2
7 町田予防
衛生研究所
(2m45s)
1. 導入 (シンプルに解説します)、2. 食品流通と課題や悩み、3. 具体的
要望 1、4. 具体的要望 2、5. 具体的要望 3、6. 課題を持つ多くの人々、
7. ご相談ください (行動誘導) とスキル紹介とうまく行くイメージ導入、
8. 国際標準とプロセス、9: 国際標準準拠の例とスペシャリストのアピ
ール、10. 業界と提供効果のアピールと愛有る企業のアピール、11. 社歴
と未来の抱負、12. エンドロール
8 能登のキ
リコ祭り
(3m46s)
1. 導入（見に来ませんか）？、2. 登場人物紹介、課題の導入、疑問の提
示、3. キリコ祭りの紹介、4. 時期と場所と数、5. 地元の若者の帰省と
見に行くことに、6. 交通、7. キリコ祭りのバリエーション紹介と驚きの
導入、8. ヨバレ体験と体験価値のアピール、9. 日本遺産認定、10. 西海
祭りと道場人物との関わりと参加体験、11. まとめと行動誘導、12. エン
ドロール
9 ハロウィー
ン (3m18s)
1. 導入 (解説します)、2. 登場人物の紹介、3. 道場人物の疑問（歴史）？、
4. ケルト人の魔法の日、5. 具体的な魔法の日の風習の視覚化、6. トリ
ックアンドトリートの起源、7. カトリックによる祭りの変遷、8. お祈り
とソウルケーキ、9. かぼちゃのランタンの起源、10. アメリカでの変遷、
11. 現代のトリックと知らない起源、12. 知ったこと、13. クローズ (ハ
ッピーハロウィーン）、14. エンドロール
10 奈良のシカ
(1m16s)
(English) 1. 奈良の鹿を見るべき、2. 知らなければならないことがあり
ます、3. 傷つけるのは犯罪、4. 自転車での注意、5. 繁殖期など季節の注
意、6. 食べさせるものの制限、7. 犬をけしかけない、8. ルールを守っ
て鹿をみましょう、9. クロージング (楽しい旅行を)、10. 問合せ先情報
とエンドロール併存

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
simpleshow のストーリーパターン 3
11 ヨガ
(1m49s)
1. 導入（シンプルに解説します）、2. 一般イメージと本質の違いと簡単
な歴史、3. ベースにあるヒンズー教の哲学の紹介（KAY-VAL-YE)、4. 実
践的な HATHA-YOGA の紹介、5. ヨガのいくつかのポーズと効用、6.
国際ヨガの日と行動誘導、7. エンドロール
12 近畿大学
国際学部
(3m36s)
(English) 1. 導入（近大とべルリッツの共同作業)、2. 登場人物と将来の
希望と問題（どこで学ぶ？）、3. 友達から近大国大学部を紹介される、4.
べルリッツと 1 年の米国学習、5. 充実の海外研修フォロー、6. 合格後渡
米準備、7. 大学 1 年での準備、8. 留学と成果、9.TOEIC900 点、10. 留
学後のべルリッツ学習、11. キャリアパス、12. クロージング（2016 年
開設）、13. エンドロール

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
作り方

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
枠組みの設計
ポイントの
抽出と配列
- 説得の場の
設計
- 切替、つなぎの
設計
【個別シーンやイフェクトの前の枠組みの設計】
精製没入・共感の仕掛けテンポとリズム

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
ストーリーの作り方
名前を持つ人物で
親近感
- 疑問を提示して
解決
- シンプルな画像と
驚きで理解を演出
【基本的パターン：感情誘導、行動誘導をとりまぜ】
パターン化は
すぐには難しい
- コンサルテーション
がらみ
【複雑なものをシンプルなストーリーにするのは難しい: ここが肝】
・導入、登場人物紹介、疑問提示、までは一般パターン

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
効果の追加考察
プロセスへの
巻き込み
- 共感が高まり
コンバージョン支援
【プロセスへの巻き込み：　「ライト二ング・スケッチ」(チョーク・トーク)】
・「白黒写真」はドラマチック
・「ライト二ング・スケッチ」は自分の手を写す

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
組み立ての推定 (トップダウン)
キーとなる
メッセージ
- ストーリー
展開
- シーン
構成
- アイテムと
イフェクト
【全体の流れ】
コンセプト
メッセージ
キーアイテム
訴求点
論理的順序
キー QA
シーン論点
シーン内順序
構成画像
シンボル化
配置
動き、イフェクト
シンプルで
わかりやすい
説明動画
- 上流の
コンセプト整理が
重要
【説明動画の設計には上流が重要】

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
比較

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
競合解析
slideshow
たくさん見ると
飽きてくる
-
Crevo
イフェクト使い過ぎ
【動画比較：クリエイティブのアプローチが異なる】
TV,Facebook CM 系技法
例：「楽天キレイ ℃ ナビ」のアプリ紹介
TV や Facebook:
顧客は広告見たくない
(釣りが必要)
- 説明を聞く気が
ある時には
もっとシンプルに
【イフェクトの使い方は顧客がファネルのどこにいるかによる】

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
付録

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
参考文献
simpleshow 日本法人: http://simpleshow.com/jp/
YouTube の simpleshow Japan 　投稿動画、および simpleshow Japan が高評価した自社
作成ビデオ
基礎体温管理アプリ「楽天キレイ ℃ ナビ」のアプリ紹介動画 https://crevo.jp/works/2649

短時間説明動画の解体新書　リバース・エンジニアリングで解説する説明動画の作り方(in Japanese)

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (19)

Similar to 短時間説明動画の解体新書　リバース・エンジニアリングで解説する説明動画の作り方(in Japanese)

Similar to 短時間説明動画の解体新書　リバース・エンジニアリングで解説する説明動画の作り方(in Japanese) (20)

More from Toshihiko Yamakami

More from Toshihiko Yamakami (20)