Diagrams EDC&I 583 Message Design 1 February 2012.
-
Upload
melvin-austin-merritt -
Category
Documents
-
view
214 -
download
0
Transcript of Diagrams EDC&I 583 Message Design 1 February 2012.
![Page 1: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/1.jpg)
Diagrams
EDC&I 583Message Design1 February 2012
![Page 2: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/2.jpg)
Plan of Action 2/1/12
• Happy Imbolc!• Good and bad examples• Discuss Reviews of Literature• Presentation on Diagrams• Redesign presentations• Discussion of readings
![Page 3: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/3.jpg)
HAPPY GROUNDHOG DAY! (Tomorrow, 2/2)
• In Celtic/Gaelic mythology, February 1 is also Imbolc – (From “In belly,” referring to
lambs that would be born in the Spring)
• It’s a cross-quarter day (midway between Winter Solstice and Spring Equinox)
• What are the other cross-quarter days? Do we still note them?
![Page 4: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/4.jpg)
Literature Review - Discussion
• Did you find good things?– Did you find what you hoped you’d find?– Did you not find things you thought you would?– Did you find unexpected good things?
• Problems identifying appropriate sources? – (Journals, web sites, etc.)
• How did you judge quality of what you found?
![Page 5: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/5.jpg)
Diagrams
• Tell a small story in compressed form– How something works– How something is put together– What do interior/invisible parts look like – How something changes over time– Conceptual connections– Reveal unsensed underlying sense (?!)
![Page 6: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/6.jpg)
How Something Works
• An escalator
![Page 7: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/7.jpg)
How Something Is Put Together
• A Nokia phone
![Page 8: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/8.jpg)
How to Put Something Together
• Infamous and ubiquitous IKEA instructions!
• Development of a universal visual-verbal language?– Cf. Robert Horn’s
Information Mapping approach
![Page 9: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/9.jpg)
What Do Interior/Invisible Parts Look Like
• David Macaulay’s Underground– Construction details– Interior configuration of
rooms, elements, parts– “A view from where we
cannot stand”
![Page 10: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/10.jpg)
How Something Changes over Time
• Glacier cover• (cf. Fathulla and
Basden’s “surface coverage”)
![Page 11: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/11.jpg)
Conceptual Connections
• From Tufte’s Beautiful Evidence
![Page 12: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/12.jpg)
Conceptual Connections(…are not always clear; from a 2010 US Army briefing)
![Page 13: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/13.jpg)
Reveal Unsensed Underlying Sense
• What should go here?
?
![Page 14: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/14.jpg)
How Do We Interpret These?
• Some aspects of interpreting are intuitive– Cut-away views– Line-art representations (“comic book” like)
• Others have to be learned– Spatial relationships– Time flow– What “up” and “down” mean– Proximity-distance relationships
![Page 15: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/15.jpg)
Some General Problems
• “Chartjunk” (Tufte’s expression)– Graphics that don’t
materially add to understanding
– Lots of flashy graphic effects for the sake of effects
– Often confusing and/or just disturbing to look at!
![Page 16: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/16.jpg)
But…
• Is ChartJunk necessarily all bad?
• Tufte hated this infographic from a 2003 NY Times article
• But… readers thought it was pretty good!
![Page 17: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/17.jpg)
Steinberg’s Country Noises
• Just for fun…• Not a diagram; maybe a
textogram? Or a symbologram?
![Page 18: Diagrams EDC&I 583 Message Design 1 February 2012.](https://reader035.fdocuments.us/reader035/viewer/2022070402/56649f225503460f94c3a635/html5/thumbnails/18.jpg)
Questions for Discussion
• How could you apply the “Sketch understanding” approach to a real-world problem in learning? (Assuming functional software)
• Can you recall particular cases where you tried to use a diagram to communicate, and succeeded/failed? What made it work/not?
• Newsletter design (RW): Your experiences in designing newsletters? Effectiveness of RW’s approaches?
• What’s the place for newsletters in an all-web world? (Do we need to communicate in new ways?)