il26-presentationstoryboard presentation design delivery 5 storyboard...
TRANSCRIPT
Xavier DÉFAGO (professor)
Tokyo Institute of Technology School of Computing
Presentation
Presentation
What For ?
プレゼンの目的
3
アイデアを
伝わる
プレゼンの作成Identify the
Build an Argument
Form the Story storyboard
Design
Deliver 4
Context Needs Problem
Key Idea AN5/Di19
AN4/Di18
AN3/Di17
AN2/Di16
AN1/Di15
AN0/Di14
An7 An6 An5 An4 An3 An2 An1 An0
100n
100n220µF
1000µF
1000µF 1000µF
47µF
78R05
1k
-
プレゼンの作成Storyboard
Presentation Design
Delivery
5
Storyboard
書くことは混乱した頭を整理するための作業
書くことは混乱した頭を整理するための作業
基本は紙とペン
ポンチ絵を描いてストーリーを作る
細かい作業はあとまわし。まずはスライドの構造を作る。
Presentation ComponentsOverview “What is the presentation about ?” give motivating example state your message
13
Problem Statement
Contribution
Related Work
Assessment
Conclusion
Overview
Presentation Components
Related Work “What did other do so far ?” explain related results
14
Problem Statement
Contribution
Related Work
Assessment
Conclusion
Overview
Presentation Components
Problem Statement define your problem state your message
15
Problem Statement
Contribution
Related Work
Assessment
Conclusion
Overview
Presentation Components
Contribution present your methodology present your main results
16
Problem Statement
Contribution
Related Work
Assessment
Conclusion
Overview
Presentation Components
Assessment evaluate your results analyze
17
Problem Statement
Contribution
Related Work
Assessment
Conclusion
Overview
Presentation Components
Conclusion summarize your results state your message
18
Problem Statement
Contribution
Related Work
Assessment
Conclusion
Overview
Presentation Design
スライド×デザイン
伝わる⇒
ウーム,わかる.がんばっているのはわかる
でも,なんと言っていいか,声も出ない
Signal/Noise 比
Noise趣旨の理解に無用な要素
Signal趣旨の理解に 有益な要素
Q1: 何がノイズ?
Q1の分析SN比の改善 (1) 枠線×3の除去 (2) グリッドライン×3の除去 (3) 背景色の一致 主張の強化 色の変更(韓国に注目) 凡例,% → 棒グラフのラベル 工夫できる点は残っている?
Q2: 何がノイズ?
Q2の分析枠の除去(3箇所) 円グラフ: 3D → 2D,縁取り除去,凡例→ラベル 標題: 下線除去 アイコン除去,会議名縮小
まだ残っている問題点 パイの陰と塗り潰し色
Q2: ノイズを列挙しよう
Q2: 改善案背景除去 枠除去(標題,グラフ領域) グラフ:3D → 2D,色の除去,注目色,ラベルの表示位置,2007 → ’07,目盛り除去,軸除去
除去ばかり → 削ることで生れる価値 (Short/Simple/Legible)
Signal / Noise
30
このスライドは例外として使います。大切なことを伝いたい時にはやはり長い文章を書いても、実際に伝う情報はかなり少いので、ほとんど無いと考えても同然。なので、違う方法が必要かもしれません。実際、残念ながら、8割の学生がその何も役立たずスライドを書いています。
Signal / Noise
31
このスライドは例外として使います。大切なことを伝いたい時にはやはり長い文章を書いても、実際に伝う情報はかなり少いので、ほとんど無いと考えても同然。なので、違う方法が必要かもしれません。実際、残念ながら、8割の学生がその何も役立たずスライドを書いています。
Signal / Noise
32
このスライドは例外として使います。大切なことを伝いたい時にはやはり長い文章を書いても、実際に伝う情報はかなり少いので、ほとんど無いと考えても同然。なので、違う方法が必要かもしれません。実際、残念ながら、8割の学生がその何も役立たずスライドを書いています。
Signal / Noise長い文書 少い情報 8割の学生
33
Signal / Noise
34
長い文章
少い情報⇒
Signal / Noise
35
Signal / Noise
36
Signal / Noise
37
Contrast
38
私の研究がとても大切
私の研究がとても大切
私の研究がとても大切
私の研究がとても大切
私の研究がとても大切
私の研究がとても大切
Contrast
39
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
私の研究が大切
Color Size Font
Contrast (Color)
40
HSV color model
Contrast (Color)
41
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast (Color)
42
Contrast Contrast Contrast Contrast Contrast
Contrast Contrast Contrast Contrast Contrast
Contrast Contrast Contrast Contrast Contrast
Contrast Contrast Contrast Contrast Contrast
Contrast Contrast Contrast Contrast Contrast
Contrast (Color)
43
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast (Color)
44
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast (Color)
45
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast (Color)
46
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Contrast Contrast Contrast
Data Representation
Signal / Noise
51
Signal / Noise
52
Signal / Noise
53
Guidelines for ChartsMin. Effort for Reader most important aspect how much effort to understand?
Example legend box direct labeling axes labels •eg., “Daily CPU usage” include units •eg., “CPU [seconds]”
54
System Load
Response T
ime
A
B
C
System LoadR
esponse T
ime
B
A
C
Guidelines for ChartsUse Accepted Practice Idea: “present what people expect”
People expect: origin at (0,0) independent variable (cause) along x-axis dependent variable (effect) along y-axis linear scale scale increasing left -> right (and bottom -> top) scale divisions to be equal
55
Guidelines for ChartsAvoid Ambiguity Show coordinate axis, scale divisions, origin Identify individual curves Avoid potential source of misunderstanding
56System Load
Re
sp
on
se
Tim
e
A B
Common MistakesMany Variables on One Chart saves space, but harder to read. => message lost better: three different graphs
57Number of users
Re
sp
on
se
Tim
e [
ms]
Throughput
Response Time
Utilization
40
30
20
10
100
75
50
25
20
15
10
5
Utilization
[%]
Throughput
[s-1]
Too many variables
Common MistakesSymbols in Place of Text symbols => readers must search text saves writers time ... or not?! •readers skip => writer's time wasted
58λ
R µ = 1
µ = 3
µ = 2
Arrival Rate
Response
time 1 job/sec
3 jobs/sec
2 jobs/sec
Common MistakesLine Chart in Place of Column Chart joining points on line chart => intermediate values can be interpolated
59CPU type
MIPS
8000 8100 8200 8300
Pictorial GamesNonzero Origin emphasize or conceal the difference
60
2600
2625
2650
2675
2700
Mine
Yours
0
1000
2000
3000
4000
5000
6000
Mine
Yours
Pictorial GamesDouble-Whammy Graph exaggerate impact
61
Throughput
Response time
Number of users
Pictorial GamesRandom Quant. w/o Confidence Interv. hides variability of the information
62
Mine
Yours
Mine
Yours
Pictorial GamesPictograms Scaled by Height exaggerates the difference
63
MinePerformance = 2
YoursPerformance = 1
Pictorial GamesInappropriate Cell Size in Histograms possible loss of information
64
Freq
uenc
y
0
2
4
6
8
10
12
Response time [ms]
[0,2[ [2,4[ [4,6[ [6,8[ [8,10[ [10,12[
Freq
uenc
y
02468
101214161820
Response time [ms]
[0,6[ [6,12[
Pictorial GamesBroken Scales in Column Charts exaggerate difference same as nonzero origin
65
Res
pons
e tim
e [m
s]
0
2
4
6
8
10
12
System
A B C D E F
8
9
10
11
12
Res
ponse
tim
e [m
s]
0
1
A B C D E F
System
Delivery
口頭
プレゼン=あなた
Important Points
69
Be PresentBe Clear
Be ReceptiveBe Confident
Summary
SummaryGeneral presentation = communication identify the key idea
Structure make storyboard
Design signal / noise
Delivery be present & clear
71
ショートトークの好例PresentationZenの序文by Garr Reynolds
72
発表作成PowerPointスライドデザイン宮野 公樹 (著)
73