Visual Languages /Grundlagen der Informationsvisualisierung/

Stefan Müller / FHP / WS 2010 //

De-construct & Re-create:

Inspirationsquelle/Berlin map

Chaotic sort/Berlin map

Chaotic sort/Berlin map

Inspirationsquelle/Building footprints

Organizing Shapes

Basic Shapes

Plain

Protruding

Recess

Basic Shapes/Logic

Plain by size

Shallow recess

Single protrusion Multiple protrusions

Deep recess

Less active(horizontal)

More active(vertical)

Plain by shape distortion

Plain with recess by shape distortion

With inner shape

Plain

Protruding

Protruding inside

With inner shape/logic

Plain

Inner Shapes

Proportionally small(few thoughts)

Distorted

Proportionally large(lots of thinking)

With inner shape/logic

Proportional size of arms

Protruding directions

Number of arms

Multiple inner shapes

Plain

Protruding

Protruding inside

Multiple inner shapes/logic

Few inner Shapes <

<Multiple inner Shapes

Open Shapes

Complex

Plain

Sprawling

Other

Triangle

Roundish

BASIC SHAPE (PHYSICAL ACTIVITY)

•rotation

•orientation (vertical/horizontal)

•level of distortion

•size

•protruding

•recess

PORTRUDING SHAPES (ARTEFACTS TO INTERACT WITH)

•Number of shapes

•relative size

•orientation & direction

•nesting

INNER SHAPE (INSIDE BODY/ EMOTIONS)

•proportional size

•position

•protruding inside

OPEN SHAPES (CONVERSATIONS/SAYING SOMTHING/PUTTING SOMTHING OUT)

•Lateral aperture

Logic Elements

Simplefied Shapes (30px square on 128px backdrop)

Simplefied Shapes (30px square on 128px backdrop)

Elements of a single day

Sleep

Brew coffee

dress walking to train station

wait for train wait and smoke and think a bit

sit on train, reading newspaper

walk & drink coffee

Dream

smoke & drink coffee

Restless sleep

drink coffee

Lying awake

smoke lying in bed with computer

More elements of a single day

Sit in front of com-puter/work

Listen to talk Listen to talk & tinker with computer

Discussion after talk

Having a conversation at lunch

Walking + conversa-tion

Sitting down + read-ing newspaper

Standing + conversa-tion

Lying/not thinking Lying awake/think-ing

Standing/not thinking much

walk, no thinkingSit, think, interact with artefact, absorb info

walk & conversation & thinking

Shape transforming logic

Lying&not thinking Lying awake& thinking

Standing & not thinking much

walking & no think-ing

Sit, think, interact with artefact, absorb info(e.g. reading news on computer)

walk & conversation & thinking

5 actions over 3.5 days

smoked

(counter)

interested in total times you’ve done something

onTrain

(event + duration)

If the point of inter-est is when and how long something hap-pens

computer

(event + duration)

ate

(cathegorical counter + duration)

dinner

breakfast

Lunch

drank

(cathegorical counter)

interested in the occurrence of the same action with different units

tea

coffee

beer