SlideShare a Scribd company logo
From Paper to Prototype 
Chris McQueen (London)
In reality, more appropriate names are… 
From to Prototype Po s t- i t 
Or 
How I learned to stop worrying 
and love Science
WhTaotd I’all yc…over… 
Part 1: Why think like a scientist? 
Includes a short story… 
Part 2: *A science project 
*Not really a science project
Part 1: 
Why think like a Scientist?
A littTleo bdita ayb…out me... 
With Deutsche Bank for 3 years. 
10 years experience. 
Previously worked as a UX consultant. 
Love photography, music, architecture… 
All what I’d consider to be designer type things! 
Graduated with Bachelor of Science degree in Human Factors 
(Ergonomics). 
…and it’s this last bit I want to tell you about.
… I really didn’t think of myself as a SCIENTIST!
Human FaTcotodrasy (…Ergonomics) 
I learnt all about cognitive psychology, qualitative data analysis and 
various observational research methods… 
…All very “science” orientated type things 
So 
I specialized in Human-Computer Interaction! 
Which, whilst very “science-y” included more design related and UI 
focused projects
Today… 
“I’m not a Scientist… 
I’m a designer!”
Today… 
So I went to see my Professor...
ToHed taolyd …me: 
“As a scientist, an engineer or designer… 
…you’ll follow the same steps. 
It’s the method that’s important”
So what method does a Scientist follow? 
1. Baseline research leading to a 
hypothesis or theory 
2. Produce models and simulations 
3. Experiment & make observations
And Scientists always... 
Never fear failure. Ever 
Understand there are no Silver Bullets 
Constantly learn from others 
Iterate, Iterate, Iterate 
Iterate, Iterate, Iterate 
Continually learn from others
But most importantly... 
Scientists want their 
theories to be tested... 
This is how new ideas develop and 
the discipline moves forward
Example 
The Higgs Boson was theorized back in 
1964 by Peter Higgs. It attempts to 
describe the basic workings of the 
universe. 
It’s taken 48 years for its existence to be 
proven... Scientists still say they’re only 
99% certain. 
But more importantly, the insight gathered 
in the last 48 years has benefited us all... 
e.g. mobile communications technology, 
advances in medical science (particularly 
radiology), and lots more. 
http://thenextweb.com/shareables/2012/07/04/so-what-is-the-higgs-boson-and-why-is-it-important-anyway/
Part 2: 
A science project
Step 1: 
Baseline research leading 
to a hypothesis or theory
We rarely know our users. 
They certainly don’t look like this... 
So how do we find out what they are like?
We can use multiple methods 
Contextual Inquiry 
Stakeholder 
Interviews 
Diary Study 
Surveys 
Focus Groups 
Participatory 
Phone Interviews Design
Remember: 
There are no Silver Bullets
Example discussion guide
Paper to prototype, or.... How I learned to stop worrying and love Science
Analyze the data 
Research coverage 
from Asia, Europe 
(and North America) 
Extract key insights
Look for patterns. Group Insights
Create profiles 
Grouping profiles by task similarity 
Naming groups e.g. Constant Creators & Safeguard Authorizers
Create profiles
Find user archetypes: 
Personas 
Refer to CoP Brown Bag lunches for more info on how to create these
Task Flows 
Task flows define 
a typical journey 
through each 
user’s day. 
We include all 
touchpoints 
A task flow is 
produced for 
each persona
Task flows (continued)
Now, based on all our insight 
we can...
Brainstorm Ideas 
Dashboard Creation 
Initiation History 
Simplify Creating Reports 
Easy Input Forms
Create Concept Designs
We can think of this as our 
Design Hypothesis 
...And like any hypothesis 
we should test it
Step 2: 
Produce Models and 
Simulations
A model or simulation? 
Sounds like a Prototype to me...
1st Prototype (click-through concept)
1st Prototype (click-through concept)
Step 3: 
Experiment and make 
observations
Test our designs with 
real users
Remember: 
Iterate, Iterate, Iterate
2nd Prototype (medium fidelity)
3rd Prototype
Remember: 
Learn from others
“Good artists copy, 
great artists steal…” 
Pablo Picasso 
Personally, I prefer... 
“Insights from others often lead us to our own 
(mini) breakthroughs” 
Me (Today) 
BUT always give appropriate credit… I’ve learnt this the hard way!
Scientists learn from others all the time... 
Einstein: Theory of Relativity 
Einstein was heavily influenced by Henri 
Poincaré, a French mathematician who’s 
previously published work had largely focused 
in this area. 
Alexander Graham Bell: Telephone 
Italian, Antonio Meucci demonstrated “voice communication apparatus” 
almost 16 years earlier. 
As an aside... Meucci failed to pay a $10 patent renewal fee
Caution! 
Never take an idea wholesale 
Just because it works for X users, 
doesn’t mean it’ll work for Y 
Always consider the context
In summary...
Using multiple methods 
helps us gain deeper insight 
Remember: 
There are no Silver Bullets
Testing our assumptions and our designs 
makes our products better 
Remember: 
Iterate, Iterate, Iterate
Insights from others often lead us to 
our own (mini) breakthroughs 
Remember: 
Learn from others
It’s OK to Fail 
In fact, we should embrace it 
and learn from our mistakes 
Remember: 
Scientists want their theories to be tested! 
We learn from failure… Probably more than we do 
from success.
Paper to prototype, or.... How I learned to stop worrying and love Science

