Avatare für Datenschutz-Lern-App
Animierte Charaktere und Redesign der Lern-App.
Die Datenschutzbeauftragte des Kantons Zürich stellt wichtige Lernpfade zur Verfügung, welche helfen eine grössere Sensibilisierung beim Umgang mit persönlichen Daten zu erreichen. Je nachdem, wer die Lernpfade durchläuft, werden unterschiedliche Hintergrundinformationen und Hilfestellungen benötigt. Lucid entwickelte mit der Datenschutzbeauftragten und der PH Bern verschiedene Charaktere, welche die Lernenden bei der Lernaufgabe begleiten. Auch ein leichtes Redesign der Lern-App wurde erarbeitet, natürlich ganz im Look des Auftritts der Datenschutzbeauftragten.
Ausgangslage
Die zu Projektbeginn bestehende Lern-Umgebung war unübersichtlich und die Aufgaben waren trockene Multiple-Choice-Aufgaben. Es kam also die Frage auf, wie mit limitierten Ressourcen eine gute Lösung umgesetzt werden kann. Sie sollte Aufgabentypen beinhalten, welche ansprechender gestaltet sind, sie sollte ausserdem Elemente beinhalten, welche die trockene Materie aufbrechen und zusätzlich sollte je nach Wissensstand der/des Lernenden mehr oder weniger Hilfeinformation zur Verfügung gestellt werden.
Fokus
Die bereits existierende Lösung «Learning-Apps» schien viel der gewünschten Funktionalität zu beinhalten. Also wurde Learning-Apps leicht redesignt, damit der Look in das CI der Datenschutzbeauftragten passt. Das Management der Lernpfadinhalte passiert über Learning-Apps, nur die Lernoberfläche selbst wird auf der neuen Seite, lerne.datenschutz.ch, angezeigt.
Als Lernende:r wählt man zu Beginn einen Assistenten aus: Ein Kaktus, ein Gespenst oder eine Kerze. Alle drei «Avatare» bringen ihre eigenen Charakterzüge mit und geben unterschiedlich Feedback auf Fragen oder falsch beantwortete Aufgaben. Mit diesen Avataren und dem Redesign sollte die Lernerfahrung übersichtlicher, attraktiver und spielerischer werden.
Umsetzung
Während die PH Bern eng mit der Datenschutzbeauftragten die Inhalte der Lernapp erarbeitete, kümmerte sich Lucid hauptsächlich um das Projektmanagement, UI/UX-Design der Oberfläche und vor allem um die Illustration und Animation der Avatare.
Die Avatare sollten nicht als Videos oder Gifs eingebunden werden, sondern als animierte Vektorfiles (SVG) und mit der Animationslibrary «Lottie» und mussten auf ein Frame genau angesteuert werden.
Auch bei der Programmierung und beim Deploy der App übernahm Lucid einen Teil der Aufgaben.
