Optimierungsmaßnahmen
für die Zusammenarbeit von
Designer und Programmierer

Handlungsempfehlungen für mehr Interdisziplinarität
bei der Entwicklung moderner Websites

Räumliche Nähe

Einzelmaßnahmen

Eine enge und interdisziplinäre Zusammenarbeit sowie ein intensiver Austausch entstehen mitunter dann, wenn Designer und Programmierer nebeneinander sitzen. Durch die räumliche Zusammenarbeit sollen die beiden Disziplinen ermutigt werden, stärker zu kommunizieren, sich gegenseitig auszuhelfen und die Gewohnheit abzulegen, ihr „eigenes Süppchen zu kochen.“

  • Handlungsempfehlung:

    • Einteilung der Mitarbeiter nach ihren Kompetenzbereichen vermeiden

      Der intensive Austausch von Designer und Programmierer wird vor allem dadurch erschwert, wenn sie an unterschiedlichen Orten arbeiten. Eine Einteilung der Mitarbeiter nach ihren Kompetenzbereichen sollte daher vermieden werden. Stattdessen sollte das Entwicklungsteam je nach Projektanforderungen zusammengestellt und entsprechend zusammengesetzt werden.

    • Flexible Sitzordnung einführen

      Dies hilft zum Einen, die räumliche Nähe unterschiedlicher Disziplinen zu ermöglichen und zum Anderen, flexibel auf Art und Umfang der Projekte zu reagieren und Projektbeteiligte entsprechend räumlich zu organisieren.

      Dabei entsteht ein weiterer, wünschenswerter Effekt. Menschen neigen dazu, in feste Verhaltensmuster zu verfallen. Diese zu durchbrechen, kann den Arbeitsprozess vorantreiben und kreative Lösungen zu Tage fördern. Durch die Veränderung der Arbeitssituation und des räumlichen Umfeldes verändert sich ebenfalls die Wahrnehmung der Mitarbeiter und kann dazu beitragen, Gewohnheiten zu durchbrechen und den Entwicklungsprozess mit kreativen Resultaten voranzutreiben.

      Arbeitsmodelle, bei denen Projektbeteiligte gelegentlich auch von Zuhause aus arbeiten, sind bei Responsive Webdesign Projekten folglich nicht erstrebenswert.

    • Regelmäßiger Austausch durch digitale Kommunikationsmittel ermöglichen

      In einigen Projektsituationen ist die Trennung der Disziplinen jedoch nicht vermeidbar, wenn beispielsweise die technische Umsetzung von einer Partneragentur übernommen wird. In diesen Fällen sollte der regelmäßige Austausch trotzdem gewährleistet werden und über digitale Kommunikationsmittel erfolgen. Dazu stehen Agenturen eine Reihe verschiedener Tools zu Verfügung, mit denen kommuniziert und Entwicklungsfortschritte ausgetauscht werden können. Vor allem sogenannte Screensharing-tools ermöglichen es, durch die Freigabe des Bildschirms Teilergebnisse mit Teammitgliedern, die sich an einem anderen Orten befinden, in Echtzeit zu besprechen.

    • Für entscheidende Projektphasen das Projektteam an einem Ort versammeln

      Trotz digitaler Kommunikationsmittel sollte in entscheidenden Projektphasen dennoch das gesamte Projektteam vor Ort zusammen kommen. Ein wichtiger Zeitpunkt ist dabei vor allem der Beginn eines Projekts, bei dem im sogenannten Kick-Off Gespräch wesentliche Aspekte wie beispielsweise das Kernkonzept des Projekts besprochen werden. Dieses sollten immer im Beisein aller Beteiligten erarbeitet werden.

  • Weiterführende Weblinks:

Kommunikation

Einzelmaßnahmen

