Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

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

•
08 de jun de 2013
• 74 recomendaciones • 10.319 visualizaciones
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
Programmer
Programmer
Cargando en…3
×

Eche un vistazo a continuación

5 Secrets to Successfully Publishing in Appcelerator's Marketplace
Axway Appcelerator
Equipment List: Software
angel_bird
LO2 - Lesson 7 - Feedback
The English Martyrs School & Sixth Form College
Specification Annotation
angel_bird
Strategic Approach to Theme Design
Cody Landefeld
NEDCamp Base Theme Presentation
Oomph, Inc.
Opticon 2015-10 Secrets to Building an Amazing Mobile Testing Roadmap
Optimizely
CS519 - homework project presentation
Sergii Shmarkatiuk
1 de 42 Anuncio

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

08 de jun de 2013
• 74 recomendaciones • 10.319 visualizaciones
Diseño

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.

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.

Diseño
Anuncio

Recomendado

Programmer
Aaron Newbigging
385 vistas
1 diapositiva
Building (and Re-Building) the Airbnb Design System
Maja Wichrowska
3.4k vistas
111 diapositivas
Collaborative Product Design
Anh Doan Quoc
262 vistas
23 diapositivas
LO1 - Lesson 5 - Software
The English Martyrs School & Sixth Form College
756 vistas
13 diapositivas
UX Tools for Agile Teams – Design Mission
Marc-Oliver Gern
1.1k vistas
4 diapositivas
"How to work with a freelance designer" by Alexis Porhiel, Designer & Co-foun...
TheFamily
785 vistas
35 diapositivas
BDD with OpKey_Brochure
OpKey CresTech
162 vistas
3 diapositivas
cv copy
tazzdust
22 vistas
2 diapositivas
Anuncio

Más Contenido Relacionado

Presentaciones para usted (14)

5 Secrets to Successfully Publishing in Appcelerator's Marketplace
Axway Appcelerator
1.2k vistas
Equipment List: Software
angel_bird
327 vistas
LO2 - Lesson 7 - Feedback
The English Martyrs School & Sixth Form College
770 vistas
Specification Annotation
angel_bird
369 vistas
Strategic Approach to Theme Design
Cody Landefeld
1.7k vistas
NEDCamp Base Theme Presentation
Oomph, Inc.
371 vistas
Opticon 2015-10 Secrets to Building an Amazing Mobile Testing Roadmap
Optimizely
992 vistas
CS519 - homework project presentation
Sergii Shmarkatiuk
639 vistas
LO2 - Lesson 9 - Software
The English Martyrs School & Sixth Form College
4k vistas
To do list
jake2233
126 vistas
Intro to programming and how to start that career
Tarek Alabd
128 vistas
Personal skills audit
kayearobertson
254 vistas
Prototyping invision vs axure
Andrii Rusakov
30.3k vistas
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
NorthernUX
1.5k vistas
5 Secrets to Successfully Publishing in Appcelerator's Marketplace
Axway Appcelerator
1.2k vistas
15 diapositivas
Equipment List: Software
angel_bird
327 vistas
17 diapositivas
LO2 - Lesson 7 - Feedback
The English Martyrs School & Sixth Form College
770 vistas
13 diapositivas
Specification Annotation
angel_bird
369 vistas
5 diapositivas
Strategic Approach to Theme Design
Cody Landefeld
1.7k vistas
45 diapositivas
NEDCamp Base Theme Presentation
Oomph, Inc.
371 vistas
12 diapositivas

Similares a Fight for the pixel. How designers and developers can work side by side. (20)

