Designer PRO T O T YPES - Amazon Web Services · PRO T O T YPES. DESIGNING WITH PROTOTYPES. Story...

Neale Van Fleet Designer

@nealemvf neale@rogueamoeba.com

D E S I G N I N G W I T H P R O T O T Y P E S

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.

Thanks!

Neale Van Fleet @nealemvf

neale@rogueamoeba.com

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

neale@rogueamoeba.com