In der heutigen Webentwicklung finden Design- und Programmierphasen zeitgleich statt. Deshalb ist es notwendig, dass der Entwicklungsprozess in enger Abstimmung zwischen beiden Disziplinen erfolgt. Aus diesem Grund erfordert interdisziplinäres Arbeiten innerhalb der Webentwicklung vor allem eine über den gesamten Projektverlauf stattfindende und wechselseitige Kommunikation.

  • Handlungsempfehlung:

    • Barrieren der Kommunikation auflösen

      Im interdisziplinären Entstehungsprozess ist ein intensiver kommunikativer Austausch der beteiligten Disziplinen unabdingbar. Deshalb müssen Barrieren der Kommunikation langfristig aufgelöst und Kommunikationswege gekürzt werden.

    • Kommunikationswege kürzen

      siehe dazu Räumliche Nähe

    • Häufig stattfindende Meetings ermöglichen

      Das Scrum Framework sieht mehrere Arten von Meetings vor, bei denen die Projektbeteiligten zusammenkommen und sich austauschen (beispielsweise nach Srum, wie Dialy Scrum, Sprint, Sprint Review, Retrospective Meetings). Finden diese Meetings im Entstehungsprozess regelmäßig und angemessen statt, kann die Qualität des Endergebnisses erheblich gesteigert werden. Aus diesem Grund gelten Meetings, wie sie bei Scrum definiert wer- den, als eine wesentliche Maßnahme für die effiziente Zusammenarbeit von Designer und Programmierer.

  • Weiterführende Weblinks:

Gegenseitiges Verständnis

Einzelmaßnahmen

Für eine erfolgreiche, interdisziplinäre Zusammenarbeit ist die Fähigkeit, Verständnis für das jeweilig andere Fachgebiet aufzubauen und dieses innerhalb der eigenen Disziplin gewinnbringend anzuwenden, unerlässlich.

  • Handlungsempfehlung:

    • Neugierde und Offenheit wertschätzen

      Neugierde und Offenheit sind unweigerlich förderliche Charaktereigenschaften. Dies sollten Agenturen auch bei der Einstellung zukünftiger Mitarbeiter berücksichtigen.

      Die notwendigen fachlichen Fähigkeiten spielen dabei weiterhin eine wesentliche Rolle. Jedoch sind eventuell fehlende Fähigkeiten leichter zu erlernen, als die Persönlichkeit zu verändern. Es gilt das Motto: "hire for Attitude, train for skill".
      Aus diesem Grund ist es hilfreich, wenn neue Mitarbeiter die richtige Einstellung mitbringen und gewillt sind, sich auf fachübergreifende Themen einzulassen.

    • Workshops zum Wissensaustausch organisieren

      Eine bewährte Maßnahme für interdisziplinären Wissensaustausch sind regelmäßig stattfindende Workshops, bei denen sich Designer und Programmierer gegenseitig über bestimmte Themen ihres Fachgebietes aufklären. Bei diesen Fortbildungsseminaren findet in gewissermaßen ein Rollentausch statt. Die verschiedenen Disziplinen sollen dabei lernen, in Zukunft auftretende Probleme zwischen den Parteien eigenständig zu lösen und ihre Arbeitsweisen entsprechend aufeinander abzustimmen.

    • Trotz Wissensaustausch weiterhin am Spezialistentum festhalten

      Grundsätzlich ist es für einen modernen Workflow wichtig, dass alle Projektbeteiligten ein Bewusstsein für die jeweils anderen Disziplinen innerhalb des operativen Prozesses entwickeln. Dabei gilt: „Je mehr alle Alles können, desto besser“.

      Führt man diesen Gedanken weiter, könnte man zu der Aussage gelangen, dass die Disziplinen Designer und Programmierer auch in einer Person zusammengefasst werden können. Derartige Generalisten mit einem umfassenden Wissen über beide Fachgebiete hinweg existieren in der Realität jedoch sehr selten. Darüber hinaus sind heutige Webprojekte zu umfangreich und werden auch in Zukunft immer komplexer, als dass solche Multitalente sämtliche Teilaufgaben im Alleingang übernehmen können.

      Aus diesem Grund ist sich die Mehrzahl der Experten einig, dass auch in Zukunft am Konzept des Spezialistentums festgehalten werden soll, da bessere Ergebnisse entstehen, wenn sich Designer und Programmierer auf das konzentrieren, was sie am besten können.

  • Weiterführende Weblinks:

