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.

Fight for the pixel. How designers and developers can work side by side.

8,776 views

Published on

Web designers are seen as the creative spirit of the web team. They are aesthetically-oriented, eccentric dreamers. But most of all, as soon as they start to question every little thing that doesn’t make their site look “perfect”, they can be very annoying for developers and programmers to work with.

Working as a web designer can be damn stressful.
They have to design for a medium that changes every day, which is not as reliable as a printed page, and that doesn’t look the same in all browsers.
With all these important aspects to consider, designers also have to come up with colors and graphics that match a company’s values and communicate them consistently. Once they have made all this effort to put all of these elements together on one webpage, their work, which they care about and love so much, goes to the hands of a web developer with the hope that she/he will care about it in the same way.

Sometimes this magic happens, and everybody is happy: developers and designers shake hands, satisfied with their work together.
Sometimes, however, design and development take two different roads, and this is when the balance gets broken and suddenly designers and developers discover themselves as two enemies.

We can get rid of the line between designers and developers if we just think about the fact that there are no beautiful websites without an enjoyable, engaging design and there are no accessible, user-friendly websites without great development.

In this presentation, starting from the point of view of a web designer (me), you will learn about a few things that cause disagreements between designers and developers and how to overcome them in order to create a peaceful, efficient and professional relationship.

Published in: Design

Fight for the pixel. How designers and developers can work side by side.

  1. FIGHTFORTHEChiaraAliotta,UntilSunday JandBeyond2013PIXEL
  2. The strength of the team iseach individual member.The strength of each memberis the team.Phil Jackson, American professional basketball coach and former player
  3. STARRINGand many more...
  4. MAIN CHARACTERSCONTENT CREATIONand LOOK AND FEELFUNCTIONALITYand USABILITY
  5. CONTENT CREATIONand LOOK AND FEELFUNCTIONALITYand USABILITYVS
  6. WEB DESIGNER WEB DEVELOPER
  7. ON AIRWEB DESIGNER WEB DEVELOPER
  8. ON AIRWEB DESIGNER WEB DEVELOPER
  9. ON AIRWEB DESIGNER WEB DEVELOPER
  10. ON AIRWEB DESIGNER WEB DEVELOPER
  11. ON AIRWEB DESIGNER WEB DEVELOPER
  12. ON AIRWEB DESIGNER WEB DEVELOPER
  13. ON AIRWEB DESIGNER WEB DEVELOPER
  14. The journey starts...
  15. This is the most creative part of theproject and everybody is burstingwith ideas for the new website.The first priority is to determineproject objectives,requirementsand what will make it successful.
  16. THE DESIGNER THE DEVELOPERUnderstand the criteria for successConduct researchUnderstand brand visionBe focused on effectivenessbut most of all....Individuate the best coding solutionSuggest interactive featuresPoint out execution issuesBe focused on efficiencybut most of all....
  17. It is design time...
  18. Based on existing corporate colours(if any), the designer will create a staticmock-up of the homepage,showingexactly how the web page will look,but without any functionality yet.
  19. THE DEVELOPER THE DESIGNERIdentify limits of the designSuggest alternative solutionsShare your expertisebut most of all....Develop an adequate visual languageThink through the interactivityInvolve developersbut most of all....
  20. A long night coding...
  21. The static concepts are taken and choppedup into component parts ready for coding.Using different languages,like HTML andCSS,the web developer will render thedesign into an interactive web page.
  22. THE DESIGNER THE DEVELOPERCheck the design’s implementationAccept compromisesBe available for changesbut most of all....Develop the design detailsAdd interaction and functionalityConsult the designerbut most of all....
  23. Testing your patience...
  24. This stage involves running the templatethrough many different browsers,devicesand computer platforms and making sureeverything works,no matter from whichpart of the website the visitor is coming from.
  25. THE DEVELOPERSolve technical andfunctional issuesReport any necessary changesto the designerbut most of all....THE DESIGNERTest design consistencyand general look and feelAsk developer to refineany design issuesbut most of all....
  26. Almost done...
  27. In this final step the web teammust make sure that the site isrunning as efficiently as possibleand that no functionality has beencompromised in the migration.
  28. It is good to havean end to journey toward;but it is the journeythat matters, in the end.Ernest Hemingway, American author and journalist.
  29. produced and released byUNTILSUNDAY

×