The document discusses the nature of design as a nonlinear process involving both divergent and convergent thinking. It describes design as "thinking by making" that relies on both logical and creative thought. Examples are provided of how designers solve problems through managing contradictory ideas and utilizing systems thinking approaches.
2. Design is thinking by making.
... a process and how we problem solve.
... a Non-linear pattern of thought and execution.
... the ability to manage and understand our methods of thought.
Design is...
Tuesday, September 10, 13
3. Design is thinking by making.
I am a designer, who are you?
Tuesday, September 10, 13
4. Design is thinking by making.
Saul Bass
iconic Graphic Designer
“Design is thinking made visual.“
Tuesday, September 10, 13
5. Insights to how creative minds think and work.
Design is thinking by making.
Tuesday, September 10, 13
15. Design is thinking by making.http://worldsoccertalk.com/wp-content/uploads/2013/07/new-york-subway-guide.jpg
Tuesday, September 10, 13
16. Design is thinking by making.http://www.columbia.edu/~brennan/subway/ScaleSubwayMap.GIF
Tuesday, September 10, 13
17. Design is thinking by making.http://worldsoccertalk.com/wp-content/uploads/2013/07/new-york-subway-guide.jpg
Tuesday, September 10, 13
18. Design is thinking by making.http://upload.wikimedia.org/wikipedia/commons/d/d8/SubwaySigns.jpg
Tuesday, September 10, 13
19. Design is thinking by making.http://upload.wikimedia.org/wikipedia/commons/d/d3/WMATA_Farecard_Machines.jpg
Tuesday, September 10, 13
20. Design is thinking by making.http://www.robertmanni.com/images/subway.jpg
Tuesday, September 10, 13
21. Design is thinking by making.
Constraints
& Patterns
Solving a design problem
Tuesday, September 10, 13
22. Design is thinking by making.
Constraints
& Patterns
Path of
Execution
Solving a design problem
Tuesday, September 10, 13
23. Design is thinking by making.
Constraints
& Patterns
Path of
Execution
Achieving an
Outcome
Solving a design problem
Tuesday, September 10, 13
24. Design is thinking by making.
Systemic
& Analytical
Thinking
Non-Linear
Thinking
Managing
Thought
Processes
Methods of thinking
Tuesday, September 10, 13
25. Design is thinking by making.
Left Brain Right Brain
Tuesday, September 10, 13
26. Design is thinking by making.
Left Brain Right Brain
Creativity
Imagination
Holistic (Systems)
Intuition
Rhythm
Feelings
Visualization
Day Dreaming
Art
Tuesday, September 10, 13
27. Design is thinking by making.
Left Brain
Logic
Analysis
Sequencing
Linear
Math
Language
Facts
Words
Computation
Right Brain
Creativity
Imagination
Holistic (Systems)
Intuition
Rhythm
Feelings
Visualisation
Day Dreaming
Art
Tuesday, September 10, 13
28. Knowledge Base Documents
Map Builder
Hitlist
Initial Sort by Priority:
⁃ Flag for Wall Review (date)
⁃ Flag scheduled for Tours (date, Design Mgr)
⁃ Remaining segregated and sorted by status or alpha
Alert
New Reports are
available
Make Manual
Edits to
location, city,
country maps
⁃ Location status
(color)
⁃ Financial data
Review which
items need
updated KBase
documents
Alert
Next Steps based on Status
“Did you get the LOD?”
“Did you do the ATP slide?”
“Do you have store opening package?”
Etc.
Change
Hitlist item
status to
"Approved"
• Global metro sales data
• Rate sales numbers
(quarterly)
• Real Estate status report
Add to Tasks list (auto?)
Open
Hitlist
Schedule
• Design Mgrs touring locations
• Wall Reviews
Review links to
associated KBase docs
Open Map
en
ail
ams
pp
Fact
Base
City
Fact
Base
Location
Concept
Drawings
Photos
Auto-update?
Ashley
Mkt Analyst
Logic Creativity
Tuesday, September 10, 13
37. Design is thinking by making.
Mihay Csikszentmihalyi’s
former head of Psychology at Chicago University
“If I had to express in one word what
makes their personalities different from
others, it's complexity. They show
tendencies of thought and action that in
most people are segregated. They
contain contradictory extremes; “
Tuesday, September 10, 13
49. To conclude...
Understand team members’ natural way of problem solving
Don’t be afraid to think non-linear
Mentally frame the solution
Tuesday, September 10, 13
50. Thank you!
Andy Van Solkema
andy@visualhero.com
@andyvansolkema
www.visualhero.com
@visualhero
Tuesday, September 10, 13
51. References
Dynamic Design: Cognitive Processes in Design Sketching
by Moira R. Dillon
Overview of Systems Thinking
by Daniel Aronsen
System Thinking, a simple thinking technique for gaining focus
by Gary Bartlett
Deep Interaction (http://www.youtube.com/watch?v=Isja8AcgHzw)
talk by Karl Fast at UX Brighton
Helpful distortion at NYC & London subway maps
by Matt Lindermann for Signal vs. Noise
Thank you to my many colleagues who supported my research and preparation.
Tuesday, September 10, 13
Editor's Notes
Which is directly these modes of thinking in a designers mind.
Which is directly these modes of thinking in a designers mind.
They can be thought of as
- Visual Language of sports. - Could not get your hands on this stuff like you can today.
I scoured catalogs and baseball cards for logos. The drew them... on everything. - Notebooks - Bedroom ceiling tiles - Wiffle ball league - Language of systems and colors that drew me in. - Spent most of my free time drawing and creating leagues of our own
- Boy enamored by sports. Not uncommon in boys. - uncommon is why
-34 yrs thinking like a designer. -14 years as a professional designer - last 10 years designing Visualhero.
With a fantastic team...
Visualhero Experience design studio - Design Research, - Graphic and Information Design - User Experience Design. - User Experience Design.
I am also an Advisor to the regional design organization Design WM - advocating - creative - curious - design-centric region
Lets acknowledge design has a variety of disciplines and therefore many outputs. Interfaces Graphic design Interaction design Product or Industrial Design Motion Design Architecture etc.
But lets focus on the collective experience of something like a subway. Many have experienced this or know the concepts fairly well for this to work. When I say “New Your Subway” you may have a - mental image similar to this... - also have a feeling that comes from an experience you have had. A collectively understanding touch points you encountered.
One of those experiences is the Subway map. - Visual tool to set context. - Allows us to plan and understand experience As a form of Graphic Design - Abstraction of the actual...
An actual map of track locations looks something like this - Higher fidelity - Unnecessary information and detail - takes more to process - more information than is needed.
Graphic representation for better context setting - Only direction and stop locations - Color coding to support understanding
- walked into this building and saw this? - Out of context? No idea what this meant? - to make sense it needs context Graphically - it is simple - a system of numbers and colors - Allows us to move through the experience
How about something more complex. Without critiquing how bad these are in general. - It is a necessary step to the experience. - In most Cities a poor part of the experience. - But it is a necessary tool designed trhough industrial design and interaction design.
Then the ride itself. We don’t worry about traffic, or every turn in the rail. - just our stop and when we depart. - But this ride is not the experience alone. - All of these touchpoints come together - Graphic Design - Interaction Design - Industrial Design - Engineering - Customer Services - Marketing - etc... -
A design problem requires the following to execute
A design problem requires the following to execute
A design problem requires the following to execute
Which is directly these modes of thinking in a designers mind.
Capable of two types of thought. - Known as Right Brain and Left Brain Theory - We are all dominant and one area or the other. - Right Brain = Systemic Thinking - Creativity - Passion - Visual - Day Dreaming - Holistic thought - Experiences
Capable of two types of thought. - Known as Right Brain and Left Brain Theory - We are all dominant and one area or the other. - Right Brain = Systemic Thinking - Creativity - Passion - Visual - Day Dreaming - Holistic thought - Experiences
Capable of two types of thought. - Known as Right Brain and Left Brain Theory - We are all dominant and one area or the other. - Right Brain = Systemic Thinking - Creativity - Passion - Visual - Day Dreaming - Holistic thought - Experiences
Logic - Reasoning? Creativity - use of imagination or original ideas Approach A Sketch / Refined Craft Composition (all at once) / Brush Stroke Brand Essence (Coke) / Ligature detail (Coke logo) (ear) Experience (Disney world?) / Touch points (Vendor at Disney) iPhone System/ Pixels and wireframes Chair Use / Fabric choices Applications Collaborative / Personal For Everyone / Individual Act For the trained / Done by kids Fantasy/Reality Organization / Free Logic / Creativity Thinking Big “D” / Little “D” Macro / Micro Systemic / Analytic
Fantasy - Future casting or future patterns, technology and behaviors. Reality - What do I have to accompish?
Gestural Sketching - quick representation Refined craft and management of details - exacting actions Approach A Sketch / Refined Craft Composition (all at once) / Brush Stroke Brand Essence (Coke) / Ligature detail (Coke logo) (ear) Experience (Disney world?) / Touch points (Vendor at Disney) iPhone System/ Pixels and wireframes Chair Use / Fabric choices Applications Collaborative / Personal For Everyone / Individual Act For the trained / Done by kids Fantasy/Reality Organization / Free Logic / Creativity Thinking Big “D” / Little “D” Macro / Micro Systemic / Analytic
Composition - All at once, movement of the eye, mood and feeling Technique - Actions and craft to accomplish a body of work
Chair - How is this chair used? - Desk chair - Chair in my living room or waiting area? - Is it functional like a chair in a vehicle or dentist office? Fabric - What is the best fabric for the use? - Durability or comfort? - Style or function (Mesh from Aeron Chair...) - How will we adhere it to the chair? Approach A Sketch / Refined Craft Composition (all at once) / Brush Stroke Brand Essence (Coke) / Ligature detail (Coke logo) (ear) Experience (Disney world?) / Touch points (Vendor at Disney) iPhone System/ Pixels and wireframes Chair Use / Fabric choices Applications Collaboration/ Solitude For Everyone / Individual Act For the trained / Done by kids Fantasy/Reality Organization / Free Logic / Creativity Thinking Big “D” / Little “D” Macro / Micro Systemic / Analytic
It takes both sides of the brain for a designer to focus both on the entire experience and details that make up the experience. Systemic thought - Considers those environments - External factors - Users behaviors and motivations - Setting context - Benchmarking Analytical actions - related to organization and execution of craft and details - pixel by pixel - bevel of the iphone - size of the type for composition and readability
a designer does not think up a solution in their mind then execute. Requires Bouncing back and forth. - between the experience and details (Systemic and Analytical thought) - Those are filtered by divergent and convergent thinking between each side of the brain - and then action from thought.
Also illustrated teh process of divergence and convergence design process
[Bedroom Ceiling tiles] I was always drawing and creating. This was what myself, parents and teachers thought I was destined to do. Design, draw and create visuals.
me-HIGH chick-sent-me-HIGH-ee -thirty years of research on creative minds - Contradiction. That is the key to Creativity?
a designer does not think up a solution in their mind then execute. Requires Bouncing back and forth. - between the experience and details (Systemic and Analytical thought) - Those are filtered by divergent and convergent thinking between each side of the brain - and then action from thought.
Painting vs. a Book - Painting and writing are both creative acts. - Both tell stories - The viewer visualizes the book in their mind to create a mental image - But they consumes them differently
Book - Linear - Chapter by Chapter, word by word -you must move line by line - to create and image - to gain mood and story - understand the story and what the experience is
Image/ Painting - Non- Linear - Intentional Movement of the eye - Mood is imediate - motion is implied - you move through the paitning experienceing it - you understand what it says to you by looking at it - It is all at once
Brains use visualization even when non are present. Likewise Brains need action to support thinking.
Someone has an idea to share with you... What do they do? Whiteboard sketch or Metaphor... This is the brain understanding visually through making.
You’ve heard Bouncing a ball or playing with a toy activates thought -Even when alone and not brainstorming. - This activity simulates an extension of making for the brain.
A better example... Form of metaphor or illustration. Tying your hands behind your back stiffles thinking.
Embodied cognition enabling actions to acquire knowledge. Shared Cognition is enabling thought conversation This knowledge is built upon in a non-linear fashion to be categorized with my meta Cognition.
Systemic and Analytical Builder...
a designer does not think up a solution in their mind then execute. Requires Bouncing back and forth. - between the experience and details (Systemic and Analytical thought) - Those are filtered by divergent and convergent thinking between each side of the brain - and then action from thought.