Silos ab- und Vision aufbauen

Der taz Verlag ist ein komplexes Ökosystem, das weit mehr umfasst als Abos und Anzeigen.“ Das Wirkungsfeld reicht von Reise- und diversen Veranstaltungsangeboten, über vielfältige Unterstützungsformate (z.B. Panther Stiftung, Recherchefonds Ausland), bis hin zur Genossenschaft und zum Kundenservice – organisiert in eigenen Gewerken. Das bedeutet aber auch, dass jedes dieser Gewerke eigene Wünsche, Vorstellungen, Bedürfnisse und Anforderungen in den Veränderungsprozess mitbringt. Diese Vielfältigkeit galt es, “unter einen Hut zu bringen“, so dass alle Gewerke an einem Strang ziehen, die gleiche Vision und das gleiche Ziel vor Augen haben.

Nach den initialen Workshops und Usability Tests haben wir zusammen mit dem hauseigenen Projektteam und den Art-Direktor*innen Janine Sack und Christian Küpker ein Konzept und Design System für den taz Verlag erarbeitet, das im späteren Verlauf auch der taz-Redaktion als Grundlage dienen sollte.

Unsere Lösung: Prozess & Key Features

Die Basis: Transparenz für Anforderungen schaffen durch UX Research und Co-Creation

In-depth, semi-strukturierte Stakeholder-Interviews machten die unterschiedlichen Bedürfnisse und Pain Points der Verlagsgewerke sichtbar und schufen gleichzeitig Transparenz bezüglich der Anforderungen für alle. Vision-Workshops mit den verschiedenen taz Teams halfen, die strategische Ausrichtung zu schärfen sowie weitere Anforderungen und Bedürfnisse der Teams zu erfassen, und moderierte Usability-Tests gaben wertvolle Einblicke in Nutzerbedürfnisse und Erwartungen. So entstand ein gemeinsames Verständnis von Zielen, Designprinzipien und Anforderungen – die Grundlage für alle weiteren Entscheidungen.

Ergebnisse:

• Problem Definition
• Anforderungsanalyse
• Visions-Definition, inklusive Designprinzipien

Es nimmt Gestalt an: Nutzer*innen zentrierte Struktur schaffen

Um die komplexen Inhalte des Verlags verständlich und zugänglich zu machen, haben wir zunächst die bestehenden Content-Typen über alle Abteilungen hinweg mittels weiterer Workshops mit Verlag und Redaktion analysiert und neu strukturiert. Mit Hilfe von Tree Tests und Card Sortings konnten wir herausfinden, wie Nutzerinnen tatsächlich navigieren und welche Orientierungsmuster für sie sinnvoll sind. Daraus entwickelten wir ein Hub-Konzept, welches Inhalte thematisch bündelte. Dies half, die Navigation von Grund auf an den Fragen und Bedürfnissen der Besucher*innen statt nach internen Blickwinkeln auszurichten. Ergänzend dazu erstellten wir ein Interaktionsdesign auf Basis von Wireframes für priorisierte Geschäftsbereiche des Verlags, die später als Grundlage für das Design System dienten.

Ergebnisse:

• klare Informationsarchitektur für Verlag und Redaktion und bessere Nutzerführung
• Zukunftfähiges Konzept mit inhaltliche Orientierung an den tatsächlichen Bedürfnissen

Feinschliff mit Wirkung: Kohärenz und wirtschaftliche Nachhaltigkeit durch ein Design System

Parallel zur konzeptionellen Arbeit entwickelten wir gemeinsam mit den Art-Direktor*innen Janine Sack und Christian Küpker ein umfassendes Design System. Es sollte nicht nur für die Verlagsseiten, sondern auch später für die Redaktionsseiten und die taz App ein konsistentes Nutzererlebnis sicherstellen. Das System verbindet Funktionalität mit Ästhetik und bietet eine skalierbare Basis, die schnelle Anpassungen sowie die unkomplizierte, wirtschaftlich-ökonomische Erstellung neuer Seitentypen ermöglicht. Gleichzeitig stärkt es die visuelle Identität der Marke taz und sorgt dafür, dass die vielfältigen Produkte des Hauses aus einem Guss erscheinen.

Ergebnisse:

