45
Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Embed Size (px)

Citation preview

Page 1: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Happy Designaka. Rapid Prototyping for the Web

Why building backwards is faster, cheaper and delivers a better web product

Page 2: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

So, here it is…

Web design is undergoing a BIG change.

Why?

Page 3: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product
Page 4: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

1908

Hurley Machine Company Vacuum Cleaner

Page 5: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

1993

Dyson Vacuum Cleaner

Page 6: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

2003

iRobot’s Roomba

Page 7: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

1896

Henry Ford’s First Car

Page 8: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

1990

Ferrari

Page 9: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

2001

Toyota Prius

Page 10: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

2007

BMW Hydrogen 7

Page 11: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

A big leap forward

Page 12: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Old Design Path

The Aesthetics

The System

The Parts

Page 13: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Web Design: Old Way

User Interface

Application Layer

Database

Page 14: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

An Upside Down World

Page 15: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

“It is not the strongest of the species that survives, nor the most intelligent that survives. It is the one that is the most adaptable to change.”

- Charles Darwin

Page 16: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Web Design: New Way

User Interface

Application Layer

Database

Page 17: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

What is Rapid Prototyping?

Page 18: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Go back to kindergarten

Page 19: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

The Alternative

Page 20: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Less Less mass

Less software

Less features

Less documentation

Less money

Less support

Less politics

Page 21: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Small

Stay small

Small teams are agile

Small decisions

Small changes

Small problems

Page 22: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Interface

Start with the interface

Real screens that people are going to use

Start with the experience

Start with the hard stuff

Page 23: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Iterative

Lower the cost of change

Smoother project flow

Frequent launches

Allows tweaking

Reduce fatigue

Page 24: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

People Focused

Users are human beings with emotions and anxieties

Engineers are people too

Not everyone can ‘see’ your ideas

Speak to senses not concepts

Page 25: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

“…But that’s the way it’s always been done.”

Deals with the cause and not the symptoms

Eliminates problems before it’s too late

Page 26: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Requirements Gathering

“No other part of the work so cripples the resulting system if done wrong. No other part is more difficult to rectify later”.

- Frederick Brooks, The Mythical Man-Month

Page 27: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

The Spec

Page 28: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Real Examples

Page 29: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Show Functionality

Page 30: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Front and Back

Page 31: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Link to Real Examples

Page 32: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

States

Ideal

Error

Sample

Page 33: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Error

Page 34: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Error

Page 35: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Error

Page 36: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Sample

Page 37: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Sample

Page 38: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Project Plans

Page 39: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Real Life

?

?

?

Page 40: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Budget

?Traditional Design

Iterative Design

Page 41: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

80:20

Revenue/Activity

Features

Page 42: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

80:20

Time Features

Page 43: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

Advantages

Faster

Cheaper

Visual Spec

Marketing Tool

User Testing

Money Raising Tool

And…

Page 44: Happy Design aka. Rapid Prototyping for the Web Why building backwards is faster, cheaper and delivers a better web product

…No Waste