More Related Content

PDF
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
PDF
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
PPTX
Sketching UX: Low-Fidelity Method; High-Fidelity Results
PDF
AgileCamp Silicon Valley 2015: One Dollar Prototype
PPTX
Open Source Thinking Tools in Digital Product Design- VIBE WIRE
PDF
Low Fidelity Prototype
PPTX
Build Low Fidelity Wireframes
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Sketching UX: Low-Fidelity Method; High-Fidelity Results
AgileCamp Silicon Valley 2015: One Dollar Prototype
Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Low Fidelity Prototype
Build Low Fidelity Wireframes

Viewers also liked (18)

PDF
Practical Product Innovation - Sydney CTO Summit
PPT
Write awesome personalized donor thank you emails using GlobalGiving and Face...
PDF
Paper to-prototype
PDF
St low fidelity prototype v2
PDF
Blog-based courses in higher education: experience from Tallinn University
PDF
How to Visualize a Business
PPTX
How To Write An Awesome Blog Post
PDF
Personas in Interaction Design
KEY
Creating Low Fidelity Prototypes
PDF
Importance of Wireframes in Web Design
PDF
Demystifying User Experience - General Assembly
PPTX
Play games gamification
PDF
User stories in interaction design
PDF
Scenario-Based Design
PDF
Kano Analysis for Service Design
PDF
High Fidelity Prototyping
PDF
Introduction to the course
PDF
Contextual Inquiry and Personas in Interaction Design
Practical Product Innovation - Sydney CTO Summit
Write awesome personalized donor thank you emails using GlobalGiving and Face...
Paper to-prototype
St low fidelity prototype v2
Blog-based courses in higher education: experience from Tallinn University
How to Visualize a Business
How To Write An Awesome Blog Post
Personas in Interaction Design
Creating Low Fidelity Prototypes
Importance of Wireframes in Web Design
Demystifying User Experience - General Assembly
Play games gamification
User stories in interaction design
Scenario-Based Design
Kano Analysis for Service Design
High Fidelity Prototyping
Introduction to the course
Contextual Inquiry and Personas in Interaction Design
Ad

Similar to Paper to prototype, or.... How I learned to stop worrying and love Science (20)

PDF
Fundamental Questions - The Second Decade of AI: Towards Architectures for Hu...
PPT
What is computer science
PDF
My Design Theory
DOCX
Presentation notes revised_042912
DOCX
Presentation notes revised_042912
PPT
Ag Smaoineamh Taobh Amuigh Den Bhosca: Enhancing Creative And Critical Thinki...
PDF
TechnoCreativity, the next generation
PPT
Intoduction of Artificial Intelligence
PPT
Artificial intelligence
PPT
applying Anthropology
PPTX
Irina class tips
PPT
DS Mirrors Artificial Intelligence ppt.ppt
PPT
Artificial Intelligence
PPTX
Chapter_1_Introductnvjygcgfxhgfxhfxhgfion.pptx
PPTX
7th grade august 20th, 2010
PDF
Behind the courtain of a paper: Interdisciplinary research from the idea to d...
PDF
Design Theory - Lecture 03: Design as Learning / Methods & Tools
PDF
Scientific software engineering methods and their validity
PPTX
Accessibility as Innovation - giving your potential users the chance to inspi...
PPTX
Edupunk, Seminars (in a context of Modernity)
Fundamental Questions - The Second Decade of AI: Towards Architectures for Hu...
What is computer science
My Design Theory
Presentation notes revised_042912
Presentation notes revised_042912
Ag Smaoineamh Taobh Amuigh Den Bhosca: Enhancing Creative And Critical Thinki...
TechnoCreativity, the next generation
Intoduction of Artificial Intelligence
Artificial intelligence
applying Anthropology
Irina class tips
DS Mirrors Artificial Intelligence ppt.ppt
Artificial Intelligence
Chapter_1_Introductnvjygcgfxhgfxhfxhgfion.pptx
7th grade august 20th, 2010
Behind the courtain of a paper: Interdisciplinary research from the idea to d...
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Scientific software engineering methods and their validity
Accessibility as Innovation - giving your potential users the chance to inspi...
Edupunk, Seminars (in a context of Modernity)
Ad

Recently uploaded (20)

PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
An introduction to AI in research and reference management
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
building Planning Overview for step wise design.pptx
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
Package Design Design Kit 20100009 PWM IC by Bee Technologies
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
DOC-20250430-WA0014._20250714_235747_0000.pptx
An introduction to AI in research and reference management
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
mahatma gandhi bus terminal in india Case Study.pptx
Quality Control Management for RMG, Level- 4, Certificate
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
pump pump is a mechanism that is used to transfer a liquid from one place to ...
building Planning Overview for step wise design.pptx
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Africa 2025 - Prospects and Challenges first edition.pdf
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
Interior Structure and Construction A1 NGYANQI
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...