• Design System mit Skalierbarkeit über Verlag und andere Produkte wie z.B.Redaktion und App
• Effizienz und ökonomische Nachhaltigkeit bei Design- und Entwicklungsprozessen

Mit Zuversicht in die Zukunft

Der Relaunch der Verlagsseiten im September 2023 markierte einen wichtigen Meilenstein für die taz. Der Grundstein für die sogenannte Seitenwende* war gelegt.

Die neue Verlagsseite bietet

• eine klar strukturierte, nutzerzentrierte Navigation, welche die Sprache der Nutzer*innen spricht
• ein kohärentes Experience und visuelles Design, welches die Markenidentität stärkt
• eine digitale Plattform, die die Vielfalt innerhalb des taz Verlags sichtbar und erlebbar macht.

Parallel dazu wurde die taz App  kontinuierlich weiterentwickelt – mit dem gleichen Fokus auf Nutzerfreundlichkeit und Lesegenuss.

Mit dem digitalen Relaunch hat der taz Verlag die Grundlage gelegt, die Transformation der Medienlandschaft aktiv mitzugestalten. Die enge Zusammenarbeit über drei Jahre hinweg hat gezeigt, wie UX Research, Co-Creation und Interaktionsdesign zusammenspielen, um nachhaltige digitale Lösungen zu entwickeln.

*Mehr zur taz Seitenwende: www.taz.de 
Titel Bild: ©taz Verlag

Vier Partner, eine Mission

Die Martin-Luther-Universität Halle-Wittenberg, die Technische Universität München, die RWTH Aachen University und die aratall GmbH haben sich zusammengetan, um ein Spiel zu entwickeln, das Bürger*innen frühzeitig in die Planung erneuerbarer Energien einbindet. Das Ziel? Die Akzeptanz für die Energiewende stärken – und zwar mit Spaß statt Langeweile. Wir haben dabei zusammen mit Claudius Brodmann die Nutzerzentriertheit im Auge behalten und das Spielerlebnis für den GrowFlowFly Prototypen gestaltet.

Unsere Lösung: Prozess & Key Features

 Co-Kreation für den Durchbruch

Um all diese Gegensätze zu vereinen, setzten wir auf einen transparenten Co-Designprozess. In mehrstufigen Workshops haben wir gemeinsam mit den Verbundpartnern klare Ziele formuliert und eine lebendige Primär-Persona entwickelt: Silke Wefig-Knoll. Ihre Journey wurde gemappt, Anti-Personas definiert und erste Ideen in Sketchboarding-Sessions visualisiert.

Gelöste Probleme:

• Sensibilisierung für individuelle Ziele der Verbundpartner
• Etablierung und Sensibilisierung für die Bedürfnisse und Fragen der Primär-Persona: Silke Wefig-Knoll
• Wissensgestützte Ideengenerierung

User Flow für Klarheit

Mit Hilfe eines User Flows machten wir den Umfang des Spiels und die Inhaltsanforderungen sichtbar und konnten in diesem Schritt – ohne über konkrete Funktionen (das “wie”) nachdenken zu müssen – einen klaren Ablauf gestalten, der dafür sorgt, dass Spielende Spaß haben und gleichzeitig etwas lernen.

Gelöste Probleme:

• Sichtbarmachung der benötigten Prozesse, Interaktions Optionen und Funktionen
• Sichtbarmachung der Onboarding und Tutorial Themen und deren Umfang

Zurückhaltendes Gaming Interface

Unsere Wireframes visualisierten mehrere Prozesse: Onboarding, die Gestaltung der Energielandschaft und die Bewertung von Landschaften. Abgerundet wurde alles mit Designs von Landingpages, sowie der Spiele Anleitung, die Backbone der Tutorial Phase ist.

Toolboxes und Counter wurden so gestaltet, dass sie niemals den Blick auf die Landschaft blockieren. Das Ziel war eine einfach zu bedienendes Spielsystem, bei dem das wichtigste – die zu gestaltende Landschaft – immer im Mittelpunkt steht.

Gelöste Probleme:

• Spielerische und motivierende Wissensvermittlung von Fachwissen
• Gestaltung einer sich selbst erklärenden Spielmechanik
• Abgleich der Anforderungen der Forschenden und von Silke Wefig-Knoll (Primär Persona) mit einem technischen Bestandssytem (Die Passage von aratall GmbH)

