38
hi

Think Before You Act or Rapid Prototyping

Embed Size (px)

DESCRIPTION

This presentation was given at World Information Architecture Day 2012 - Ghent (Belgium) edition

Citation preview

Page 1: Think Before You Act or Rapid Prototyping

hi

Page 2: Think Before You Act or Rapid Prototyping

i’m @stevenbeeckman

Page 3: Think Before You Act or Rapid Prototyping
Page 4: Think Before You Act or Rapid Prototyping

Think before you actor

rapid prototyping

Page 5: Think Before You Act or Rapid Prototyping

how to build software

Page 6: Think Before You Act or Rapid Prototyping

Client

Analyst

Designer

Developer

Tester

Client

Page 7: Think Before You Act or Rapid Prototyping

Client

Analyst

Designer

Developer

Tester

Client

Page 8: Think Before You Act or Rapid Prototyping

Client

Analyst

Designer

Developer

Tester

Client

Expe

rt Driv

en

Develo

pmen

t

Page 9: Think Before You Act or Rapid Prototyping

this is what you get

Page 10: Think Before You Act or Rapid Prototyping
Page 11: Think Before You Act or Rapid Prototyping

here’s why

Page 12: Think Before You Act or Rapid Prototyping

60 pages of specs nobody reads(nor really understands)

Page 13: Think Before You Act or Rapid Prototyping

so let’s fix that problem

Page 14: Think Before You Act or Rapid Prototyping

Solution 1:wireframes

Page 15: Think Before You Act or Rapid Prototyping

which tools?

Page 16: Think Before You Act or Rapid Prototyping

A3 paper & pencil

Page 17: Think Before You Act or Rapid Prototyping

iMockupsOmnigrafflePhotoshopIllustrator

AxureBalsamiq

based on @wolfr_’s blogpost http://bit.ly/zvZL83

Page 18: Think Before You Act or Rapid Prototyping

Result:lots of wireframes

(but client no real grasp of real flow)

Page 19: Think Before You Act or Rapid Prototyping

Seeing is believing

Page 20: Think Before You Act or Rapid Prototyping

Solution 2:rapid prototyping

Page 21: Think Before You Act or Rapid Prototyping

tools

Page 22: Think Before You Act or Rapid Prototyping

HTML + CSS + JS

Page 23: Think Before You Act or Rapid Prototyping

Frameworks:

Bootstrap (Twitter)Foundation (ZURB)

Your own production framework

Page 24: Think Before You Act or Rapid Prototyping

Need true data?

HTML5 Local StorageSlim/Paris/Idiorm (PHP Persistence) + MySQL

RoR

Page 26: Think Before You Act or Rapid Prototyping

problem:analyst is not a designer nor a developer

Page 27: Think Before You Act or Rapid Prototyping

still communication problems

Page 28: Think Before You Act or Rapid Prototyping

some tips

Page 29: Think Before You Act or Rapid Prototyping
Page 30: Think Before You Act or Rapid Prototyping

focus on short iterations

Page 31: Think Before You Act or Rapid Prototyping

reduce communication needs

Page 32: Think Before You Act or Rapid Prototyping

hire polyvalent people

but t

hen y

ou’ll

have

to fir

e peo

ple?

Page 33: Think Before You Act or Rapid Prototyping

talk with your client

Page 34: Think Before You Act or Rapid Prototyping

A LOT

Page 35: Think Before You Act or Rapid Prototyping

building computers is science

Page 36: Think Before You Act or Rapid Prototyping

building software is art

a few pearls, lots of crap

Page 37: Think Before You Act or Rapid Prototyping

know your audience

Page 38: Think Before You Act or Rapid Prototyping

stay in touch

@stevenbeeckman

do often & extensive user testing(check @AGConsult’s blog)