129
DESIGN DEVELOPMENT & Embracing the UNLEASH UNICORN YOUR INNER SPECTRUM OF Ma Baxter @mbxtr September 6, 2014

Unleash Your Inner Unicorn

Embed Size (px)

DESCRIPTION

Unicorns are considered to be the rare person who can do both design and development. But, why are they considered rare? Because consider design and development to be separate disciplines. In this talk, I explore the spectrum of design and development, how designers can be empowered by learning about development, and how developers can be empowered by learning about design. I gave this talk at the Big Design Conference in Addison, TX on September 6, 2014.

Citation preview

Page 1: Unleash Your Inner Unicorn

DESIGN DEVELOPMENT&

Embracing the

UNLEASHUNICORN

YOUR INNER

SPECTRUM OF

Matt Baxter • @mbxtr • September 6, 2014

Page 2: Unleash Your Inner Unicorn

I’m Matt Baxter

@mbxtr

Page 3: Unleash Your Inner Unicorn

I work at

Page 4: Unleash Your Inner Unicorn

as a UX Designer

Page 5: Unleash Your Inner Unicorn

Using design

Page 6: Unleash Your Inner Unicorn

and development

Page 7: Unleash Your Inner Unicorn

Just to clarify…

Page 8: Unleash Your Inner Unicorn

This is not about bronies.

Page 9: Unleash Your Inner Unicorn

But Seriously, What’s with The

Unicorn?

Page 10: Unleash Your Inner Unicorn

A person who can do both design and development.

Unicorn

Page 11: Unleash Your Inner Unicorn
Page 12: Unleash Your Inner Unicorn
Page 13: Unleash Your Inner Unicorn

Some unicorn facts…

Page 14: Unleash Your Inner Unicorn

must have their coffee.Unicorns

Page 15: Unleash Your Inner Unicorn

only eat apples.Unicorns

Page 16: Unleash Your Inner Unicorn

love playing ping pong.Unicorns

Page 17: Unleash Your Inner Unicorn

don’t get along with printers.

Unicorns

Page 18: Unleash Your Inner Unicorn

Something you think you know about

unicorns…

Page 19: Unleash Your Inner Unicorn

Unicornsare rare and hard to find.

Page 20: Unleash Your Inner Unicorn

Unicornsare rare and hard to find.

But, why?

Page 21: Unleash Your Inner Unicorn

We think about design and development as separate disciplines.

Page 22: Unleash Your Inner Unicorn

http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/

Designer Developervs

Page 23: Unleash Your Inner Unicorn

Left Rightvs

Page 24: Unleash Your Inner Unicorn

Unicorns are not as rare as you think.

Page 25: Unleash Your Inner Unicorn

I believe everyone has some unicorn in them.

Page 26: Unleash Your Inner Unicorn

Specifically… Designers can develop. Developers can design.

Page 27: Unleash Your Inner Unicorn

!

Page 28: Unleash Your Inner Unicorn

MY BACKGROUND

Page 29: Unleash Your Inner Unicorn

Remember when this was cool?

Page 30: Unleash Your Inner Unicorn
Page 31: Unleash Your Inner Unicorn
Page 32: Unleash Your Inner Unicorn
Page 33: Unleash Your Inner Unicorn
Page 34: Unleash Your Inner Unicorn
Page 35: Unleash Your Inner Unicorn
Page 36: Unleash Your Inner Unicorn
Page 37: Unleash Your Inner Unicorn
Page 38: Unleash Your Inner Unicorn

GRiD CompassFirst clamshell laptop

Page 39: Unleash Your Inner Unicorn

Xerox PARC MouseThe first mouse

Page 40: Unleash Your Inner Unicorn

Desktop GUI HistoryXerox, Apple, and Microsoft

Page 41: Unleash Your Inner Unicorn

“Few people think about it or are aware of it. But there is nothing made by human beings that does not involve a design decision somewhere.”

– Bill Moggridge

