Developer Meet Designer (Andres Galante & Brian Leathem)

67
Developer Meet Designer Apple ad image

Transcript of Developer Meet Designer (Andres Galante & Brian Leathem)

Page 1: Developer Meet Designer (Andres Galante & Brian Leathem)

Developer Meet DesignerApple ad image

Page 2: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 3: Developer Meet Designer (Andres Galante & Brian Leathem)

Developer

Brian Leathem @brianleathem

Vancouver

Designer

Andrés Galante @andresgalante

Buenos Aires

Page 4: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 5: Developer Meet Designer (Andres Galante & Brian Leathem)

Bridge imageDevelopers

Designers

Page 6: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 7: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 8: Developer Meet Designer (Andres Galante & Brian Leathem)

Santiago Calatrava

Page 9: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 10: Developer Meet Designer (Andres Galante & Brian Leathem)

“bridging the division between structural engineering and

architecture”

Page 11: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 12: Developer Meet Designer (Andres Galante & Brian Leathem)

Santiago Calatrava

Page 13: Developer Meet Designer (Andres Galante & Brian Leathem)

Frank Gehry

Page 14: Developer Meet Designer (Andres Galante & Brian Leathem)

Frank Lloyd wright

Page 15: Developer Meet Designer (Andres Galante & Brian Leathem)

Le Corbusier

Page 16: Developer Meet Designer (Andres Galante & Brian Leathem)

Mies van der rohe

Page 17: Developer Meet Designer (Andres Galante & Brian Leathem)

Antonio Gaudí

Page 18: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 19: Developer Meet Designer (Andres Galante & Brian Leathem)

Renzo Pianno

Page 20: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 21: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 22: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 23: Developer Meet Designer (Andres Galante & Brian Leathem)

http://www.thetoptens.com/worst-things-could-happen-life/

Page 24: Developer Meet Designer (Andres Galante & Brian Leathem)

83% of accuracy

Page 25: Developer Meet Designer (Andres Galante & Brian Leathem)

!=Developers Designers

Page 26: Developer Meet Designer (Andres Galante & Brian Leathem)

Make shit works

Page 27: Developer Meet Designer (Andres Galante & Brian Leathem)

Poop Emoji

Page 28: Developer Meet Designer (Andres Galante & Brian Leathem)

– Mr. Hoytt Summers Pittman (the third)

“You make our shit look less shitty!

In fact it actually looks good!”

Page 29: Developer Meet Designer (Andres Galante & Brian Leathem)

Elevator number

Page 30: Developer Meet Designer (Andres Galante & Brian Leathem)

Help users achieve

their goals.

Page 31: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 32: Developer Meet Designer (Andres Galante & Brian Leathem)

“Most people make the mistake of

thinking design is what it looks like. That’s

not what we think design is. It’s not just what it looks like and feels

like. Design is how it works.”

– Steve jobs

Page 33: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 34: Developer Meet Designer (Andres Galante & Brian Leathem)

DEVs slide

Page 35: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 36: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 37: Developer Meet Designer (Andres Galante & Brian Leathem)

Help users achieve

their goals.

Page 38: Developer Meet Designer (Andres Galante & Brian Leathem)

UXDevelopers Designers

Page 39: Developer Meet Designer (Andres Galante & Brian Leathem)

1. Trust, respect and communicate

2. Understand the user goals

3. Meet in the middle

Page 40: Developer Meet Designer (Andres Galante & Brian Leathem)

1. Trust, respect and communicate

Page 41: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 42: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 43: Developer Meet Designer (Andres Galante & Brian Leathem)

Brian

CLI Tool

The rest of us

Page 44: Developer Meet Designer (Andres Galante & Brian Leathem)

COMMUNICATION

Page 45: Developer Meet Designer (Andres Galante & Brian Leathem)

2. Understand the user goals

Page 46: Developer Meet Designer (Andres Galante & Brian Leathem)

User Stories

Page 47: Developer Meet Designer (Andres Galante & Brian Leathem)

As a <type of user>,

I want <some goal>

so that <some reason>.

Page 48: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 49: Developer Meet Designer (Andres Galante & Brian Leathem)

Trevor The truck driver

Daisey The dispatcher

Page 50: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 51: Developer Meet Designer (Andres Galante & Brian Leathem)

Enterprise IT guy

Page 52: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 53: Developer Meet Designer (Andres Galante & Brian Leathem)

3. Meet in the middle

Page 54: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 55: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 56: Developer Meet Designer (Andres Galante & Brian Leathem)

1. Trust, respect and communicate

2. Understand the user goals

3. Meet in the middle

Page 57: Developer Meet Designer (Andres Galante & Brian Leathem)

Story Time

Page 58: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 59: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 60: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 61: Developer Meet Designer (Andres Galante & Brian Leathem)

1. Trust, respect and communicate

2. Understand the user goals

3. Meet in the middle

Page 62: Developer Meet Designer (Andres Galante & Brian Leathem)

1. Trust, respect and communicate

Page 63: Developer Meet Designer (Andres Galante & Brian Leathem)

2. Understand the user goals

Page 64: Developer Meet Designer (Andres Galante & Brian Leathem)

As a <type of user>,

I want <some goal>

so that <some reason>.

Page 65: Developer Meet Designer (Andres Galante & Brian Leathem)

3. Meet in the middle

Page 66: Developer Meet Designer (Andres Galante & Brian Leathem)
Page 67: Developer Meet Designer (Andres Galante & Brian Leathem)

Demo