concepts for information design: format and behaviors
DESCRIPTION
Concepts for Information Design: Format and Behaviors. HCDE 510 Information Design, Fall 2012 Department of Human Centered Design & Engineering, University of Washington David K. Farkas. Concepts. Behaviors (macro and micro). Format (macro and micro) Standard Expository Model (SEM) - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/1.jpg)
Concepts for Information Design:Format and Behaviors
![Page 2: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/2.jpg)
HCDE 510 Information Design, Fall 2012
Department of Human Centered Design & Engineering, University of Washington
David K. Farkas
![Page 3: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/3.jpg)
• Format (macro and micro)
• Standard Expository Model (SEM)
• Display unit boundaries
• Chunking and Modularity
• Structure
• Behaviors (macro and micro)
Concepts
![Page 4: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/4.jpg)
Format (in information design)• The placement of
pigment or pixels to show relationships and emphasize meaning.
• There is micro-format and macro-format.
![Page 5: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/5.jpg)
Format-2• Format helps to constitute genres.• Some formats are genre specific.• Formats can cross media.
![Page 6: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/6.jpg)
Sumerian formatting
![Page 7: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/7.jpg)
The standard expository model (SEM): A format for many genres
![Page 8: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/8.jpg)
Codex (bound book)• A great many medium-to-long print
documents are codexes (codices).
• Codexes have supplanted the scroll.
![Page 9: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/9.jpg)
Scrolling direction
![Page 10: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/10.jpg)
Standard expository model(SEM, SE Model)• A very general (macro) format for
extended text• The SEM is the default format for many
workplace genres.• Employs hierarchical system of headings
and subheadings.• Broadly speaking intended for linear
reading.• Spans print and online media, various
artifacts, and many genres.
![Page 11: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/11.jpg)
How a new medium can change traditional formatting
![Page 12: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/12.jpg)
Display unit
The physical unit of content of a particular medium (also referred to as the “canvas”).• Business card• Slide• Mural• Printed page• HTML page
![Page 13: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/13.jpg)
Display unit boundaries
Display unit boundaries can be strong (e.g., PowerPoint slides) or weak (the pages of
mostbooks), or non-existent (immersive VR).
• HTML pages have strong display unit boundaries, but users may or may not reach the bottom boundary of a scrolling page.
![Page 14: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/14.jpg)
Chunking and Modularity • Chunking (“weak modularity”) refers to
distinct units of content (strong display unit boundaries).
• Modularity refers to free-standing units with no necessary sequence among them.
![Page 15: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/15.jpg)
Chunking and Modularity
• PowerPoint slides are “chunks” of content.
• Is a PowerPoint presentation typically modular?
• Encyclopedia articles are “chunks” of content
• Are encyclopedias typically modular?
![Page 16: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/16.jpg)
Text structure• Text structure comprises the recognizable
shifts in discourse.• Much text structure is implicit, but
formatting helps to express structure explicitly.
• Text structure is very often hierarchical.• Headings are an important form of
“explicit” structure.
![Page 17: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/17.jpg)
Structure of graphics
![Page 18: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/18.jpg)
Document behaviors• Operations (usually digital) that a
document can perform.• Often analogous in function to formatting
(cross reference vs. hyperlink).• Document behaviors include hyperlinks,
ALT tags, multimedia, Search, etc.
![Page 19: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/19.jpg)
Document behaviors-2• There are microbehaviors (hyperlinking)
and macrobehaviors (expanding TOC, Adobe Acrobat or Flash).
• Behaviors help constitute genres. How do we know we are looking at a Help system? An eCard?
![Page 20: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/20.jpg)
A macrobehavior
![Page 21: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/21.jpg)
Behaviors of a special codex
![Page 22: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/22.jpg)
A vision of the codex with special behaviors
The Various and Ingenious Machines of Agostino Ramelli, Paris, 1588
![Page 23: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/23.jpg)
Do We Need This Behavior?
Many PowerPoint Decks Are Overpowered
![Page 24: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/24.jpg)
New digital formats
![Page 25: Concepts for Information Design: Format and Behaviors](https://reader031.vdocument.in/reader031/viewer/2022012922/56816968550346895de12e06/html5/thumbnails/25.jpg)