Page 42: Unleash Your Inner Unicorn
Page 43: Unleash Your Inner Unicorn
Page 44: Unleash Your Inner Unicorn

But, I still enjoyed development.

Page 45: Unleash Your Inner Unicorn

Design Development

or

Page 46: Unleash Your Inner Unicorn

Design Development

and

Page 47: Unleash Your Inner Unicorn

the Spectrum

Page 48: Unleash Your Inner Unicorn

DevelopmentDesign

How We Think

Page 49: Unleash Your Inner Unicorn

DevelopmentDesign

What We’ve Accepted

Page 50: Unleash Your Inner Unicorn

DevelopmentDesign

Page 51: Unleash Your Inner Unicorn

???

???

Page 52: Unleash Your Inner Unicorn

What crosses the developer boundary?

</>

Page 53: Unleash Your Inner Unicorn

Development is much more than code.

Page 54: Unleash Your Inner Unicorn

What crosses the designer boundary?

Page 55: Unleash Your Inner Unicorn

Design is muchmore than pixels.

Page 56: Unleash Your Inner Unicorn

Reality

Page 57: Unleash Your Inner Unicorn

Individuals are more complicated than that.

Page 58: Unleash Your Inner Unicorn

Software is more complicated than that.

Page 59: Unleash Your Inner Unicorn

Design and development is a spectrum.

Page 60: Unleash Your Inner Unicorn

The Right Perspective

Page 61: Unleash Your Inner Unicorn

This sounds familiar…

Page 62: Unleash Your Inner Unicorn

“Should” is the wrong focus.

Page 63: Unleash Your Inner Unicorn

The better question is…

Page 64: Unleash Your Inner Unicorn

How can knowing more about development

empower designers?

Page 65: Unleash Your Inner Unicorn

How can knowing more about design

empower developers?

Page 66: Unleash Your Inner Unicorn

“But, if I learn x I’ll get worse at y.”

Page 67: Unleash Your Inner Unicorn

If your goal is to make great software, learning more about the process

will only help you.

Page 68: Unleash Your Inner Unicorn

Tools are the wrong focus.

Page 69: Unleash Your Inner Unicorn

“Skill in the digital age is confused with mastery of digital tools, masking the importance of understanding materials and mastering the elements of form.”

– John Maeda former President of RISD and professor at MIT Media Lab

Page 70: Unleash Your Inner Unicorn

Being a unicorn is more than combining code and pixels.

</>

Page 71: Unleash Your Inner Unicorn

The true ability of a unicorn: being able to balance

design and development.

Page 72: Unleash Your Inner Unicorn

Understanding Your Job

Page 73: Unleash Your Inner Unicorn

Titles can be confusing.

Page 74: Unleash Your Inner Unicorn

I don’t just mean how many there are…

UI Developer • UX Architect • Information Architect Design Technologist • Visual Designer

Back End Developer • Front End Developer Application Developer • Software Architect

UX Designer • UI Designer • UI Engineer Web Developer • Interaction Designer • Web Designer

Page 75: Unleash Your Inner Unicorn

A developer is not just a coder.

</>

Page 76: Unleash Your Inner Unicorn

“I just built what the designer

handed to me.”

#stuffcoderssay

Page 77: Unleash Your Inner Unicorn

A designer is not just a pixel pusher.

Page 78: Unleash Your Inner Unicorn

“I designed it; its not my job to make

sure it works.”

#stuffpixelpusherssay

Page 79: Unleash Your Inner Unicorn

It’s not enough to just focus on “your” part.

Page 80: Unleash Your Inner Unicorn

Focus on the deliverables

product.

Page 81: Unleash Your Inner Unicorn

This is Bob.

Page 82: Unleash Your Inner Unicorn

Bob uses apps.

Page 83: Unleash Your Inner Unicorn

Why does Bob use certain apps?

Page 84: Unleash Your Inner Unicorn

I use this app because the code

is well-written!

Page 85: Unleash Your Inner Unicorn