Fight for the Pixel - Innovation Martlesham - Ruth Cheesley
Ruth Cheesley
530 vistas
Enterprise UI/UX - design as code
Works Applications
785 vistas
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
Allison Corbett
4.4k vistas
Rasa Developer Summit - Tom Bocklisch, Rasa - Product Updates from Rasa
Rasa Technologies
662 vistas
Building a UX Process at Salesforce that Promotes Focus and Creativity
uxpin
955 vistas
Jennifer Robbins: ARTIFACT Conference Keynote
JenRobbins
3.9k vistas
Challenging The Role Of The Architect
Kevin Francis
1.7k vistas
Designers are from Venus - Presentationas Given to CD2
Chad Udell
693 vistas
Finding and Hiring Front-End Developers in 2017
Vernon Kesner
343 vistas
Architecting For Ux
Josh Holmes
1.7k vistas
Style Guide Best Practices
Brad Frost
106.1k vistas
How to become a great developer
Netcetera
1.4k vistas
Full Stack Developer Interview Questions
Rock Interview
462 vistas
Se2015 (general) (sep 19, 2015)
Lisa Dziuba
98 vistas
Se2015 (general) (sep 19, 2015)
Lisa Dziuba
122 vistas
Matthijs Collard - UX-design: wat, wie en hoe?
Hostnet bv
517 vistas
Maintainable design
Filip Rakowski
332 vistas
Ecommerce Mini Project / Group Project Coding
Hemant Sarthak
310 vistas
Designing Windows 8 application - Microsoft Techdays 2013
Markus Jönsson
5.7k vistas
New York Design Systems Coalition - Bridging the Gap
Michael Perrotti
78 vistas
Fight for the Pixel - Innovation Martlesham - Ruth Cheesley
Ruth Cheesley
530 vistas
25 diapositivas
Enterprise UI/UX - design as code
Works Applications
785 vistas
26 diapositivas
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
Allison Corbett
4.4k vistas
58 diapositivas
Rasa Developer Summit - Tom Bocklisch, Rasa - Product Updates from Rasa
Rasa Technologies
662 vistas
31 diapositivas
Building a UX Process at Salesforce that Promotes Focus and Creativity
uxpin
955 vistas
50 diapositivas
Jennifer Robbins: ARTIFACT Conference Keynote
JenRobbins
3.9k vistas
120 diapositivas
Anuncio

Más de Chiara Aliotta (14)

