40
Take Off Conference 2013

Design (for developers)

Embed Size (px)

DESCRIPTION

Slides from my talk at Take Off Conf 2013 (in Lille)

Citation preview

Page 1: Design (for developers)

Take Off Conference 2013

Page 2: Design (for developers)

Rémi ParmentierEntrepreneur and front-end developer

Tilt Studio

Page 3: Design (for developers)

@HTeuMeuLeuhttp://www.hteumeuleu.fr

Page 4: Design (for developers)
Page 5: Design (for developers)
Page 6: Design (for developers)

DESIGN

Page 7: Design (for developers)

DESIGNindustrial

graphic

interactiveuser interface user experience

typography spacing

colorsicons

Page 8: Design (for developers)
Page 9: Design (for developers)

« 7 inches tablets are going to be

dead on arrival »

2010 Q4 conference call

Page 10: Design (for developers)

« You’re headedfor a one-termpresidency »

to Barack Obama, 2010

Page 11: Design (for developers)

« Most people make the mistake of thinking design is what it looks like.

People think it's this veneer -- that the designers are handed this box and told, 'Make it look good!' That's not what we think design is.

It's not just what it looks like and feels like. Design is how it works. »

in a NYT interview, 2003

Page 12: Design (for developers)

is how it worksDESIGN

Page 13: Design (for developers)

THERE’S A

BARE MINIMUM

but

Page 14: Design (for developers)
Page 15: Design (for developers)
Page 16: Design (for developers)
Page 17: Design (for developers)

KEEP IT SIMPLEstupid !

1.

Page 18: Design (for developers)
Page 19: Design (for developers)

This is a doorNorman’s

<

Page 20: Design (for developers)

This is a click here link<

Page 21: Design (for developers)
Page 22: Design (for developers)
Page 23: Design (for developers)
Page 24: Design (for developers)
Page 25: Design (for developers)
Page 26: Design (for developers)

This is a tap

Page 27: Design (for developers)

It’s a tapobligatory Star wars joke

Page 28: Design (for developers)

THE DEVELOPER’S

SYNDROM

2.

Page 29: Design (for developers)
Page 30: Design (for developers)
Page 31: Design (for developers)
Page 32: Design (for developers)
Page 33: Design (for developers)

THE USER EXPERIENCEof a toaster

3.

Page 34: Design (for developers)
Page 35: Design (for developers)

This is my toasterI hate it

Page 36: Design (for developers)

3 problems with this design

1. no duration indication2. only 3 bread pieces at a time

3. It’s dangerous

Page 37: Design (for developers)

This is a conveyor toasterI love it

Page 38: Design (for developers)
Page 39: Design (for developers)
Page 40: Design (for developers)

THANKS !this was fun