I use this app because these

pixels are perfect!

Page 86: Unleash Your Inner Unicorn

SAID NO USER EVER

Page 87: Unleash Your Inner Unicorn

I use this app because I can more easily ______.

Page 88: Unleash Your Inner Unicorn

I use this app because it enables me to ______.

Page 89: Unleash Your Inner Unicorn

Users only see the final product.

Page 90: Unleash Your Inner Unicorn

Great software is more than pixels and code.

Page 91: Unleash Your Inner Unicorn

Everyone’s job is to balance design and

technology.

Page 92: Unleash Your Inner Unicorn

What will the result be?

Page 93: Unleash Your Inner Unicorn

Compromise

Everyone designs

Everyone develops

It won’t be…

Page 94: Unleash Your Inner Unicorn

Tension between design and development is good.

Page 95: Unleash Your Inner Unicorn
Page 96: Unleash Your Inner Unicorn

“Each group, then, is trying to do the right thing, but they're pulling in different directions. If any one of those groups 'wins,' we lose.”

– Ed Catmull, Creativity Inc.

Page 97: Unleash Your Inner Unicorn

It will be…

Page 98: Unleash Your Inner Unicorn

Better communication and collaboration

Page 99: Unleash Your Inner Unicorn

More empathy

Page 100: Unleash Your Inner Unicorn

Fewer assumptions

Page 101: Unleash Your Inner Unicorn

Less busy-work

Page 102: Unleash Your Inner Unicorn

Push limits of technology

Estimate development

Prototype

Designers will

Page 103: Unleash Your Inner Unicorn

Begin sooner

Adapt designs

Have less back-and-forth

Developers will

Page 104: Unleash Your Inner Unicorn

How do you begin?

Page 105: Unleash Your Inner Unicorn

It starts with your process

Page 106: Unleash Your Inner Unicorn

Typical Process

Design Development

Time

Effor

t

Page 107: Unleash Your Inner Unicorn

Better ProcessDesign

Development

Time

Effor

t

Page 108: Unleash Your Inner Unicorn

Talk to each other

Page 109: Unleash Your Inner Unicorn

Educate yourself

Page 110: Unleash Your Inner Unicorn

Wireframing

Typography

Usability

Developers

Page 111: Unleash Your Inner Unicorn

HackDesign http://hackdesign.org/

Page 112: Unleash Your Inner Unicorn

http://practicaltypography.com/

Page 113: Unleash Your Inner Unicorn

Design of Everyday Things by Donald Norman

Page 114: Unleash Your Inner Unicorn

Interactive Prototypes

Understand Platforms

Learn HTML/CSS

Designers

Page 115: Unleash Your Inner Unicorn

InVision http://invisionapp.com/

Page 116: Unleash Your Inner Unicorn

Platform Documentation http://developer.apple.com • http://developer.android.com • http://developer.mozilla.com

Page 117: Unleash Your Inner Unicorn

Treehouse http://teamtreehouse.com

Page 118: Unleash Your Inner Unicorn

This isn’t rocket science.

Page 119: Unleash Your Inner Unicorn

Guess how much everyone knew when

they started?

Page 120: Unleash Your Inner Unicorn
Page 121: Unleash Your Inner Unicorn

Do you have to? Nope.

Page 122: Unleash Your Inner Unicorn

Will it make you better at what you do? Absolutely.

Page 123: Unleash Your Inner Unicorn

A little bit goes a long way.

Page 124: Unleash Your Inner Unicorn

It’s not just about learning to code.

</>

Page 125: Unleash Your Inner Unicorn

It’s not just about learning to push pixels.

Page 126: Unleash Your Inner Unicorn

(But go for it if you find that you enjoy both)

Page 127: Unleash Your Inner Unicorn

It’s knowing how to balance design and

development.

Page 128: Unleash Your Inner Unicorn

Unleash Your Inner Unicorn

Page 129: Unleash Your Inner Unicorn

Questions? @mbxtr