Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,847 views

Published on

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.

Published in: Design, Technology
  • Was a little hesitant about using ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ at first, but am very happy that I did. The writer was able to write my paper by the deadline and it was very well written. So guys don’t hesitate to use it.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THE BOOK INTO AVAILABLE FORMAT (New Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THE can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THE is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBOOK .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookBOOK, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, EBOOK, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THE Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THE the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THE Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. PLEASED TO MEET YOU
  2. 2. 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
  3. 3. Hi. _ wrote first computer program at age 6 _ fluent in BASH, git, JSON, ReST & AJAX _ 3 level 70s _ cuts own hair [David]
  4. 4. Hi. _ does not conform to societal norms re: fighting w/ pregnant women [David]
  5. 5. QUICK - PICK A SIDE
  6. 6. READY, SET, BLAME.
  7. 7. Designers break functionality in the name of quot;attractivenessquot;
  8. 8. Fig. 1: Before
  9. 9. Fig. 2: After
  10. 10. no workee Fig. 2b: After
  11. 11. <% form_for @registration do |f| %> ... form fields ... <% end %> Fig. 3: Before (Rails)
  12. 12. <form action=quot;register.phpquot; method=quot;POSTquot;> ... form fields ... </form> Fig. 4: Before (PHP)
  13. 13. <form id=quot;new-registration-yay!quot;> ... form fields ... </form> Fig. 5: just wtf
  14. 14. jQuery: enough rope for your designer to string you up
  15. 15. DEVELOPERS USE CRAP MARKUP
  16. 16. TABLES SRSLY, WHY?
  17. 17. AARRRGGGHH
  18. 18. Embrace Markup Standards
  19. 19. DESIGN CODE
  20. 20. LOTS OF BENEFITS ➡ More accessible across devices ➡ Maintain/redesign more efficiently ➡ Improve SEO with semantic code ➡ Faster load time
  21. 21. DEVELOPERS TECHNOLOGY-HOP
  22. 22. CVS SVN GIT BAZAAR
  23. 23. DESIGNERS != TEST SUBJECTS
  24. 24. INVITE-ONLY BETA - BUT SOOOOOO COOL. MUST USE.
  25. 25. D.V.C.S. [designer version control system]
  26. 26. D.V.C.S. [committing]
  27. 27. D.V.C.S. [branching]
  28. 28. D.V.C.S. [tagging]
  29. 29. O HAI I CHANGED THE SPEC
  30. 30. designers use their control over the site’s visuals to change functionality.
  31. 31. quot;Buzzworthyquot; Text
  32. 32. true story
  33. 33. DEVELOPERS CHANGE STUFF WHEN IMPLEMENTING
  34. 34. DON’T IGNORE DETAILS
  35. 35. cave stay in your
  36. 36. designers are the ones in front of the clients, making impossible promises
  37. 37. Developers can bring: - technological suggestions - feasibility _ more technically- oriented feature ideas
  38. 38. DEVELOPERS SAY NO TOO FAST
  39. 39. USUALLY, WITH GOOD INTENTIONS ➡ Looking to mitigate risk ➡ Avoid scope creep ➡ Hesitant to say yes to something vague and undefined
  40. 40. NOT LISTENING
  41. 41. YOU’RE THE GATEKEEPER
  42. 42. COMMUNICATE WITH US
  43. 43. DON’T BE NICK
  44. 44. BE MACGYVER
  45. 45. SOLUTIONS
  46. 46. give it away now
  47. 47. designers are much less inclined to do work without a payoff
  48. 48. DEVELOPERS LOVE OPEN SOURCE TOO MUCH
  49. 49. http://www.gapingvoid.com/
  50. 50. LESS $, MORE RESOURCES ➡ Smart developers to implement and maintain it ➡ Lots of time to learn it, customize it ➡ No ready-made manuals, guides, training
  51. 51. FUNCTIONALITY BELLS AND WHISTLES
  52. 52. FRUSTRATES...EVERYONE (you included)
  53. 53. DEVELOPERS OVERLOOK SIMPLE SOLUTIONS
  54. 54. ?#@&% DESIGNER!
  55. 55. TALK TO US
  56. 56. ➡ 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.
  57. 57. designers are afraid of their computers
  58. 58. <
  59. 59. _ 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
  60. 60. designers take a long view
  61. 61. DEVELOPERS FORGET TO ASK
  62. 62. 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
  63. 63. ASSUME NOTHING
  64. 64. ASK QUESTIONS
  65. 65. DEVELOPERS THINK THEY ARE THE TARGET USER
  66. 66. 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
  67. 67. EMPATHY
  68. 68. they're full of sh*t
  69. 69. geometry
  70. 70. astronomy
  71. 71. “dimensionalization”
  72. 72. but in the end
  73. 73. they don't test in IE
  74. 74. <!--[if !IE]><!-->   <link rel=quot;stylesheetquot; type=quot;text/cssquot; media=quot;screen, projectionquot; href=quot;screen.cssquot; /> <!--<![endif]--> <!--[if gte IE 7]>   <link rel=quot;stylesheetquot; type=quot;text/cssquot; media=quot;screen, projectionquot; href=quot;screen.cssquot; /> <![endif]-->
  75. 75. DEVELOPERS DON’T TEST IN IE
  76. 76. TAKE A “FIGURE IT OUT LATER” APPROACH
  77. 77. DEVELOPERS THINK EVERYONE CAN DESIGN
  78. 78. They even build software to help them do it.
  79. 79. “IF I HAD TIME...”
  80. 80. SO WHAT IS DESIGN? ➡ Solving problems ➡ Adding form to function ➡ Communicating ideas ➡ Evoking emotions ➡ And yeah, making it pretty to look at.
  81. 81. +
  82. 82. it doesn't matter
  83. 83. BAD DESIGN
  84. 84. BAD DESIGN $$$
  85. 85. WHERE’S THE LOVE?
  86. 86. COME WITH PROBLEMS, NOT SOLUTIONS.
  87. 87. SHOW EACH OTHER WHY AND HOW.
  88. 88. SOME TENSION IS HEALTHY.
  89. 89. TRY UNDERSTANDING.
  90. 90. GO TO REFRESH
  91. 91. http://speakerrate.com/talks/280

×