Title: Zusammenarbeit im Designteam
Course: E-Design - Erzeugung und Gestaltung der Designidee > Section: Visuelle Kommunikation

Wie gestaltet sich die Zusammenarbeit in Designteams. Welche Möglichkeiten gibt es für die Online Zusammenarbeit.

15 min

Webdesigner und Entwickler arbeiten auf sehr unterschiedliche Weise. Dem Designer ist das visuelle an einer Webseite wichtig und wie der Benutzer damit interagiert.

Dagegen kümmert sich der Webentwickler um den hinter dem Design liegenden Code und wie dieser am Besten mit dem Design zusammen funktioniert. Daher ist es wichtig, dass diese beiden Teams eine gute Kommunikationsbasis haben. Die Teams sollten sich regelmäßig austauschen.

Ein klarer Design-Plan sollte möglichst detailliert erstellt werden, sodass alle Beteiligten genau die Vorstellungen kennen und es zu wenig Missverständnissen kommt. Auch wenn ein Entwickler nicht an der Designerstellung beteiligt ist, sollten diese trotzdem ihr Feedback zum Design mit einfließen lassen, da sie technisch genau wissen, was möglich ist und was nicht.

Je größer das Projekt und das Team, umso wichtiger ist die Informationsweitergabe. Im Vorfeld sollte sich das Team auf eine Informationsweg festlegen um immer up-to-date zu sein. Dazu können diverse Onlinetools genutzt werden. Eine weitere Möglichkeit ist das „Pairing“, welches aus der agilen Softwareentwicklung stammt. Hierbei arbeiten jeweils ein Designer und ein Programmierer zusammen im Team.

Tools für die Zusammenarbeit

Sketch:  Designsysteme und Cloud Bibliotheken. Entwickler können Designs prüfen und produktionsfertige Assets von jedem Webbrowser auf jedem Computer herunterladen. Besser Möglichkeit Plug-ins für die Übergabe an Entwickler verwalten. Stakeholder können sich Entwürfe in ihrem Webbrowser ansehen, Prototypen testen und kostenloses Feedback hinterlassen. http://www.sketch.com

Marvel: Erstellen Sie realistische Prototypen, ohne Code, Nutzerflows und Designprototypen, intuitives Design-Tool geschaffen, mit dem jeder schnell schöne Assets und Mockups erstellen kann, Sammeln von Feedback. https://marvelapp.com/

Bootstrap: freies Frontend CSS Framework. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Typografie, Formulare, Buttons, Tabellen, Grid-Systeme, Navigations- und andere Oberflächengestaltungselemente sowie zusätzliche, optionale JavaScript-Erweiterungen. https://getbootstrap.com/

ActiveCollab: hilft dir, zu jeder Tages- und Nachtzeit zu wissen, was los ist. Damit weißt du, wer an was arbeitet, wann die Arbeit fällig ist, wie viel Budget du ausgegeben hast, wer zu viel Arbeit hat und wie sich Fristen und Verantwortlichkeiten über mehrere Projekte hinweg überschneiden. ActiveCollab eignet sich perfekt für Agenturen, IT-Beratungsunternehmen und andere Unternehmen, die ihren Kunden kreative Lösungen bieten. Mit ActiveCollab kannst du weniger Zeit für viel Arbeit und mehr Zeit für das Wesentliche aufwenden.https://activecollab.com/

Quelle: https://usersnap.com/de/blog/kommunikation-entwickler-designer/