Vincit Dev Talk

57
15 March 2017 Engineers and Designers, Getting Along

Transcript of Vincit Dev Talk

Page 1: Vincit Dev Talk

15 March 2017

Engineers and Designers, Getting Along

Page 2: Vincit Dev Talk

Audrey@audcrane

Page 3: Vincit Dev Talk

Audrey@audcrane

Page 4: Vincit Dev Talk

Audrey@audcrane

Page 5: Vincit Dev Talk

Audrey@audcrane

Page 6: Vincit Dev Talk

Nathan Gregory Chuck Audrey@audcrane

Page 7: Vincit Dev Talk

Welcome to DesignMap, Inc.

Page 8: Vincit Dev Talk

Top companies choose DesignMap for our user-centered strategy that has proven business results.

Page 9: Vincit Dev Talk
Page 10: Vincit Dev Talk

1 Case Study,2 Stories, and 4 Lessons

Page 11: Vincit Dev Talk

The Case Study

Page 12: Vincit Dev Talk
Page 13: Vincit Dev Talk
Page 14: Vincit Dev Talk

Docker Data Center

Page 15: Vincit Dev Talk

Docker Cloud

Page 16: Vincit Dev Talk

Docker Store

Page 17: Vincit Dev Talk
Page 18: Vincit Dev Talk

The First Story:Docker Pricing

Page 19: Vincit Dev Talk
Page 20: Vincit Dev Talk
Page 21: Vincit Dev Talk
Page 22: Vincit Dev Talk

The Second Story:Docker Marketplace

Page 23: Vincit Dev Talk
Page 24: Vincit Dev Talk

Lesson One:Be there early.

Page 25: Vincit Dev Talk

10,000

1,000

100

10

The Big Picture

Strategy

Structure

Surface

An integrated view of a company’s entire offering. Who we help, and why.

Desired results; planning; vision; concepts

Models; flows (interaction design); navigation; standards and guidelines

Typography; color; layout; interface design

Page 26: Vincit Dev Talk

The B

ig Pic

ture

Strate

gy

Struct

ure

Surfa

ce

t=0

Page 27: Vincit Dev Talk

The B

ig Pic

ture

Strate

gy

Struct

ure

Surfa

ce

t=0

Why don’t engineers & designerswork together sooner?

Page 28: Vincit Dev Talk

The B

ig Pic

ture

Strate

gy

Struct

ure

Surfa

ce

t=0

Why don’t engineers & designerswork together sooner?

1. tactical reasons

Page 29: Vincit Dev Talk
Page 30: Vincit Dev Talk

The B

ig Pic

ture

Strate

gy

Struct

ure

Surfa

ce

t=0

Why don’t engineers & designerswork together sooner?

1. tactical reasons2. discomfort reasons

Page 31: Vincit Dev Talk

The Big Picture Strategy Structure Surfacetime

unce

rtain

ty

Page 32: Vincit Dev Talk

designer’s tools

developer’s tools

The Big Picture Strategy Structure Surfacetime

unce

rtain

ty

Page 33: Vincit Dev Talk

The Big Picture Strategy Structure Surface

divergentoutward focuschange is cheap

convergentmore inward focuschange is expensive

time

unce

rtain

ty

Page 34: Vincit Dev Talk
Page 35: Vincit Dev Talk

Lesson Two:Be there with users.

Page 36: Vincit Dev Talk

Vincit Dev Talks

“The magic happens when you connect the developers with the actual users and customers, and let them witness – first hand – the good, the bad and the ugly.”

Page 37: Vincit Dev Talk

Vincit Dev Talks

So… when do we talk to users?

Page 38: Vincit Dev Talk

Vincit Dev Talks

So… when do we talk to users?

Yes.

Page 39: Vincit Dev Talk

The B

ig Pic

ture

Strate

gy

Struct

ure

Surfa

ce

Page 40: Vincit Dev Talk

Do user research at whatever stage you’re in right now.

Do user research at all the stages.

Page 41: Vincit Dev Talk

Do user research at all the stages.

Do user research at whatever stage you’re in right now.

Page 42: Vincit Dev Talk
Page 43: Vincit Dev Talk

Lesson Three:Be there right.

Page 44: Vincit Dev Talk

The B

ig Pic

ture

Strate

gy

Struct

ure

Surfa

ce

Page 45: Vincit Dev Talk

The B

ig Pic

ture

ne

w techn

ology

,

devic

es, fe

asibili

lty

Strate

gy

tec

hnica

l capa

bilitie

s, OOB op

tions,

APIs, e

tc.

Struct

ure

sca

ling co

ncerns

, toolk

its, …

?

Surfa

ce

ed

ge ca

ses

t=0

Page 46: Vincit Dev Talk
Page 47: Vincit Dev Talk

Lesson Four:Stay there.

Page 48: Vincit Dev Talk

Vincit Dev Talks

“The mission of engineering is to bring great user experiences to life.”

Page 49: Vincit Dev Talk

Vincit Dev Talks

Page 50: Vincit Dev Talk

Vincit Dev Talks

Page 51: Vincit Dev Talk

Four Lessons:Be there early.Be there with users.Be there right.Stay there.

early usersright

Stay

Page 52: Vincit Dev Talk

earlyusersrightStay

Page 53: Vincit Dev Talk

earlyusersrightStay

eurS

Page 54: Vincit Dev Talk
Page 55: Vincit Dev Talk

Thank you!

Page 56: Vincit Dev Talk

Vincit Dev Talks

Thank You DesignMap: Rona Asuncion, Ryan Cornwell, Jason Fraser, Rob Gardziel, Maureen Hanratty, Marina Janeiko, Nathan Kendrick, Christiana Lackner, Patrick Leahy, Morgan Lester, Chuck Moore, James Rafferty, Joshua Rautenberg, Chad Schroeder, Sunny YangAlso: Bill Scott, Ben Singer, Peter MerholzImage Credits: George Vasjagin, BomSymbol, Creaticca Creative Agency, Kathleen Tyler Conklin

Credit

Page 57: Vincit Dev Talk

Vincit Dev Talks

Q&A