1. Form Language For Stepping Back
Presentation for Rich Visualization 14 March 2006
Carlijn Stoof
Linda van den Hurk
H.K. Siniz Kim

2. INTO BACK feel real sense empathy photo/illustration detail make story
diversify
wood
get overview
information
illustration/graph
abstract
visualize facts
converge
forest

3. INTO BACK Designing; iteration of steps into and back converge
diversify
INTO
BACK
mindmaps -
abstraction hierarchy -
infographics -
idea sketch -
- persona
- storyboard
- rendering
Designing; iteration of steps into and back

4. BACK 1. mindmaps 2. abstraction hierarchy 3. infographics
With stepping back in designing, designer can
get an overview and broader perspective on issues,
and also explore further associations and possibilities.
BACK
1. mindmaps
2. abstraction hierarchy
3. infographics

5. Mindmaps The mind map harnesses the full range of cortical skills -
words, image, number, logic, rhythm, colour, and spatial awareness -
in a single powerful technique. In so doing it gives you the freedom
to roam the infinite expanse of your brain.
Techniques
1. use emphasis
2. use association
3. be clear
4. develop a personal style
Layout
1. use hierarchy
2. use numerical order

6. Mindmaps Tips! Do Don’t 1. use keywords 2. add blank lines
3. ask questions
4. add images
5. maintain awareness
of your infinite
associational capacity
1. make mindmaps that aren’t
really mindmaps
2. have the idea that phrases
are more meaningful
3. have the idea that a ‘messy’
mindmap is no good
4. have a negative emotional
reaction to any mindmap

7. Mindmaps examples

8. Mindmaps examples

9. Abstraction Hierarchy
The abstraction hierarchy (AH) is one of the best known
representation frameworks that has been proposed for describing
complex work environments (Rasmussen, 1985).
The AH is a multileveled representation format, with each level describing
the system in terms of a different set of attributes or "language."
Higher levels
purpose & functions
Lower levels
physical implementation

10. Abstraction Hierarchy Tips!
Going up in the Abstraction Hierarchy, you ask
Going down in the Abstraction Hierarchy, you ask
Why?
How?
- Use pictures (drawings) when possible.
- Think free; there are multiple answers possible
on the WHY- or HOW- questions.

11. Abstraction Hierarchy examples
Etc..
DECOMPOSITION (WHOLE<-> PART)
Social
Values
Functional
Purpose
Abstract
Function
Generalized
Physical
form & config.
Love
ABSTRACTION (MEANS <-> END)
Friendship
Communication
Composing a letter
Writing text
Desk & stationary

12. Abstraction Hierarchy examples

13. Abstraction Hierarchy examples

14. Infographics An infographic is a visualisation of lots of information
in form of rich pictures, maps, charts, diagrams, or combination of those.
The information is given in different layers.
An infographic can support text or can be free-standing.

15. Infographics Tips! Furthermore: - AIDA / 3, 30, 300 sec test
- Topic must be clear directly
- Must be beautiful
- In case of text; don’t overrule the information by the image/picture
- Don’t use an infographic to create empathy or emotions
Furthermore: 
- Clearly understand type of information (chronologic, spatial, quantitative)
- Find a suitable way to present (map, timeline, charts, diagram, etc.)
- Appropriate medium (static, motion, interactive)

16. Infographics examples

17. Infographics examples

18. Infographics examples

19. Infographics examples

20. Infographics examples

21. Infographics examples

22. Questions?