Ein scopegerechtes UI Design

Auch die visuelle Ästhetik hat Einfluss auf die Usability, allerdings kann ein ansprechendes Design schnell aufwändig werden. Ziel des Projekts war es ein Prototyp des GrowFlowFly Spiels fertigzustellen, die in deutschlandweiten Workshops von interessierten Büger*innen gespielt werden konnte. Es war nie Ziel, ein fertiges, marktfähiges Produkt zu gestalten.

Unser Plan – wir erzeugen the biggest possible bang, der dem Scope gerecht wird. Unsere Lösung – ein Design System eines bekannten Frameworks, das wir mit einer individuellen GrowFlowFly Farbwelt und Ikonographie erweiterten.

Gelöste Probleme:

• Ein scopegerechtes, ansprechendes visuelles Design
• GrowFlowFly Farbidentität und Ikonographie

Let the People Play

Partizipation durch Design

GrowFlowFly zeigt eindrucksvoll, wie Wissenschaft und Gesellschaft zusammenkommen können. Durch den Co-Designprozess ist es gelungen, den Prototyp für ein Spiel zu entwickeln, das nicht nur das Akzeptanzpotenzial für neue erneuerbare Energien erforscht, sondern auch von der Zielgruppe positiv angenommen wird.

Durch den spielerischen Zugang wird komplexes Wissen greifbar – und schafft echte Dialoge zwischen Bürger*innen und Forschenden. Das Beste daran? Die Balance zwischen Spaß und Wissensvermittlung macht Lust auf mehr!

Bereit für die Energiewende? Mit GrowFlowFly wird sie zum Erlebnis! Jetzt auf growflowfly.de selbst austesten.

Da während der Corona Pandemie die Fahrschulen in Deutschland geschlossen werden mussten, konnten Berufskraftfahrer*innen die für die Erneuerung ihres Führerscheins vorgeschriebene Ausbildung nicht absolvieren. 

Daher bietet die BKF Online-Schulungs GmbH mit ihrer neuen e-learning Plattform Online-Schulungen und Tests an, die für die Verlängerung der Lizenzen von Lkw-Fahrern erforderlich sind. Bis zur COVID-19-Pandemie wurden diese Schulungen und Prüfungen vor Ort in Fahrschulen durchgeführt. Durch die Pandemie änderten sich jedoch diese Rahmenbedingungen schlagartig und neue Lösungen mussten her. Unsere Aufgabe bestand darin, eine Online-Lösung zu schaffen, die den von der EU und den deutschen Regierungen definierten rechtlichen Anforderungen entspricht.

Eine Zeit-und ortsunabhängige Weiterbildungsmöglichkeit für Berufskraftfahrer*innen

Die von der BKF Online-Schulungs GmbH gegründete e-learning Plattform BKF Online hat sich zum Ziel gesetzt, eine dezentrale und kontaktfreie digitale Lösung für die aufgrund der Pandemie geänderten Rahmenbedingungen zu bieten – auch darüber hinaus. Die Lernmodule sollen also in Zukunft selbständig, sowie zeit-und ortsunabhängig gebucht, bezahlt und absolviert werden.

Sowohl das Unternehmen als auch die Lernplattform wurden aufgrund der COVID-19-Pandemie gegründet.

Projektziele im Überblick

1. Akzeptanz für neue Prozesse schaffen: Wir setzten auf das ‘Bottom-up-Prinzip’: Erstanwender*innen sollen am besten direkt zu Befürwortern der Plattform gemacht werden, um Akzeptanz auf breiterer Basis zu gewinnen. Dafür müssen die Vorteile, die der Service bietet, einfach zu verstehen und direkt ersichtlich sein. Der gesamte Prozess muss leicht und ohne Umstände von der Hand gehen, so dass Erstanwender*innen den Service mit ihren Kolleg*innen teilen und/oder zudem offizielle Stellen überzeugen, die Plattform auszuprobieren
2. Staatliche Anerkennung: Alle rechtlichen Anforderungen mussten erfüllt werden, um eine staatlich anerkannte Online-Schuleinrichtung zu werden – d.h die Fahreridentifizierung und das Online-Lernverfahren müssen so gestaltet werden, dass sie rechtlich unanfechtbar sind. 
3. Einen Fallbackplan etablieren: Die damalige Rechtslage in Deutschland verlangte die Absolvierung von obligatorischen Ausbildungsmodulen in Anwesenheit. Der Unterricht fand bei anwesenden Tutoren und in Fahrschulen statt, die von staatlichen Prüfern besucht und kontrolliert werden konnten. Wir mussten somit einen Plan B für den Start bereithalten, falls die staatliche Anerkennung nicht sofort klappen sollte. Eine Anforderung an das Design war es z.B. Skalierbarkeit zu gewährleisten und Spielraum zu schaffen für den Fall, dass sich die Rechtslage in Deutschland nicht rechtzeitig zum Start ändert.

