designer pro t o t ypes - amazon web services · pro t o t ypes. designing with prototypes. story...
TRANSCRIPT
D E S I G N I N G W I T H P R O T O T Y P E S
Story Time
Photo for illustrative purposes only. Sorry to random kids and their robots pictured here.
Photo for illustrative purposes only. Sorry to random kids and their robots pictured here.
1. Define goals.
2. Cut the project into logical chunks.
3. Make Low-fidelity mockups of as many ideas you can think of. Test.
4. Make High-fidelity prototypes of best options. Test.
1. Define goals
2. Cut project into logical chunks
3. Make Low-Fidelity mockups of as many ideas that you can think of. Test.
Make ideas tangible ASAP
Easily Compare Ideas
Iterate and get feedback
Brainstorm alone, but in a group
• Gather stakeholders
• Outline together what you want to accomplish.
• Have them draw as many design ideas as they can, by themselves.
• Compare Results with stakeholders.
4. Make High-fidelity prototypes of the best options. Test.
Framer Quartz Composer
InVision
OMG Stop already
Flinto Pixate Form
Adobe Project Comet
Briefs Origami Keynote
Principle Balsamic
POP
Marvel proto.io
Paper and Pencil
Visio AzureOmniGraffle Moqups
Make things real enough to prove your point.
Fake everything that doesn’t matter.
Fake as much as possible
Choose your tool based on what it’s good making real
Objective(ish) results
- Show it to people - Test it with people
- A/B test
1. Define goals.
2. Cut the project into logical chunks.
3. Make Low-fidelity mockups of as many ideas you can think of. Test.
4. Make High-fidelity prototypes of best options. Test.
Sources and Inspiration
Designing for Future Hardware
WWDC 2015 Session 801
Prototyping: Fake It Till You Make It
WWDC 2014 Session 223
Neale Van Fleet @nealemvf