Umgang miteinander

Einzelmaßnahmen

Die Arbeitsatmosphäre in Webentwicklungsprojekten ist stark davon abhängig, wie Designer und Programmierer miteinander umgehen. Grundstein für interdisziplinäres und integratives Zusammenarbeiten ist vorallem ein Arbeitsskultur, in der die Zusammenarbeit geschätzt wird und Leute miteinander und nicht gegeneinander arbeiten wollen.

  • Handlungsempfehlung:

    • Als Vorgesetzter angemessenes, wertschätzendes Verhalten vorleben

      Um entsprechende Maßnahmen für eine angemessene Atmosphäre zu schaffen, ist es zunächst wichtig zu verstehen, dass eine Arbeitsumgebung, in der die verschiedenen Disziplinen zusammenarbeiten sollen, nicht erzwungen werden kann. Ein autoritärer Bestimmungsstil eines Vorgesetzten wird deshalb langfristig keine oder nur oberflächliche Wirkungen erzielen.

      Effektiver ist es dagegen, eine gewünschte Arbeits- und Verhaltensweise gegenüber den eigenen Mitarbeitern vorzuleben. Vorgesetzte haben im Agenturalltag eine Vorbildfunktion inne, die sie angemessen und gewinnbringend einsetzen müssen, wenn sie die Zusammenarbeit der Mitarbeiter dauerhaft verbessern wollen.

    • Gemeinsamen Qualitätsanspruch definieren (Definition of Done)

      Damit Designer und Programmierer über ein ganzes Projekt hinweg an einem Strang ziehen, sollte vor Projektbeginn gemeinsam ein Qualitätsanspruch für Teilergebnisse definiert werden. Einzelne Teammitglieder sollen dadurch in der Lage sein, die Qualität ihrer Zwischenergebnisse zu überprüfen. Nur wenn dieser Qualitätsanspruch eindeutig formuliert ist, kann die Arbeitsqualität über den gesamten Projektverlauf hinweg aufrechterhalten werden. Im Scrum Modell wird diese Absprache auch als „Definition of Done“ bezeichnet.

    • Fähigkeit, Kritik zu akzeptieren und daran zu lernen

      Des Weiteren sollten Konflikte dadurch verhindert werden, indem zum Ende eines Projekts eine Abschlussbesprechung gehalten wird. Auch das Scrum Framework sieht solch eine moderierte Retrospektive vor. Wichtig ist seitens der Projektmitglieder, dass sie offen für sowohl positive, als auch negative Kritik sind und das Feedback in zukünftigen Projekten berücksichtigen.

  • Weiterführende Weblinks:

Agiles Arbeiten

Agiles Arbeiten

