10 things designers do that piss developers off (and vice versa)

171

Upload: mindy-wagner

Post on 21-Jun-2015

2.322 views

Category:

Design


0 download

DESCRIPTION

This talk was originally going to be called “Effective Collaboration Between Designers & Developers,” but when they sat down to create their slides, David (developer) and Mindy (designer) realized they had deeper issues to resolve: he wanted to generate them with a custom templating engine; she wanted drop shadows and vector images of Che Guevara. Instead, they made a list of all the things they just can’t stand about their web counterparts. You’ll be enlightened as to why your co-worker glares at you when you walk in the door and come away with a few good ideas on how to communicate, empathize and avoid bloodshed.

TRANSCRIPT

Page 1: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 2: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

PLEASEDTO MEET YOU

Page 3: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Thinks purple is sexy

Reads books about leading and tracking

Adores grid systems

Has 5,643 fonts installed and still can’t find one perfect for her project

Page 4: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Hi.

[David]

_ wrote first computer program at age 6

_ fluent in BASH, git, JSON, ReST & AJAX

_ 3 level 70s

_ cuts own hair

Page 5: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Hi.

[David]

_ does not conform to societal norms re: fighting w/ pregnant women

Page 6: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

QUICK - PICK A SIDE

Page 7: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

READY, SET, BLAME.

Page 8: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Designers break functionalityin the name of "attractiveness"

Page 9: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Fig. 1: Before

Page 10: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Fig. 2:After

Page 11: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Fig. 2b:After

no workee

Page 12: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

<% form_for @registration do |f| %> ... form fields ...<% end %>

Fig. 3: Before (Rails)

Page 13: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

<form action="register.php" method="POST"> ... form fields ...</form>

Fig. 4: Before (PHP)

Page 14: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

<form id="new-registration-yay!"> ... form fields ...</form>

Fig. 5: just wtf

Page 15: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

jQuery:enough rope for your designer to string you up

Page 16: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSUSE CRAP MARKUP

Page 17: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

TABLESSRSLY, WHY?

Page 18: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 19: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

AARRRGGGHH

Page 20: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Embrace Markup Standards

Page 21: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DESIGN CODE

Page 22: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

LOTS OF BENEFITS

➡ More accessible across devices

➡ Maintain/redesign more efficiently

➡ Improve SEO with semantic code

➡ Faster load time

Page 23: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSTECHNOLOGY-HOP

Page 24: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 25: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

CVS SVN GIT BAZAAR

Page 26: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DESIGNERS != TEST SUBJECTS

Page 27: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

INVITE-ONLY BETA - BUT SOOOOOO COOL. MUST USE.

Page 28: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 29: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

D.V.C.S.[designer versioncontrol system]

Page 30: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

D.V.C.S.[committing]

Page 31: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 32: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 33: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 34: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 35: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 36: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 37: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 38: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 39: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 40: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

D.V.C.S.[branching]

Page 41: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 42: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 43: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

D.V.C.S.[tagging]

Page 44: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 45: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 46: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

O HAI

I CHANGED THE SPEC

Page 47: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

designers use their control over the site’s visuals to change functionality.

Page 48: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 49: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 50: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Text

"Buzzworthy"

Page 51: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

true story

Page 52: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 53: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 54: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSCHANGE STUFF WHEN IMPLEMENTING

Page 55: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DON’T IGNORE DETAILS

Page 56: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 57: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 58: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 59: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 60: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 61: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 62: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 63: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 64: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

stay in your cave

Page 65: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

designers are the ones in front of the clients, making impossible promises

Page 66: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

Developers can bring:

- technological suggestions

- feasibility

_ more technically- oriented feature ideas

Page 67: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSSAY NO TOO FAST

Page 68: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

USUALLY, WITH GOOD INTENTIONS

➡ Looking to mitigate risk

➡ Avoid scope creep

➡ Hesitant to say yes to something vague and undefined

Page 69: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

NOT LISTENING

Page 70: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 71: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

YOU’RE THE GATEKEEPER

Page 72: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

COMMUNICATE WITH US

Page 73: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DON’T BE NICK

Page 74: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