Paper to prototype, or.... How I learned to stop worrying and love Science

  • 1. From Paper to Prototype Chris McQueen (London)
  • 2. In reality, more appropriate names are… From to Prototype Po s t- i t Or How I learned to stop worrying and love Science
  • 3. WhTaotd I’all yc…over… Part 1: Why think like a scientist? Includes a short story… Part 2: *A science project *Not really a science project
  • 4. Part 1: Why think like a Scientist?
  • 5. A littTleo bdita ayb…out me... With Deutsche Bank for 3 years. 10 years experience. Previously worked as a UX consultant. Love photography, music, architecture… All what I’d consider to be designer type things! Graduated with Bachelor of Science degree in Human Factors (Ergonomics). …and it’s this last bit I want to tell you about.
  • 6. … I really didn’t think of myself as a SCIENTIST!
  • 7. Human FaTcotodrasy (…Ergonomics) I learnt all about cognitive psychology, qualitative data analysis and various observational research methods… …All very “science” orientated type things So I specialized in Human-Computer Interaction! Which, whilst very “science-y” included more design related and UI focused projects
  • 8. Today… “I’m not a Scientist… I’m a designer!”
  • 9. Today… So I went to see my Professor...
  • 10. ToHed taolyd …me: “As a scientist, an engineer or designer… …you’ll follow the same steps. It’s the method that’s important”
  • 11. So what method does a Scientist follow? 1. Baseline research leading to a hypothesis or theory 2. Produce models and simulations 3. Experiment & make observations
  • 12. And Scientists always... Never fear failure. Ever Understand there are no Silver Bullets Constantly learn from others Iterate, Iterate, Iterate Iterate, Iterate, Iterate Continually learn from others
  • 13. But most importantly... Scientists want their theories to be tested... This is how new ideas develop and the discipline moves forward
  • 14. Example The Higgs Boson was theorized back in 1964 by Peter Higgs. It attempts to describe the basic workings of the universe. It’s taken 48 years for its existence to be proven... Scientists still say they’re only 99% certain. But more importantly, the insight gathered in the last 48 years has benefited us all... e.g. mobile communications technology, advances in medical science (particularly radiology), and lots more. http://thenextweb.com/shareables/2012/07/04/so-what-is-the-higgs-boson-and-why-is-it-important-anyway/
  • 15. Part 2: A science project
  • 16. Step 1: Baseline research leading to a hypothesis or theory
  • 17. We rarely know our users. They certainly don’t look like this... So how do we find out what they are like?
  • 18. We can use multiple methods Contextual Inquiry Stakeholder Interviews Diary Study Surveys Focus Groups Participatory Phone Interviews Design
  • 19. Remember: There are no Silver Bullets
  • 22. Analyze the data Research coverage from Asia, Europe (and North America) Extract key insights
  • 23. Look for patterns. Group Insights
  • 24. Create profiles Grouping profiles by task similarity Naming groups e.g. Constant Creators & Safeguard Authorizers
  • 26. Find user archetypes: Personas Refer to CoP Brown Bag lunches for more info on how to create these
  • 27. Task Flows Task flows define a typical journey through each user’s day. We include all touchpoints A task flow is produced for each persona
  • 29. Now, based on all our insight we can...
  • 30. Brainstorm Ideas Dashboard Creation Initiation History Simplify Creating Reports Easy Input Forms
  • 32. We can think of this as our Design Hypothesis ...And like any hypothesis we should test it
  • 33. Step 2: Produce Models and Simulations
  • 34. A model or simulation? Sounds like a Prototype to me...
  • 37. Step 3: Experiment and make observations
  • 38. Test our designs with real users
  • 43. “Good artists copy, great artists steal…” Pablo Picasso Personally, I prefer... “Insights from others often lead us to our own (mini) breakthroughs” Me (Today) BUT always give appropriate credit… I’ve learnt this the hard way!
  • 44. Scientists learn from others all the time... Einstein: Theory of Relativity Einstein was heavily influenced by Henri Poincaré, a French mathematician who’s previously published work had largely focused in this area. Alexander Graham Bell: Telephone Italian, Antonio Meucci demonstrated “voice communication apparatus” almost 16 years earlier. As an aside... Meucci failed to pay a $10 patent renewal fee
  • 45. Caution! Never take an idea wholesale Just because it works for X users, doesn’t mean it’ll work for Y Always consider the context
  • 47. Using multiple methods helps us gain deeper insight Remember: There are no Silver Bullets
  • 48. Testing our assumptions and our designs makes our products better Remember: Iterate, Iterate, Iterate
  • 49. Insights from others often lead us to our own (mini) breakthroughs Remember: Learn from others
  • 50. It’s OK to Fail In fact, we should embrace it and learn from our mistakes Remember: Scientists want their theories to be tested! We learn from failure… Probably more than we do from success.