View
218
Download
0
Category
Tags:
Preview:
Citation preview
Form Language For Stepping BackPresentation for Rich Visualization 14 March 2006
Carlijn StoofLinda van den Hurk
H.K. Siniz Kim
INTO BACKfeel real senseempathy
photo/illustrationdetail
make storydiversify
wood
get overviewinformationillustration/graphabstractvisualize factsconvergeforest
INTOBACK
Designing; iteration of steps into and back
converge diversify
- persona- storyboard- rendering
mindmaps -abstraction hierarchy -
infographics - idea sketch -
BACK
With stepping back in designing, designer can get an overview and broader perspective on issues,and also explore further associations and possibilities.
1. mindmaps2. abstraction hierarchy3. infographics
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 freedomto roam the infinite expanse of your brain.
Techniques1. use emphasis2. use association3. be clear4. develop a personal style
Layout1. use hierarchy 2. use numerical order
Mindmaps Tips!
1. use keywords
2. add blank lines
3. ask questions
4. add images
5. maintain awareness of your infinite associational capacity
Do Don’t1. 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
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 levelspurpose & functions
Lower levelsphysical implementation
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.
Abstraction Hierarchy examples
Etc.. DECOMPOSITION (WHOLE<-> PART)
Social Values
Functional Purpose
Abstract Function
Generalized Function
Physical Function
Physical form & config.
Love
Friendship
Communication
Composing a letter
Writing text
Desk & stationary
AB
STR
AC
TIO
N (M
EA
NS
<->
EN
D)
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.
Infographics Tips!
- 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)
Recommended