Unsere UX- und Design Lösungen zur Erreichung der Ziele

Die Aufgabe war klar: Wir mussten Fahrer*innen, Logistikunternehmen und staatliche Kontrolleure davon überzeugen, dass ihr gewohnter Prozess der Vergangenheit angehörte. Wir mussten sie überzeugen, unsere Lösung auszuprobieren und zu nutzen. Darüber hinaus musste der Dienst eine lange Liste staatlicher und EU-rechtlicher Anforderungen erfüllen, um die Behörden davon zu überzeugen, dass wir eine vertrauenswürdige, visionäre Lösung anbieten, die bürokratische Prozesse vereinfachen kann.

So sind wir dabei vorgegangen:

#1 Identifikation der bisherigen Pain Points, um eine Transformation anzukurbeln

Es gibt ein Sprichwort, welches ungefähr so lautet “Change happens when the pain of staying the same is greater than the pain of change” – und genau nach diesem Prinzip wollten wir den Wandel anstoßen.

Unsere Nutzergruppen waren zwar an das etablierte Lizenzverlängerungsverfahren gewöhnt, aber das bestehende Verfahren hatte auch seine Nachteile. 

Die Einschränkung, dass die Pandemie z.B. Prüfungsabschlüsse für Fahrer*innen beeinträchtigte, war schließlich nur temporär. Darauf wollten wir nicht bauen. Stattdessen war das Ziel, die permanenten Schwachpunkte des traditionellen Prozesses zu verbessern. Daher mussten wir unsere Benutzergruppen kennenlernen, ihre Bedarfe und Probleme  identifizieren und Lösungen für diese Probleme entwickeln.

Qualitative Benutzerforschung ist der beste Weg, um mehr über Benutzergruppen zu erfahren und aufgrund dieser Basis Lösungen zu entwickeln. Ein anderer Ansatz besteht darin, mit puren Annahmen zu arbeiten, diese auch als solche auszuzeichnen und sie nach dem Start gezielt zu überprüfen.

Wir versuchten, einen bereits lange etablierten Prozess zu ändern. Dafür mussten wir die “Das haben wir schon immer so gemacht”-Menge und Menschen mit unterschiedlicher Affinität zur Technik überzeugen. Eine sich reibungslos anfühlende Nutzererfahrung kann die allgemeine Akzeptanz eines neuen Services verbessern. Aber damit die Personen gewillt sind, das Neue  überhaupt ausprobieren, müssen die Vorteile konkret benannt werden und hervorstechen.

Daher haben wir uns auf Funktionen konzentriert, die den Komfort und die Prozesstransparenz erhöhen und das Leben von Fahrer*innen, Logistikunternehmen und staatlichen Prüfer*innen gleichermaßen erleichtern. 

Ein offensichtlicher Vorteil für die Fahrer*innen war die Möglichkeit, dezentral an Schulungen teilzunehmen und diese jederzeit und überall zu absolvieren. Logistikunternehmen profitieren davon, dass sie für ihre Mitarbeiter*innen keine freien Ausbildungsplätze in Fahrschulen finden müssen. Der Vorteil für die Prüfer*innen war ein Benutzerprofil, welches es ihnen ermöglicht, Unternehmen und Fahrer bequem zu überprüfen, ohne zu den Schulungseinrichtungen reisen zu müssen.

#2 Vereinfachung der Onboarding-, Lern- sowie Zahlungsprozesse

Das Authentifizierungsverfahren für Studenten muss zwar absolut sicher sein und dem EU-Recht entsprechen, aber wir wollten vermeiden, dass es der ersten Erkundung der Website oder dem Auffinden und Starten von Ausbildungsmodulen im Wege steht. 