Il Designer senza macchia e senza paura
Chiara Aliotta
203 vistas
The Faultless Designer
Chiara Aliotta
319 vistas
The Shape of Thoughts
Chiara Aliotta
450 vistas
I put a spell on you
Chiara Aliotta
814 vistas
Unforgettable brands
Chiara Aliotta
137 vistas
Once Upon a Time. How to create visual storytelling on the web.
Chiara Aliotta
442 vistas
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.
Chiara Aliotta
917 vistas
A day in the life of a UX designer
Chiara Aliotta
1.1k vistas
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
Chiara Aliotta
2.3k vistas
The future of the web is printed
Chiara Aliotta
6.5k vistas
Once upon a time
Chiara Aliotta
1.2k vistas
In viaggio verso Grandi Luoghi (You're off to Great Places)
Chiara Aliotta
1.2k vistas
How to kill a brand
Chiara Aliotta
1.9k vistas
We heart it! Evoking emotion through typography
Chiara Aliotta
273.7k vistas
Il Designer senza macchia e senza paura
Chiara Aliotta
203 vistas
36 diapositivas
The Faultless Designer
Chiara Aliotta
319 vistas
34 diapositivas
The Shape of Thoughts
Chiara Aliotta
450 vistas
49 diapositivas
I put a spell on you
Chiara Aliotta
814 vistas
34 diapositivas
Unforgettable brands
Chiara Aliotta
137 vistas
16 diapositivas
Once Upon a Time. How to create visual storytelling on the web.
Chiara Aliotta
442 vistas
26 diapositivas

Más reciente (20)

PANTONE.pptx
AddinShalahuddinAlAy
3 vistas
intro_to_strategy_games.ppt
CYChen20
1 vista
CCDC-Boise-Parking-Structure-Design-Guidelines_2016-Final-Draft-08-04-2016.pdf
ChassyTesoro1
0 vistas
Tiny_Farms_PNP.pdf
CarlosValnicio2
1 vista
UX for Good 2014 Final Presentation
UX for Good
5 vistas
Environment for architecture.ppt
SanthushFernando2
3 vistas
AEROSPACE MUSEUM FILE.pptx
PRASU16
2 vistas
Variables in Programming.pptx
AdnaanMohammed2
0 vistas
MASTER BEDROOM.pptx
pranjalpatil81
0 vistas
2022 Brigada Cerificate of Participation Template.pptx
EfPerezBilangdal
0 vistas
Gamer.pptx
KrishnaKitti5
2 vistas
ramdhan 1.pptx
zulk ifli
0 vistas
Top Packaging Boxes Manufacturers and Suppliers in USA
Packaging Mines
5 vistas
piping_isometrics_(_PDFDrive_).pdf
KhanIrfan17
2 vistas
QbD+IR+Final+April+2012-508-Final2.pdf
HafizurRahman130404
0 vistas
5 Common Myths About Loft Conversions
Matthew511903
4 vistas
rrr.pptx
rete3
0 vistas
karnataka escorts
surathotsexyfemale
0 vistas
What is Web Design?
Softnet Technoware Pvt. Ltd.
4 vistas
ARPITA.pptx
SineTheta1
0 vistas
PANTONE.pptx
AddinShalahuddinAlAy
3 vistas
11 diapositivas
intro_to_strategy_games.ppt
CYChen20
1 vista
20 diapositivas
CCDC-Boise-Parking-Structure-Design-Guidelines_2016-Final-Draft-08-04-2016.pdf
ChassyTesoro1
0 vistas
61 diapositivas
Tiny_Farms_PNP.pdf
CarlosValnicio2
1 vista
6 diapositivas
UX for Good 2014 Final Presentation
UX for Good
5 vistas
128 diapositivas
Environment for architecture.ppt
SanthushFernando2
3 vistas
45 diapositivas
Anuncio

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

  1. FIGHT FORTHE ChiaraAliotta,UntilSunday JandBeyond2013 PIXEL
  2. The strength of the team is each individual member. The strength of each member is the team. Phil Jackson, American professional basketball coach and former player
  3. STARRING and many more...
  4. MAIN CHARACTERS CONTENT CREATION and LOOK AND FEEL FUNCTIONALITY and USABILITY
  5. CONTENT CREATION and LOOK AND FEEL FUNCTIONALITY and USABILITY VS
  6. WEB DESIGNER WEB DEVELOPER
  7. ON AIR WEB DESIGNER WEB DEVELOPER
  8. ON AIR WEB DESIGNER WEB DEVELOPER
  9. ON AIR WEB DESIGNER WEB DEVELOPER
  10. ON AIR WEB DESIGNER WEB DEVELOPER
  11. ON AIR WEB DESIGNER WEB DEVELOPER
  12. ON AIR WEB DESIGNER WEB DEVELOPER
  13. ON AIR WEB DESIGNER WEB DEVELOPER
  14. The journey starts...
  15. This is the most creative part of the project and everybody is bursting with ideas for the new website. The first priority is to determine project objectives,requirements and what will make it successful.
  16. THE DESIGNER THE DEVELOPER Understand the criteria for success Conduct research Understand brand vision Be focused on effectiveness but most of all.... Individuate the best coding solution Suggest interactive features Point out execution issues Be focused on efficiency but most of all....
  17. It is design time...
  18. Based on existing corporate colours (if any), the designer will create a static mock-up of the homepage,showing exactly how the web page will look, but without any functionality yet.
  19. THE DEVELOPER THE DESIGNER Identify limits of the design Suggest alternative solutions Share your expertise but most of all.... Develop an adequate visual language Think through the interactivity Involve developers but most of all....
  20. A long night coding...
  21. The static concepts are taken and chopped up into component parts ready for coding. Using different languages,like HTML and CSS,the web developer will render the design into an interactive web page.
  22. THE DESIGNER THE DEVELOPER Check the design’s implementation Accept compromises Be available for changes but most of all.... Develop the design details Add interaction and functionality Consult the designer but most of all....
  23. Testing your patience...
  24. This stage involves running the template through many different browsers,devices and computer platforms and making sure everything works,no matter from which part of the website the visitor is coming from.
  25. THE DEVELOPER Solve technical and functional issues Report any necessary changes to the designer but most of all.... THE DESIGNER Test design consistency and general look and feel Ask developer to refine any design issues but most of all....
  26. Almost done...
  27. In this final step the web team must make sure that the site is running as efficiently as possible and that no functionality has been compromised in the migration.
  28. It is good to have an end to journey toward; but it is the journey that matters, in the end. Ernest Hemingway, American author and journalist.
  29. produced and released by UNTILSUNDAY

×