Fake It Before You Make It / Prototyping UX

FAKE IT BEFORE YOU MAKE IT #THEUXCONF Sergei Golubev @sgolubev

I’VE BEEN THE HEAD OF IT

MY COLLEAGUES CALL ME “DEVIGNER”

School of UX DESIGN schoolofux.com I’M RUNNING

…AND MY OWN BOOTSTRAPPED PROJECTS

— RUN LEAN — PROTOTYPE IT — TEST IT — MIND THE GAP CODE IN THE NEXT 40 MINS:

RUN LEAN FAKE IT BEFORE YOU MAKE IT

Instead of focusing on designing the actual UX, a ton of documentation is produced… UX DESIGN vs. TL;DR

…designers are just illustrating it…

…and developers coding away never

ending “ just one more thing ”

“ If you think good design is expensive, you should look at the cost of bad design . ” Ralf Steph, CEO of Jaguar

You sure everyone knows the problem they’re solving? Try Lean Canvas .

Set hypothesis ↓ Prototype ↓ Test with users ↓ Iterate Try lean UX

PROTOTYPE IT FAKE IT BEFORE YOU MAKE IT

Prototype as early as possible UX sprint n+1 Development sprint n

“ Prototyping rule no.1: find the quickest path to experience ” Tom Chi, Co

Founder of Google X

Is this really collaborative design?

Why not design together with stakeholders using ProtoPaper Kit

protopaperkit.com

protopaperkit.com

Good ol’ paper never runs out of juice

Prototyping the prototyping kit

QUESTIONS?

You can turn PDF into a clickable prototype

Bear in mind for confidential projects: it uploads all your stuff to the internets

Works well for confidential projects: exports your prototype to a local drive

Prototype right in the browser

Prototype right in the browser

TEST IT FAKE IT BEFORE YOU MAKE IT

Try to avoid opinionated design, aka BX User Boss’s Experience

You don’t have to go far…

Use event tracking

Set up goals …

… and track them

QUESTIONS?

MIND THE CODE FAKE IT BEFORE YOU MAKE IT

Don’t shoot yourself in the foot. Don't design something you cannot develop .

Understand technical l imitations FPS 60 0

Hard truth: Be ready to sacrifice 50% of your design

Learn a bit of basic coding

“ It's not necessarily that you'll be writing code, but you need to understand what can engineers do and what can they not do . ” Bill Gates

There’s a book for that!

Be nice to your developers

RUN LEAN PROTOTYPE IT TEST IT MIND THE CODE IN THE PAST 40 MINS:

schoolofux.com team@schoolofux.com @theschoolofux THANKS! ANY QUESTIONS?

UX CONFERENCE The

TIME FOR DRINKS #THEUXCONF

UX CONFERENCE The

@samhocevar independent.co.uk 123rf.com stocksnap.io photojojo.com books.google.co.uk movieandtvcorner.com youtube.com/watch?v=d5_h1VuwD6g Photography and images: CREDITS

FAKE IT BEFORE YOU MAKE IT #THEUXCONF Sergei Golubev @sgolubev