Eine agile Arbeits- und Denkweise kann als eine notwendige Rahmenbedingung für die interdisziplinäre Zusammenarbeit von Designer und Programmierer betrachtet werden. Agile Modelle läuten dabei einen Paradigmenwechsel ein, der von allen Beteiligten eines Entwicklungsprojekts neue Denk- und Handlungsweisen verlangt. Die obenstehenden Maßnahmen und Voraussetzungen können dazu angewendet werden, agiles Arbeiten zu begünstigen.

  • Handlungsempfehlung:

    • Verabschieden von den Praktiken phasenorientierter Arbeitsmodelle

      Ein hemmender Faktor bei der Durchführung agiler Organisationsmethoden ist im Wesentlichen die Tatsache, dass die Denkweise bei der Webentwicklung immer noch stark durch das traditionelle Wasserfallmodell geprägt ist. Der phasenorientierte Projektablauf widerspricht in seiner Struktur jedoch den Grundsätzen des agilen Arbeitens. In der Praxis fällt es deshalb schwer, die lange als bewährt geltenden Gewohnheiten abzulegen und sich auf eine neue Arbeitsweise einzulassen.

    • Disziplin, Motivation und selbstverantwortliches Handeln fördern

      Jeder Projektbeteiligte eines agilen Entwicklungsprozesses ist gefordert, sein ganzen Wissen und seine absolute Bereitschaft dem Projekt entgegenzubringen, damit ein erfolgreicher agiler Entwicklungsprozess entstehen kann. Hierzu mangelt es häufig an ausreichender Disziplin, Motivation und dem erforderlichen Maß an Selbstengagement. Innerhalb des Entwicklungsprozesses ist ein autonomes und selbstverantwortliches Handeln aller Teammitglieder jedoch unbedingt erforderlich.

    • Mutige Entschiedungen treffen - Fehler sind erlaubt

      Ein agiles Arbeitsmodell verlangt vom Entwicklungsteam nicht, die richtige Lösung eines Problems unmittelbar im ersten Schritt zu finden. Viel mehr sollen Entwickler im Sinne eines empirischen und erfahrungsbasierten Entwicklungsprozess darin bestärkt werden, mutige Entscheidungen zu treffen und dabei möglicherweise Fehler zu machen. Erst dann ist ein schöpferischer Lernprozess überhaupt möglich, dessen Resultat ein kreatives und fortschrittliches Produkt sein kann.

    • Gleichbleibendes Projektteam über gesamte Projektdauer ermöglichen

      Die intensive Beteiligung aller Teammitglieder ist eine wichtige Voraussetzung für den Erfolg des agilen Prozesses. In größeren Agenturen finden Projekte jedoch häufig parallel statt, wodurch Mitglieder eines Teams in der Regel in mehreren Projekten gleichzeitig arbeiten oder gar Schlüsselpositionen innerhalb eines Entwicklungsteams ausgetauscht und neu besetzt werden müssen. Ein dauerhaft gleichbleibendes und absolut auf das Produkt fokussiertes Projektteam ist bei interdisziplinären Projekten sehr wichtig.

    • Arbeitsweisen an individuelle Projektanforderungen anpassen

      Trotz oben genannter Aspekte ist es nicht immer sinnvoll, die Arbeitsweise streng nach agilen Modellen wie Scrum zu organisieren. Zu Beginn eines jeden Responsive Design Projekts ist es ratsam, die Arbeitsweise an die individuellen Anforderungen des Projekts anzupassen. Insofern erfordert jedes Projekt gewissermaßen seinen eigenen Prozess.

    • Autoritären Führungsstil vermeiden

      Siehe dazu die Einzelmaßnahme "Umgang miteinander"

    • Möglichst starkes Vertrauen zum Kunden aufbauen

      Komplexe Informationsstrukturen und dynamische Verhaltensweisen von Responsive Websites führen häufig zu Missverständnissen in der Funktionsweise der Anwendung.

      Wenn zu Beginn des Projekts im Wireframe der zukünftigen Website Interpretationsspielräume vorhanden sind, kann es schnell zu Fehlinterpretationen seitens des Kunden kommen. Infolge dessen müssen unter zusätzlichem Aufwand Änderungen vorgenommen und Budgets im Nachteil der Agentur neu kalkuliert werden.

      Um agile Methoden bei der Entwicklung von Responsive Websites anzuwenden, müssen Kunden und Agentur folglich ein starkes Vertrauen zueinander aufbauen. Darüber hinaus sollten Ansprechpartner und Entscheidungsträger auf Kundenseite ein ausreichendes Verständnis für das digitale Medium mitbringen. Insbesondere im Hinblick auf Responsive Webdesign ist ein umfangreiches Vorstellungsvermögen sowie die Fähigkeit, in Systemen zu denken, von wichtiger Bedeutung und kann den Entwicklungsprozess positiv beeinflussen.

  • Weiterführende Weblinks:

Innere Grundhaltung

Innere Grundhaltung

