Warum sollten Webdesigner und Webentwickler zusammenarbeiten?

Es scheint eine Frage des gesunden Menschenverstands zu sein: Designer und Entwickler sollten zusammenarbeiten.
Aber allzu oft arbeiten diese Leute alleine am selben Projekt. Der Designer arbeitet daran, die grafischen Elemente, Farbpaletten und Typografien zu erstellen, die gut aussehen, während der Entwickler das Material kodiert und für die Veröffentlichung im Internet vorbereitet. Und dies kann zu Meinungsverschiedenheiten zwischen dem Designer und dem Entwickler führen und sich auf das endgültige Design selbst auswirken.
Wenn Designer und Entwickler jedoch an End-to-End-Projekten zusammenarbeiten, ist das Ergebnis ein zusammenhängenderes Webprojekt mit besserer Ästhetik, einer schönen Benutzeroberfläche und sauberem Code. Außerdem sind während des Zusammenarbeitsprozesses weniger Arbeit und Nacharbeiten erforderlich, was zu einem Projekt führt, das in kürzerer Zeit abgeschlossen werden kann. 

Designer vs. Entwickler

Screenshot 2015-10-14 zu 12.06.41
Traditionell haben Webdesigner und Webentwickler unterschiedliche Berufsbezeichnungen.
In der Regel verwenden Designer Grafikdesign-Software wie Adobe Photoshop und Illustrator, um zu erstellen, wie Websites und ihre Elemente aussehen sollen. Diese Ästhetik wird dann von einem Webentwickler mit HTML, JavaScript, jQuery, CSS und anderen Programmiersprachen codiert, um all diese Arbeit online zu bringen.
Während Designer und Entwickler oft in getrennten Räumen oder sogar in verschiedenen Ländern arbeiten können, benötigt jeder die Fähigkeiten des anderen, um eine vollständige Website zu erstellen.

Zusammenarbeit: die Vorteile

Der große Vorteil der gemeinsamen Arbeit von Designern und Entwicklern ist die Erstellung eines vollständigeren Webprojekts. Vom Erscheinungsbild über die Interaktionen bis hin zum Erlebnis kann das Projekt nur dann besser realisiert werden, wenn Designer und Entwickler zusammenarbeiten. Und es wird heutzutage fast unmöglich, nicht zusammenzuarbeiten. 
Wir dürfen auch nicht vergessen, die Designer von Interacton zu dieser Zusammenarbeit einzuladen, deren Vorteile vielfältig sind:

  • Ein zweites Augenpaar, um den gesamten Inhalt zu überprüfen und Mängel oder Fehler zu erkennen
  • Mehr kreatives Brainstorming
  • Eine vollständigere Erfahrung: Der Designer kann verstehen, was der Entwickler erstellen kann
  • Ein zusammenhängenderes Endprodukt, bei dem alle Teile so aussehen, wie sie ursprünglich aussehen sollten
  • Lernen, wie Design/Entwicklung funktioniert
  • Eine Verschmelzung der Ideen aller, um eine vollständigere Vision des Projekt-Renderings zu erhalten
  • Verstärkter Fokus auf Projektauftrag und -ziele
Zusammenarbeit: die Nachteile

Ich würde zwar gerne sagen, dass eine Zusammenarbeit keine Nachteile hat, aber das wäre naiv von mir. Tatsächlich kann es einige Nachteile geben, die berücksichtigt werden müssen:

  • Es können Kosten anfallen, wenn sich alle gleichzeitig treffen, insbesondere wenn sich die Personen nicht am selben Ort befinden.

Dies bedeutet die Verwendung von Telefonkonferenzen und Online-Sharing-Tools zur Kommunikation, wenn nicht alle gleichzeitig im selben Raum sein können.

  • Manchmal sind die Leute anderer Meinung oder kommen einfach nicht miteinander aus. Aber wir sind alle erwachsen, oder? Beruflich soll dies unserer Arbeit nicht schaden.
Was Sie tun können

Screenshot 2015-10-14 zu 12.06.56
Nun, da Sie über alle Gründe nachgedacht haben, warum Sie mit einem Designer oder Entwickler zusammenarbeiten sollten, wie können Sie dies in die Tat umsetzen?Alles beginnt mit einer klaren Kommunikation. Webdesigner und Webentwickler müssen zunächst das Projekt planen und während des Prozesses und bei der Entscheidungsfindung über das Gesamtbild nachdenken. Sie müssen verstehen, dass es nicht einfach sein wird und Sie einige der Kämpfe auf dem Weg gewinnen und verlieren werden.
Am besten nehmen Sie Ihren Designer oder Entwickler zum Mittagessen, Kaffee oder zu einem Spaziergang mit. Lernen Sie ihn kennen und identifizieren Sie seine Persönlichkeit, seine Arbeitsweise, bevor Sie zum ersten Mal über ein solches Projekt sprechen. Sprechen Sie dann darüber, wie Sie als Team zusammenarbeiten möchten, und legen Sie einige Grundregeln fest.
Ein regelmäßiges Update mit allen Mitarbeitern des Projekts ist unerlässlich (vielleicht sollten sie sogar in die Retro-Planung integriert werden), um sicherzustellen, dass alle pünktlich und pünktlich arbeiten. Denken Sie daran, nett zu sein; äußern Sie konstruktive Kritik und seien Sie offen für Feedback von anderen. Das Ziel ist auch, nebenbei Neues zu lernen: dankbar zu sein.