BE MACGYVER

Page 75: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

SOLUTIONS

Page 76: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

giveitawaynow

Page 77: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

designers are muchless inclined to do work without a payoff

Page 78: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 79: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 80: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 81: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 82: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 83: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 84: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSLOVE OPEN SOURCETOO MUCH

Page 85: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 86: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

http://www.gapingvoid.com/

Page 87: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 88: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

LESS $, MORE RESOURCES

➡ Smart developers to implement and maintain it

➡ Lots of time to learn it, customize it

➡ No ready-made manuals, guides, training

Page 89: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

FUNCTIONALITYBELLS AND WHISTLES

Page 90: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

FRUSTRATES...EVERYONE(you included)

Page 91: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSOVERLOOK SIMPLESOLUTIONS

Page 92: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 93: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

?#@&%DESIGNER!

Page 94: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

TALK TO US

Page 95: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

➡ Sometimes, it’s something that isn’t that important. Might not be worth the time and effort.

➡ Sometimes I have a suggestion that will avoid crazy extra work

➡ Sometimes the complex solution is the right one. At least you’ll know it’s worth the work.

Page 96: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

designers areafraidof theircomputers

Page 97: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 98: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 99: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 100: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 101: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

<

Page 102: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

_ you use a computer all day, so why not use it well?

_ the command line is your friend

_ we love to help, provided we like the platform

Page 103: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

designerstake along view

Page 104: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 105: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 106: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 107: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 108: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 109: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 110: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 111: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 112: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 113: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 114: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 115: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSFORGET TO ASK

Page 116: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 117: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

FILL GAPS➡ Would rather plow ahead with

assumptions than stop and ask

➡ Get frustrated when we tweak the solution they came up with

➡ Communication would save time and headaches

Page 118: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

ASSUME NOTHING

Page 119: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

ASK QUESTIONS

Page 120: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSTHINK THEY ARE THE TARGET USER

Page 121: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 122: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 123: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 124: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

FORGET “AVERAGE”➡ Push for bells and whistles an average

user would never request

➡ Put this extra functionality ahead of usability

➡ Don’t tailor things (ie: error messages) for non-tech people

Page 125: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

EMPATHY

Page 126: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

they'refullofsh*t

Page 127: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

geometry

Page 128: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 129: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

astronomy

Page 130: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

“dimensionalization”

Page 131: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

but in the end

Page 132: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 133: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 134: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

they don't test in IE

Page 135: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 136: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 137: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 138: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 139: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

<!--[if !IE]><!-->  <link rel="stylesheet" type="text/css" media="screen, projection" href="screen.css" /><!--<![endif]-->

<!--[if gte IE 7]>  <link rel="stylesheet" type="text/css" media="screen, projection" href="screen.css" /><![endif]-->

Page 140: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSDON’T TEST IN IE

Page 141: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 142: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 143: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

TAKE A “FIGURE IT OUT LATER” APPROACH

Page 144: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 145: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

DEVELOPERSTHINK EVERYONECAN DESIGN

Page 146: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

They even build software to help them do it.

Page 147: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

“IF I HAD TIME...”

Page 148: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 149: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 150: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 151: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 152: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

SO WHAT IS DESIGN?➡ Solving problems

➡ Adding form to function

➡ Communicating ideas

➡ Evoking emotions

➡ And yeah, making it pretty to look at.

Page 153: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 154: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 155: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 156: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

+

Page 157: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

it doesn't matter

Page 158: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 159: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 160: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 161: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 162: 10 Things Designers Do That Piss Developers Off (And Vice Versa)
Page 163: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

BAD DESIGN

Page 164: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

BAD DESIGN

$$$

Page 165: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

WHERE’S THE LOVE?

Page 166: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

COME WITHPROBLEMS,

NOT SOLUTIONS.

Page 167: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

SHOW EACH OTHER WHY AND HOW.

Page 168: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

SOME TENSION IS HEALTHY.

Page 169: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

TRY UNDERSTANDING.

Page 170: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

GO TO REFRESH

Page 171: 10 Things Designers Do That Piss Developers Off (And Vice Versa)

http://speakerrate.com/talks/280