SlideShare a Scribd company logo
1 of 30
Download to read offline
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




Protruding




Plain




Recess
Basic Shapes/Logic

Plain by size




Plain by shape distortion




Plain with recess by shape distortion
                                        Less active                     More active
                                        (horizontal)                     (vertical)




Shallow recess                                         Deep recess




Single protrusion                                               Multiple protrusions
With inner shape


Protruding




Plain




Protruding inside
With inner shape/logic




                         Proportionally small         Proportionally large
                         (few thoughts)                 (lots of thinking)




Plain                                     Distorted




Inner Shapes
With inner shape/logic




Number of arms




Proportional size of arms




Protruding directions
Multiple inner shapes


Protruding




Plain




Protruding inside
Multiple inner shapes/logic




Few inner Shapes <




                              <Multiple inner Shapes
Open Shapes




Complex




Plain




Sprawling
Other




Triangle




Roundish
Logic Elements


BASIC SHAPE (PHYSICAL ACTIVITY)                  INNER SHAPE (INSIDE BODY/ EMOTIONS)
•	rotation                                       •	proportional size
•	orientation (vertical/horizontal)              •	position
•	level of distortion                            •	protruding inside
•	size


•	protruding
•	recess




PORTRUDING SHAPES (ARTEFACTS TO INTERACT WITH)   OPEN SHAPES (CONVERSATIONS/SAYING
•	Number of shapes                               SOMTHING/PUTTING SOMTHING OUT)
•	relative size                                  •	Lateral aperture
•	orientation & direction
•	nesting
Simplefied Shapes (30px square on 128px backdrop)
Simplefied Shapes (30px square on 128px backdrop)
Elements of a single day




Sleep         Dream                  Restless sleep   Lying awake




Brew coffee   smoke & drink coffee   drink coffee     smoke             lying in bed with computer




dress         walking to train       wait for train   wait and smoke    sit on train, reading   walk & drink coffee
              station                                 and think a bit   newspaper
More elements of a single day




Sit in front of com-   Listen to talk        Listen to talk & tinker   Discussion after   Having a conversation
puter/work                                   with computer             talk               at lunch




Standing + conversa-   Walking + conversa-   Sitting down + read-
tion                   tion                  ing newspaper




Lying/not thinking     Lying awake/think-    Sit, think, interact      Standing/not       walk, no thinking       walk & conversation
                       ing                   with artefact,            thinking much                              & thinking
                                             absorb info
Shape transforming logic




Lying&not thinking   Lying awake&   Sit, think, interact   Standing & not   walking & no think-   walk & conversation
                     thinking       with artefact,         thinking much    ing                   & thinking
                                    absorb info
                                    (e.g. reading news
                                    on computer)
5 actions over 3.5 days




smoked                drank                    ate                     onTrain                  computer
(counter)             (cathegorical counter)   (cathegorical counter   (event + duration)       (event + duration)
interested in total   interested in the        + duration)             If the point of inter-
times you’ve done     occurrence of the same                           est is when and how
something             action with different                            long something hap-
                      units                                            pens

                              coffee                 breakfast



                              beer                   Lunch


                              tea                    dinner
Funky Footprints, a visual excarvation.
Funky Footprints, a visual excarvation.
Funky Footprints, a visual excarvation.
Funky Footprints, a visual excarvation.
Funky Footprints, a visual excarvation.
Funky Footprints, a visual excarvation.

More Related Content

Viewers also liked

Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...
Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...
Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...Fundacja Rozwoju Branży Internetowej Netcamp
 
WIndows Phone 7 UX
WIndows Phone 7 UXWIndows Phone 7 UX
WIndows Phone 7 UXShane Morris
 
Strijker, A. (2002). Teletop Techniek En Didactiek
Strijker, A. (2002). Teletop Techniek En DidactiekStrijker, A. (2002). Teletop Techniek En Didactiek
Strijker, A. (2002). Teletop Techniek En DidactiekSaxion
 
Be kind to everyone book (reading comprehension)
Be kind to everyone book (reading comprehension)Be kind to everyone book (reading comprehension)
Be kind to everyone book (reading comprehension)Brent Daigle, Ph.D.
 
Diaporama Seance Commune
Diaporama Seance CommuneDiaporama Seance Commune
Diaporama Seance CommuneMarty Bruno
 
When data is duplicated or missing from graphs
When data is duplicated or missing from graphsWhen data is duplicated or missing from graphs
When data is duplicated or missing from graphsBrent Daigle, Ph.D.
 
High in the Sky (Reading Comprehension)
High in the Sky (Reading Comprehension) High in the Sky (Reading Comprehension)
High in the Sky (Reading Comprehension) Brent Daigle, Ph.D.
 
Assessing Students For Instruction
Assessing  Students For  InstructionAssessing  Students For  Instruction
Assessing Students For InstructionBrent Daigle, Ph.D.
 
Digital Storytelling For Students With Autism
Digital Storytelling For Students With AutismDigital Storytelling For Students With Autism
Digital Storytelling For Students With AutismBrent Daigle, Ph.D.
 
Ensayo conectivismo y educación primaria
Ensayo conectivismo y educación primariaEnsayo conectivismo y educación primaria
Ensayo conectivismo y educación primariaRafael Herraez Navarro
 
Silverlight Splashes Out
Silverlight Splashes OutSilverlight Splashes Out
Silverlight Splashes OutShane Morris
 

Viewers also liked (20)

Branches Of Government
Branches Of GovernmentBranches Of Government
Branches Of Government
 
Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...
Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...
Czego NIE NALEŻY robić, aby osiągnąć sukces w innowacyjnym startupie | Netcam...
 
Open Court
Open  CourtOpen  Court
Open Court
 