5 Tipps für Designer
  1. Erklären Sie die Designtheorie auf einfache Weise, um Entwicklern zu helfen, zu verstehen, woher Ästhetik kommt.
  2. Denken Sie über die interaktiven Elemente nach, die Sie entwerfen, und wie sie funktionieren werden. Stellen Sie sicher, dass alle Elemente für alle Stufen der Interaktivität ausgelegt sind.
  3. Machen Sie ein komplettes Design. Erwarten Sie nicht, dass ein Entwickler ähnliche Teile kopiert und modifiziert. Erstellen Sie die notwendigen Elemente für jedes Teil, damit alles bereit ist, wenn er mit der Arbeit beginnt.
  4. Bitten Sie während des Projekts um Hilfe. Wenn Sie nicht sicher sind, ob eine bestimmte Schriftart auf einer Website funktioniert, fragen Sie nach.
  5. Stellen Sie Design-Assets in verwendbaren Formaten mit der geeigneten Auflösung und Größe für die Verwendung im Internet bereit.
5 Tipps für Entwickler 
  1. Fragen Sie nach dem Design. Ein theoretisches Wissen über Farbe und Typografie und sogar Fachjargon kann Ihnen sehr helfen.
  2. Sagen Sie ehrlich, was Sie können und was nicht. Wenn ein Designer auf etwas zusteuert, das im Web nicht übersetzbar ist, sagen Sie lieber früher als später etwas.
  3. Stehen Sie zur Verfügung, um Fragen zu beantworten und während des Designprozesses zu helfen.
  4. Beteiligen Sie sich von Anfang an am Prozess. Helfen Sie beim Brainstorming von Designideen, die mit UX (User eXperience) funktionieren.
  5. Bewahren Sie die Integrität des erstellten Designs – selbst für die Teile, die Ihnen nicht gefallen oder mit denen Sie nicht einverstanden sind – im Entwicklungsprozess. Man würde sich nur durch optische Veränderungen Feinde machen, ohne ein echtes "Entwicklungs"-Ziel.

Einer der größten Tipps für Designer und Entwickler ist nicht ganz neu, aber immer noch aktuell. Das Agile Manifesto (von seinem englischen Namen „Manifesto for Agile Software Development“) hebt vier Prinzipien hervor, die alle Webdesigner, Webentwickler und Interaktionsdesigner befolgen sollten:

  1. Individuen und ihre Interaktionen mehr als Prozesse und Tools.
  2. Software, die funktioniert mehr als eine umfassende Dokumentation.
  3. Zusammenarbeit mit Kunden mehr als Vertragsverhandlungen.
  4. Anpassung an Veränderungen mehr als nur einem Plan zu folgen.
Fähigkeiten, von denen alle profitieren können

Screenshot 2015-10-14 zu 12.07.05
 
Um besser miteinander kommunizieren zu können, müssen Designer und Entwickler sich dazu zwingen, die Sprache des anderen zu verstehen und vor allem zu sprechen. Dazu sollten sie ein grundlegendes Verständnis und Wissen über Folgendes haben:

  • Gestaltungsprinzipien wie Farbe, Raum und Typografie
  • Optimale Bildformate und Größen
  • Grundlegendes Verständnis von HTML und CSS
  • Verwendung von Webfonts
  • Trends in Design und Entwicklung
  • Wünsche und Bedürfnisse der Nutzer verstehen
Zusammenfassung

Das Problem betrifft nicht mehr nur die Ziele der Designer/Entwickler-Zusammenarbeit, sondern erstreckt sich auch auf das gegenseitige Verständnis und die gegenseitigen Rechte. Am Ende des Tages haben beide Jobs ein gemeinsames Ziel: eine phänomenale Seite zu erstellen. 
Worüber wir wirklich nachdenken müssen, ist das Entwicklungsdesign.

Denn wirklich, jede Entwicklung ist Design und jedes Webdesign ist Entwicklung.

Sie können das eine nicht ohne das andere haben, und da das Design immer komplizierter wird, wird dies noch mehr wahr. Was wir also brauchen, ist vielleicht eine neue Stellenbeschreibung oder eine Berufsbezeichnung, die zeigt, dass Designer und Webentwickler verwandt sind.
Hier ist mein Vorschlag: Wie wäre es, wenn wir diese Kombination als "Webentwicklungsdesigner" bezeichnen?
Teilen Sie uns Ihre Ideen und potenziellen Berufsbezeichnungen über die Kommentare mit.
 
Isabelle De Carvalho – UX-Humanistin @UXrepublic
Übersetzung von Carries Artikel Throw Pillows