How to make the invisible visible, how to make the ......CS-E5200 Design Project. Prototyping and...
Transcript of How to make the invisible visible, how to make the ......CS-E5200 Design Project. Prototyping and...
How to make the invisible visible,how to make the impossible reality,
how to feel the intangible?
http://livinglabbus.fi/
CS-E5200 Design Project
Prototyping and Concept Validation
Mika P. Nieminen, D.Sc. (Tech.)[email protected]+358 40 731 2625
Strategic Usability Research Group
CreativityIdeation
SelectionValidation
Maximum uncertainty
“Good” solution
Design project timeline
Ideation or when more is more
Double diamond
Con
cept
hyp
othe
sis
Concept design Implementation design
Ope
ratio
ns
Feedback
What tools to use at each stage?
Time
Des
ign
conf
iden
ce
100%
0%
Use
r res
earc
h
Des
ign
and
prot
otyp
ing
Dev
elop
men
tan
d de
sign
pha
se
Exte
nsiv
e us
er te
stin
g
V2 d
evel
pmen
t
MVPLaunch
Start of development
Development milestones
PrototypeMVP
V1.0 Scaling up
Potential implementation technology breaks
Tools development trends
Functionality/performance
Cos
t/dev
tim
e
Prototyping tools
Development tools
Tools development trends
Functionality/performance
Cos
t/dev
tim
e
To be considered
• What tools to choose for the prototyping and development phases
• Can work done/implementation from the prototyping stage be reused?
Example: Online store
• Holvi, free + 3%/transaction• Shopify, 29$/month + 3-5%/transaction• Woocommerce, 100-1000€/year sw + 5-30€/month
hosting + 2%/transaction• Tailor made: 30’000-100’000 development + 100€/month
hosting + 2%/transaction
SW testing outcomes
User testing = Implementation quality• Usability• UI design• Speed• Can be done in lab
Concept validation =Solution quality• Right problem?• Good solution?• Interaction with context• Only works in the field
The two outcomes of prototyping
Planned outcomes• Evaluation results
Unplanned outcomes• Serendipity• Require listening• Open mind
Risk = f(uncertainty)
Time
Unc
erta
inty
Reducing risk = reducing uncertainty
Decision
Why must I validate the design?
• Identified and interpreted the users needs correctly• Concepts fit the users (not the designers)• Both qualitative and quantitative data can be gathered
Validation is ...
• Two way communication between design team and user • Medium for this communication the prototypes
(artifacts).• Detail and quality improved the further the development
process goes • All the different levels are used all the time
Current design =hypothesis
Select most criticalassumptions
Invent ways to testthe assumptions
Define success criteria for tests
Discover underlyingassumptions
Assumption = something that must be true in
order for the design to be valid
Implement test(s)
Execute test(s)
Evaluate test results
Decision:go, no go, redesign
New design
Do’s
• Test in real context• Use humans for complex “behind the scene tasks”
– Concierge services, Wizard of Oz• Less is more, seek minimum useful functionality
Don’t
• Waste time on overhead functions– Login, user profile, etc
• Over-rely on A/B testing– Good for incremental improvement
Prototyping ideas
Storyboard as prototype
Benchmark
Physical
Prototyping process=
concept validation
More Examples
2/18/2018
Examples: Scenario / Storyboard
Scenario / Storyboard
Collages / Moodboards
CGI Simulations / animations
3D illustrations
Example: 3D illustrations
Movie / Play
Paper prototypes,tangible prototypes
Examples
• Kiasma Guide
Paperprototype holderbackground music andinterpretations from mini-CD
Kutsulaite
Paper prototypes,3D prototypes
Paper prototypes
Paper prototype of an web email
Functional prototypes
Heureka Now
HNow validation
...and the real Heureka infotellera.k.a. Hopastin
Functional Prototypes
Mega-Scratch Lottery
Windshield and Swipe&Touch validations
Customer Journey Map
Landing pages
Mobile Apps
Image: www.igen.fr
LEARNING FINNISH WITH YLE SELKOUUTISET