<

Get data o ut o f Goo gle wi th Tak eo ut

The three pi llars of eco mmerce desi gn

>

(/netmag/get-data-out-google-takeout-7116929) (/design/three-pillars-ecommerce-design7116931)

>

WEB DESIGN NEWS

20 things that drive web developers crazy

Jul 4, 2011 11:43 am >1 comment (/netmag/20-things-drive-web-developers-crazy-7116930#comments-list) 27
Tw eet

60
Like

339

3
Share

The relationship between visual designer and web developer can be a fraught one. Rafael Mumme, iOS developer at Yahoo, takes a wry look at where it can all go horribly wrong...
I'm going to be honest. The life of a web developer is pretty sweet. We get paid to sit around an open plan office all day solving problems that, if we weren't getting paid, we'd probably do anyway. We also work with people who, because they don't quite understand what we do or how we do it, regard us with a certain bootlicking awe. This does no end of good for our enlarged sense of self-importance. Unfortunately, some of those people are also the same people who tell us what to do. (Will the visual designers please stand up?). And because they don't quite understand what we do, sometimes we have to do things that, quite frankly, make us feel dirty. Not to mention having to navigate PSD files so fiendishly organised that you would think they were created that way on purpose. (But that's okay, because we like solving puzzles too.) So, visual designers, here's a list of 20 things that drive developers crazy. If you're not doing at least 15, then you're not trying hard enough. 1. Add rounded corners to every single element on the page. While you're at it, add shadows and gradients too. 2. Use the same PSD as a starting point for every project. Hide unused layers, but don't delete them. Make sure your PSD is at least 100MB. 3. Use sIFR on every piece of text. Bonus points if you choose a font that's very similar to Arial. 4. Never use the same dimensions on elements. Give each a different font size and colour (for black, use #000000, #111111, #121212 ...). 5. Use a lot of breakout images with transparency. Web developers love graphics breaking out of boxes and columns. Bonus points if you add text wrapping around images. 6. Add a modal window. At least half the site should happen in a modal window.

7. Add a Facebook Connect button. It's just a button. How hard can it be to implement? 8. Hide important PSD layers. Later, tell the developer that they missed a hidden element. 9. Create buttons with rollover, active and clicked states. Then don't tell anyone you've done this. Create a separate file for them and send it on at the last minute. We love surprises. 10. Tell the developer about some fancy functionality you read about somewhere on a blog. Then tell them to build it, because, if you saw it somewhere, clearly it's possible. 11. Add a carousel. Oh yeah, and make sure it's a full-screen carousel. 12. Use Lorem Ipsum instead of real copy. And make sure the reserved space is not big enough for real copy. 13. Randomly merge PSD layers. Why not? (But don't merge too many. It'll take you further away from the magic 100MB target). 14. Name all your files 'final', plus a date and a random letter (final2010-12-01a.psd, final- 2010-12-01r.psd, final-2010-12-02b.psd). 15. Don't worry about making changes once everything is signed off. When we're done with a page, send another, completely different version of it. And tell us that those changes are necessary and essential for user experience. 16. Don't name or organise your PSD layers and folders. 17. If you're designing a form, forget about error and success states. We'll squeeze that stuff in somewhere. We love guessing your intentions. 18. When you're designing a website, don't invite any developers for brainstorming or design meetings. Make sure we're the last ones to see the layout. Show it to the client first, so it will be too late to introduce even a modicum of sanity into your work.

19. We should hang out more, so during QA don't use bug tracking software. Come sit with us for an entire day and point out changes you want made over our shoulders. Use the opportunity for some impromptu design updates as well. 20. And finally, this is the most important thing: don't learn anything about HTML, CSS, JavaScript or browser issues. The less you know about it, the more important we seem. Words: Rafael Mumme (https://twitter.com/mumme) is an iOS developer at Yahoo New York. This article originally appeared in issue 205 (../../shop/magazines/summer-2010-205) of .net magazine - the world's best-selling magazine for web designers and developers. Tags: Web design (/tag/web-design), netmag (/tag/netmag), News (/tag/news)

BEST FROM AROUND THE WEB

Recommended by

1 COMMENT

I was almost cursing this article, when i saw the date of it. But we have to face that EVERYTHING is tooooo daaammnn (/users/denisaraujo) denisaraujo January 06, 2014 at 18:48 hard for developers. Come on: round corners, modal, and Facebook login buttons? Is this guy a junior or something? What developers usually forget, is that designers also have deadlines and also hear information from everyone, about everything on the website. So if we "forget" to tell you there are 1000 button states on the psd (which is not hard to find if you READ the label of the folder), don't blame on us. Not that anyone asked, i'm a designer and do programming ... Report abuse (/future/report/comment/5161?destination=node%2F6930)

Log in to Creative Bloq with your preferred social network to comment

or log in with your Creative Bloq account

Username

Password

Log in

Forgotten your username or password? (/user/password)

Don't have an account?

Join now. It's completely free and takes seconds

Join (/user/register)

Advertising (/Advertising)

About Us (/About-Us)

Contact (/Contact)

Future is AOP & PPA Digital Publisher of the Year and BMA Media Company of the Year. Creative Bloq is part of Future plc, an international media group and leading digital publisher. We produce content across five core areas: Technology Entertainment Music Creative

Top

TechRadar (http://w w w .techradar.com/) CVG (http://w w w .computerandvideogames.com/) MusicRadar (http://w w w .musicradar.com/) Digital Camera World (http://w w w .digitalcam T3 (http://w w w .t3.com/)

PC Gamer (http://w w w .pcgamer.com/) Guitarist (http://w w w .musicradar.com/guitarist) Mollie Makes (http://w w w .molliemakes.com/

Mac|Life (http://w w w .maclife.com/)GamesRadar (http://w w w .gamesradar.com/) FutureMusic (http://w w w .musicradar.com/futuremusic) Photography Week (http://photographyw ee

Gizmodo UK (http://w w w .gizmodo.co.uk/) Total Film (http://w w w .totalfilm.com/) Rhythm (http://w w w .musicradar.com/rhythm) The Simple Things (http://w w w .thesimpleth More... (http://w w w .futureplc.com/w More... hat-w(http://w e-do/portfolios/technology/) w w .futureplc.com/w More... hat-w(http://w e-do/portfolios/entertainment/) w w .futureplc.com/w More... hat-w(http://w e-do/portfolios/music/) w w .futureplc.com/w hat-w Sport & Auto BikeRadar (http://w w w .bikeradar.com/) Cyclingnew s (http://w w w .cyclingnew s.com/) Football Week (http://w w w .thefootballw eek.net/) TriRadar (http://w w w .triradar.com/) More... (http://w w w .futureplc.com/w hat-w e-do/portfolios/sport-and-auto/)

About Future (http://w w w .futureplc.com/about/)

Jobs (http://w w w .yourfuturejob.com/)

PR (http://w w w .futureplc.com/new s/)

Advertising (http://w w w .futureplc.com/w hat-w e-do/advertising-solutions/)

Digital Future (http://advertising.digitalfuture.com/)

Privacy Policy (http://w w w .futureplc.com/privacy-policy/)

Cookies Policy (http://w w w .futureplc.com/cookies-policy/)

Terms & Conditions (http://w w w .futureplc.com/terms-and-conditions/)

Subscriptions (http://w w w .myfavouritemagazines.co.uk/)

Investor Relations (http://w w w .futureplc.com/investors/)

Contact Future (http://w w w .futureplc.com/contact/)

Future Publishing Limited, Beauford Court, 30 Monmouth Street, Bath BA1 2BW. All rights reserved. England and Wales company registration number 2008885.