WIndows Phone 7 UX
WIndows Phone 7 UXWIndows Phone 7 UX
WIndows Phone 7 UX
 
Strijker, A. (2002). Teletop Techniek En Didactiek
Strijker, A. (2002). Teletop Techniek En DidactiekStrijker, A. (2002). Teletop Techniek En Didactiek
Strijker, A. (2002). Teletop Techniek En Didactiek
 
Be kind to everyone book (reading comprehension)
Be kind to everyone book (reading comprehension)Be kind to everyone book (reading comprehension)
Be kind to everyone book (reading comprehension)
 
Intellectual Disabilities
Intellectual DisabilitiesIntellectual Disabilities
Intellectual Disabilities
 
Who Were The First Americans
Who Were The First  AmericansWho Were The First  Americans
Who Were The First Americans
 
Diaporama Seance Commune
Diaporama Seance CommuneDiaporama Seance Commune
Diaporama Seance Commune
 
Considerations For All Teachers
Considerations For All TeachersConsiderations For All Teachers
Considerations For All Teachers
 
Back To School Tips For Teachers
Back To School Tips For TeachersBack To School Tips For Teachers
Back To School Tips For Teachers
 
When data is duplicated or missing from graphs
When data is duplicated or missing from graphsWhen data is duplicated or missing from graphs
When data is duplicated or missing from graphs
 
High in the Sky (Reading Comprehension)
High in the Sky (Reading Comprehension) High in the Sky (Reading Comprehension)
High in the Sky (Reading Comprehension)
 
Vitrais
VitraisVitrais
Vitrais
 
Synonym Surprise
Synonym Surprise Synonym Surprise
Synonym Surprise
 
Assessing Students For Instruction
Assessing  Students For  InstructionAssessing  Students For  Instruction
Assessing Students For Instruction
 
Digital Storytelling For Students With Autism
Digital Storytelling For Students With AutismDigital Storytelling For Students With Autism
Digital Storytelling For Students With Autism
 
Ensayo conectivismo y educación primaria
Ensayo conectivismo y educación primariaEnsayo conectivismo y educación primaria
Ensayo conectivismo y educación primaria
 
Silverlight Splashes Out
Silverlight Splashes OutSilverlight Splashes Out
Silverlight Splashes Out
 
Branches of government
Branches of governmentBranches of government
Branches of government
 

More from smuemd

Citizen Power Project
Citizen Power ProjectCitizen Power Project
Citizen Power Projectsmuemd
 
Business Modeling Starter Kit
Business Modeling Starter KitBusiness Modeling Starter Kit
Business Modeling Starter Kitsmuemd
 
Urban Solar workshop talk
Urban Solar workshop talkUrban Solar workshop talk
Urban Solar workshop talksmuemd
 
FHP_proposal_talk_with_notes
FHP_proposal_talk_with_notesFHP_proposal_talk_with_notes
FHP_proposal_talk_with_notessmuemd
 
MasterThesisWorkshopSlides
MasterThesisWorkshopSlidesMasterThesisWorkshopSlides
MasterThesisWorkshopSlidessmuemd
 
urbanscouts
urbanscoutsurbanscouts
urbanscoutssmuemd
 
Von Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmuller
Von Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmullerVon Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmuller
Von Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmullersmuemd
 
Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...
Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...
Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...smuemd
 
Design Practise & Behavioral Economics
Design Practise & Behavioral EconomicsDesign Practise & Behavioral Economics
Design Practise & Behavioral Economicssmuemd
 
Binder1
Binder1Binder1
Binder1smuemd
 
01 Thesis Project stefanmueller
01 Thesis Project stefanmueller01 Thesis Project stefanmueller
01 Thesis Project stefanmuellersmuemd
 

More from smuemd (11)

Citizen Power Project
Citizen Power ProjectCitizen Power Project
Citizen Power Project
 
Business Modeling Starter Kit
Business Modeling Starter KitBusiness Modeling Starter Kit
Business Modeling Starter Kit
 
Urban Solar workshop talk
Urban Solar workshop talkUrban Solar workshop talk
Urban Solar workshop talk
 
FHP_proposal_talk_with_notes
FHP_proposal_talk_with_notesFHP_proposal_talk_with_notes
FHP_proposal_talk_with_notes
 
MasterThesisWorkshopSlides
MasterThesisWorkshopSlidesMasterThesisWorkshopSlides
MasterThesisWorkshopSlides
 
urbanscouts
urbanscoutsurbanscouts
urbanscouts
 
Von Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmuller
Von Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmullerVon Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmuller
Von Juttebeuteln und Gucci Taschen (Semiotische Betrachtungen) stefmuller
 
Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...
Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...
Nachhaltige Hochschule. Analyse, Visualisierung und Kommunikation von Arbeits...
 
Design Practise & Behavioral Economics
Design Practise & Behavioral EconomicsDesign Practise & Behavioral Economics
Design Practise & Behavioral Economics
 
Binder1
Binder1Binder1
Binder1
 
01 Thesis Project stefanmueller
01 Thesis Project stefanmueller01 Thesis Project stefanmueller
01 Thesis Project stefanmueller
 

Recently uploaded

Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Developmentchesterberbo7
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxMichelleTuguinay1
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQuiz Club NITW
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research DiscourseAnita GoswamiGiri
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Projectjordimapav
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Association for Project Management
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...DhatriParmar
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfPrerana Jadhav
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxSayali Powar
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleCeline George
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1GloryAnnCastre1
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQuiz Club NITW
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptxmary850239
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxDhatriParmar
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operationalssuser3e220a
 

Recently uploaded (20)

Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Development
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research Discourse
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Project
 
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptxINCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdf
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP Module
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operational
 

Funky Footprints, a visual excarvation.