Ebenso wichtig wie agiles Arbeiten ist eine angemessene innere Grundaltung, in der die agile Denkweise auch gelebt wird und die obenstehende Einzelmaßnahmen wirksam eingesetzt werden können.

  • Handlungsempfehlung:

    • Gemeinsamen, individuellen Wertekodex zu manifestieren.

      Innerhalb des Projektteams dürfte es hilfreich sein, einen gemeinsamen individuellen Wertekodex zu manifestieren. In diesem Wertekodex sollten fundamentale Verhaltens- und Arbeitsweisen festgehalten werden, die einer agilen Denkweise entsprechen. Dazu können durchaus die Leitsätze des agilen Manifests sowie die Prinzipien des Lean Development herangezogen werden.

      Darüber hinaus sollten jedoch auch jene Praktiken zur Maxime gemacht werden, die sich im Projektteam erfahrungsbedingt als zweckmäßig herausgestellt haben. Deshalb können Revisionssitzungen wie das Retrospective Meeting von Scrum durchaus als eine der wesentlichsten Maßnahmen bei der Zusammenarbeit betrachtet werden.

    • Mut zur stetigen Veränderung, Lernen aus Fehlern und Wille zur Optimierung

      Wesentliche Voraussetzung für die agile Denkweise und damit für die effiziente Zusammenarbeit ist vor allem eine persönliche innere Grundhaltung, bei der der Mut zu stetigen Veränderung, das Lernen aus Fehlern und der Wille zur Optimierung bestehender Prozesse zur Prämisse des eigenen Denken und Handeln wird.

    • Zur Agentur passende Haltung bei neuen Mitarbeitern berücksichtigen

      Da Haltungen grundsätzlich nur schwer zu ändern sind, sollten Agenturen umso mehr darauf achten, dass zukünftige Mitarbeiter eine zur Agentur und deren Arbeitsweise passende Haltung mit sich bringen. „Hire for attitude, train for skill“

    • Einzelmaßnahmen konsequent durchführen

      Abschließend lässt sich sagen, dass sich eine angemessene Haltung für agile Denkweisen und die oben genannten konkreten Maßnahmen für interdisziplinäre Zusammenarbeit gegenseitig bedingen.

      Eine adäquate Grundhaltung führt in der Regel auch zu einer wirkungsvolleren Zusammenarbeit. Umgekehrt dürfte die langfristige Ausübung angemessener Maßnahmen für interdisziplinäre Zusammenarbeit auch zu einer Änderung der inneren Arbeitshaltung von Mitarbeitern führen. Ein Änderungsprozess findet demnach nicht nur von innen nach außen, sondern auch von außen nach innen statt.

      Deshalb sollten Agenturen sowohl an der angemessenen Haltung ihrer Mitarbeiter arbeiten, als auch die weiter oben aufgeführten Maßnahmen nutzen, um agile Arbeitsweisen effizient für die Realisierung von modernen Websites zu nutzen.

  • Weiterführende Weblinks:

Über das Projekt

Die heutigen Anforderungen an moderne Websites führen dazu, dass sich Designer und Programmierer immer weiter annähern und die Disziplinen stärker miteinander verknüpft werden. Insbesondere im Entstehungsprozess einer Responsive Website ist die interdisziplinäre Zusammenarbeit von Designer und Programmierer mittlerweile völlig selbstverständlich.
Durch den engen kollaborativen Prozess können aber auch verschiedene Probleme auftauchen, die den Entstehungsprozess verzögern und aufhalten können.

Im Rahmen meiner Bachelorarbeit habe ich wesentliche Maßnahmen herausarbeiten können, welche den Workflow zwischen Designern und Entwicklern verbesseren sollen, um heutigen und zukünftigen Anforderungen an modernen Websites gewappnet zu sein.

Die auf dieser Website aufgeführten Informationen dienen als eine Art Ratgeber für Agenturen digitaler Medien. Sie richten sich dabei jedoch nicht nur an Designer und Programmierer. Vor allem agile Arbeitsweisen und eine angemessene innere Grundhaltung wird von jeden, im Entwicklungsprozess beteiligten Personen, gefordert.

Das entstandene Modell ist der Versuch, sämtliche Maßnahmen, die in der interdiszipinären Zusammenarbeit eine wesentliche Rolle spielen, in einen sinngemäßen einfach zu verstehenden Zusammenhang zu bringen.