ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
LASI 2015 workshop: Paper Prototyping for Visual Learning Analytics
2
June 15, 10:15 – 12:15
3
Note tabs at bottom
4
5
Workshop outline
6
Orientation
7
1: Introductions
8
2: Workshop overview
9
3: Theory of change informing design
10
4: Paper prototyping overview
11
5: Problem setup: Writer's Key and Udio
12
6: On using data
13
[DIVERGE]
14
7: Warm ups
15
8: Sketch-brainstorm 1, share out
16
9: Sketch-brainstorm 2, share out, choose best ideas
17
[CONVERGE]
18
10: Refine: Articulate testable objectives, elements
19
11: Refine: Add detail
20
Share out (whole room)
21
12: Share out format:
22
 • main idea
23
• testable objectives
24
• what you made, part of system prototyped
25
26
27
Chart guides, galleries, for inspiration
28
https://github.com/mbostock/d3/wiki/Gallery
29
https://developers.google.com/chart/interactive/docs/gallery
30
http://www.perceptualedge.com/articles/misc/Graph_Selection_Matrix.pdf
31
http://extremepresentation.typepad.com/files/choosing-a-good-chart-09.pdf
32
33
34
Paper prototype testing example videos
35
http://www.youtube.com/watch?v=GrV2SZuRPv0
36
-- Testing a web page. Tester has prepared different screens, pasted together different elements for switching out or unfolding in some cases.
37
The user has been prompted and given context and instructions beforehand (so, wordless)
38
http://www.youtube.com/watch?v=jkvqLd-CMyY&feature=related
39
-- User is talking out loud and elements are again switched in as they go. Tester is prompting with questions along the way.
40
http://www.youtube.com/watch?v=OT3yYXkafy8&feature=related
41
-- Mix of wireframe sketches and post-its
42
http://www.youtube.com/watch?v=Bq1rkVTZLtU&NR=1
43
-- More highly refined sketches. Nicely set up tasks. Notice the scenario set up at the beginning.
44
45
46

47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100