Prisma Capacity

Als Team unterstützen wir in direkter Zusammenarbeit den Relaunch der neuen Website. Wir entwickelten Prototypen mit dem no-code Editor Webflow, gestalteten Flow-Charts mit Sketch und dokumentierten den Atomic Design Ansatz über eine Online-Styleguide mit Zeroheight. In verschiedenen Workshop-Formaten brachten wir EntscheidungsträgerInnen an einen Tisch und nutzten eine Vielzahl an Workshopmethoden, wie Design Studio oder Story Mapping und unsere beliebten Proto-Personas. Auf diese Weise konnten wir die Anforderungen und den Hintergrund besser verstehen und das Design der Website und der Plattform zielgerichtet vorantreiben. Bei der Implementierung der Website setzten wir auf aktuelle Webtechnologien, wie beispielsweise das JSON-basierte Animationsformat "Lottie.js" oder die aktuelle Version des Front-end Open Source Tools Bootstrap. Die Entwicklung der Website ist in Zusammenarbeit mit ZitronenGrau und Georg Waldmann entstanden.

Workshops sind bestens geeignet, die Bedürfnisse, die Probleme, sowie die Erfahrungen im Umgang mit KundInnen, EntscheidungsträgerInnen und GeschäftspartnerInnen gemeinsam zu diskutieren. Gerade am Anfang eines Projektes ist es wichtig, ein tiefes Verständnis für die Ziele, die strategische Ausrichtung und die Erwartungen an eine Design-Lösung zu entwickeln. Die Erfahrung hat uns gezeigt, dass es nicht das "eine" Workshop-Format gibt. Bei der Zusammenarbeiten durften wir unterschiedliche Formate testen und genauer unter die Lupe nehmen. In unserem ersten gemeinsamen Workshop haben wir die Bedürfnisse der einzelnen NutzerInnengruppen analysiert und Themen in Form von Fragestellungen für die Erstellung von Inhalten abgeleitet. Auf diese Weise konnte das Team sehr früh mit der Erstellung von Inhalten beginnen. Das ist für uns essenziell, denn ohne relevante Inhalte ist das visuelle Design nur eine leere Hülle.

Priority Guidelines sind eine wunderbare Alternative zu Wireframes (konzeptionelle Entwürfe einer Internetseite während der Planungsphase). Vor allem, wenn Wireframes mit digitalen Werkzeugen erstellt werden, benötigen diese viel Zeit. Wir glauben, dass diese Zeit besser genutzt werden kann — durch kollaborative konzeptionelle Arbeit. Die Inhalte aus dem ersten Workshop haben wir gemeinsam priorisiert und dokumentiert. Mit nützlichen Werkzeugen, wie Airtable, haben wir die Struktur für alle Beteiligten online festgehalten. Auf diese Weise wurde die Vorproduktion von neuen Inhalten besser gesteuert. Das gemeinsame Backlog (eine Liste von Aufgaben bzw. Anforderungen, die abgearbeitet bzw. realisiert werden sollen) wurde dadurch strukturierter und transparenter.

User Flows sind Interaktionspfade, die Menschen durchlaufen, wenn sie durch die Webseite navigieren. Viele Fragen sind dabei von großer Bedeutung: Wie gelangen NutzerInnen auf die Website und welches Ziel soll dabei erreicht werden? Wir entwickelten ein Konzept, das NutzerInnen viel kognitive Arbeit bei der Nutzung der Website abnimmt. Am Ende jeder Seite springen die NutzerInnen fast automatisch zum nächsten Bereich und können alle Inhalte, ähnlich eines Buches, chronologisch erfassen. Gut ausgezeichnete, interne Verlinkungen ermöglichen den NutzerInnen einen tiefen Einblick in spezielle Themen. Die Visualisierung dieser Verknüpfungspfade half dem Team, das Ergebnis und die Struktur der neuen Website besser zu verstehen.

Durch einen interaktiven Prototypen konnten wir bereits früh erste Designideen für die Webseite testen. Die Inhalte und das Aussehen waren dabei genau ausformuliert. Dadurch erhielten wir reales und kontextbezogenes Feedback der NutzerInnen und EntscheidungsträgerInnen. Durch ein iteratives Vorgehen konnten Ideen über einen Link im Browser kommentiert und besprochen werden. Fertig getestete Designkomponenten und Prinzipien wurden dokumentiert. Die gewonnene Struktur bildet die Grundlage für die Erstellung einer Styleguide.