Außerdem wollten wir Studenten, die noch unentschlossen waren, die Möglichkeit geben, die Plattform zu erkunden und auszuprobieren, bevor sie sich festlegen. 

Wir wollten verhindern, dass Studierende, die die erforderlichen Dokumente oder Informationen zur Identifizierung nicht zur Hand haben, eine Schulung nicht beginnen können. 

Unsere Lösung bestand darin, die Authentifizierung nur dann zwingend vorzuschreiben, wenn die Fahrer Schulungsbescheinigungen herunterladen wollten.

Zudem wurde die Bezahlung von Ausbildungsmodulen erst notwending, sobald Student*innen Zertifikate für abgeschlossene Schulungen herunterladen wollten.

Angestellte Fahrer können die Zahlung somit bei ihrem Arbeitgeber beantragen und mit der Schulung beginnen, wann es ihnen am besten passt, ohne dass sie die Rechnung vorstrecken oder auf die Begleichung der Kosten warten müssen. Die Unternehmen profitieren von diesem Verfahren, da sie ihre Kosten und den Ausbildungsstatus ihrer Mitarbeiter*innen im Auge behalten können.

#3 Eine komfortable Lernumgebung innerhalb des rechtlichen Rahmens bieten

Der Dienst bietet zwar ein hohes Maß an Bequemlichkeit, muss aber auch sicherstellen, dass der gesamte Lernprozess den bestehenden Gesetzen entspricht.

Die Ausbildungsmodule der Plattform bestehen aus Video-Tutorials, genau wie der Ausbildungsprozess in Fahrschulen. Bei der Teilnahme am Unterricht in einer Fahrschule haben die Schüler jederzeit die Möglichkeit, sich bei Fragen an die Tutoren zu wenden, gleichzeitig ist durch die Präsenz der Tutor*innen eine rege Teilnahme am Unterricht selbstverständlich. Dies ist zuhause in einer e-learning Umgebung nicht unbedingt der Fall. Die Anforderung an unsere Lösung war, dass unsere Schüler*innen ebenso wie in der analogen Welt jederzeit Fragen stellen und Aufmerksamkeit zeigen sollen. 

Wir haben Lösungen für beide Anforderungen integriert, da sie für die staatliche Zulassung entscheidend waren. Die von den Teilnehmenden während des Moduls gestellten Fragen enthielten Video-Zeitstempel, die den Zeitpunkt der Frage anzeigen. Die Tutoren konnten so den Kontext der Frage verstehen und hilfreiche Antworten geben. Zufällige, leicht zu beantwortende Aufmerksamkeitstests dienten zudem als Nachweis für die Teilnahme am Unterricht.

#4 Aufbau eines Design-Systems mit Potenzial für Änderungen

Bei der Entscheidung, welche Viewports optimiert werden sollen, haben wir die primären Anwendungsfälle der Benutzergruppen im Auge behalten. 

Mobile first: Da zwei unserer drei Benutzergruppen den Großteil ihrer Arbeitszeit nicht an Schreibtischen bzw. mit Laptops oder Desktop-Computern verbringen, wurde ein mobile-first Ansatz in Konzeption und Design verfolgt. 

Die Benutzeroberflächen müssen für Touch-Interaktionen optimiert sein, damit Fahrer*innen das Training von unterwegs aus absolvieren und auch die Logistikmanager die Modulanfragen ihrer Mitarbeiter*innen von überall aus verwalten können.

Das Designsystem stellt zudem Flexibilität sicher

Außerdem hatten wir es während des Projektes mit einer ungeklärten rechtlichen Situation in Deutschland zu tun. Wir mussten daher sicherstellen, dass die Funktionalität und das Design der Website auch für andere Schulungsoptionen als die vorgesehene halbjährliche Lizenzverlängerung geeignet ist. 

Ein modulares Designsystem half uns, solch skalierbare Funktionen zu definieren, die für jedes Video-E-Learning-Modul verwendet werden können. Wir waren auch in der Lage, Benutzerprofile so flexibel zu konzipieren, dass sie in verschiedenen Entwicklungsstadien der e-Learning-Plattform eingesetzt werden können.