Eine Hand zeigt einen Mockup der Lernfair Gamification. Im Hintergrund ist ein Schulschreibtisch zu erkennen.

Case Study

18.04.2024

Gamification der Lern-Fair App: Stärkung von User-Engagement durch innovative Spielmechaniken

Seit Oktober 2021 begleitet die typedigital GmbH die gemeinnützige Organisation Lern-Fair auf der spannenden Mission, eine digitale Lernplattform zu verwirklichen. Die Lernplattform wurde nun durch ein Gamification-Ansatz erweitert, um die Nutzerinnen und Nutzer langfristig an die Applikation zu binden.

Scoping Workshop

Research & UX

Leistungen

Um die bestehende Webapplikation von Lern-Fair durch den Gamification-Ansatz zu bereichern, ist interdisziplinäres Expertenwissen und eine enge Kollaboration notwendig. Die Zusammenarbeit beinhaltete dabei folgende Aspekte: <ul> <li>Gamification-Strategie-Workshop</li> <li>Research & UX</li> <li>Agiles Projektmanagement</li> <li>Illustration von Erfolgen und Belohnungen</li> <li>Interface Design</li> <li>Webentwicklung</li> </ul>

Auf dem Bild ist ein Workshop mit Lern-Fair zu sehen.

<h2>Herausforderung</h2> Um sicherzustellen, dass User langfristig eine positive und spannende Benutzererfahrung erleben und somit deutliche Fortschritte verzeichnen, stehen Anbieter von digitalen Plattformen vor einer Herausforderung.  Im Falle von <a href="https://www.lern-fair.de" target="_blank" rel="noopener">Lern-Fair</a> kann diese Herausforderung noch konkreter formuliert werden: Die Verlässlichkeit und Motivation der Schüler:innen und Helfer:innen zu fördern, indem man ihre Fortschritte sichtbar macht und sie so in ihrem positiven Verhalten bestärkt. Der Lösungsansatz, der dabei verfolgt wurde, ist die Implementierung von Gamification und Storytelling. Dabei sollten diese nicht als eigenständiges Feature entwickelt werden, sondern nahtlos und intelligent in das bestehende System integriert werden. <img src="https://typedig.uber.space/assets/052a647a-7cea-4210-8978-0de02bb66bd2?width=5604&height=3552" alt="Gamification Lern-Fair Tablet MockUp"> <h2>Was ist Gamification?</h2> Mit dem spannenden Konzept der Gamification werden spielerische Elemente in nicht-spielbezogene Kontexte eingeführt. Das Ziel von Gamification ist es, die Motivation und das Verhalten der Nutzerinnen und Nutzer zu beeinflussen und ein mitreißendes Erlebnis zu schaffen. Insbesondere im digitalen Bildungsbereich kann Gamification eine wahre Bereicherung sein. Es macht nicht nur das Lernen bzw. Lehren für User:innen spannender, sondern bietet Anreize der langfristigen Nutzung und minimiert somit die User-Churn-Rate der jeweiligen Plattform. <h2>Welche Vorteile bietet Gamification für Lernplattformen wie Lern-Fair?</h2> Durch die Integration von spielerischen Elementen wie Rekorde und Belohnungen wird die Motivation der Lernenden gesteigert, aktiv am Lernprozess teilzunehmen und Ziele bewusst zu verfolgen. Dies macht das Lernen nicht nur interaktiver und unterhaltsamer, sondern fördert auch eine langfristige Nutzung der Plattform. Zusätzlich ermöglicht die Individualisierung des Lernerlebnisses, dass die Nutzerinnen und Nutzer ihren persönlichen Fortschritt bewusst verfolgen und somit Erfolge deutlicher wahrnehmen. Das Erhalten von Belohnungen und das Aufstellen von individuellen Rekorden steigert nicht nur das Selbstvertrauen der Lernenden und Lehrenden, sondern trägt auch zu einem positiven Lern- und Lehr-Erlebnis bei – Ein Erlebnis, welches wieder erlebt werden möchte und dadurch ganz natürlich zur langfristigen Nutzung der Lernplattform beiträgt. <img style="font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';" src="https://typedig.uber.space/assets/69b1a955-2103-4a8e-a9af-2bace2bdd84c?width=3036&height=2120" alt="Gamification SmartPhones Belohnungen"> <div class="gatsby-image-wrapper gatsby-image-wrapper-constrained components__EmbeddedImage-sc-oakuy6-7 jusTSn" data-gatsby-image-wrapper=""> </div>

Strategie Workshop

In einem zweitägigen Workshop wurde die Basis eines erfolgreichen Projektverlaufs gelegt, indem das zugrundeliegende Problem sowie die Projektanforderungen festgelegt wurden. Außerdem wurden erste Lösungsansätze für ein spannendes Storytelling des Gamification-Ansatzes in einer Co-Creation-Session erarbeitet und diskutiert. Am zweiten Tag des Workshops wurden Nutzungszenarien ausgearbeitet. Basierend auf dieser Grundlage wurde besprochen, an welchen Stellen das Ziel- und Feedback-System durch Belohnungen eingesetzt werden könnte. Außerdem wurden Risiken analysiert und mögliche Gegenmaßnahmen festgehalten.

Research und UX

Zu Beginn wurde – im engen Austausch zwischen Lern-Fair und typedigital – festgelegt, welche grundlegenden Verhaltensweisen von Nutzerinnen und Nutzern als positiv und belohnenswert gelten.  Durch eine Analyse der bestehenden User-Flows der Lernplattform konnte identifiziert werden, an welchen Stellen Handlungsanreize geschaffen werden sollten. Diese Anreize, sogenannte Nudges, fördern bestimmte Verhaltensweisen wie zum Beispiel das pünktliche Erscheinen in Terminen oder die Erstellung eines neuen Lernangebots. Dabei ist wichtig, dass die User:innen nicht nur für bestimmtes Verhalten belohnt werden, sondern der Weg zu weiteren Erfolgen klar kommuniziert wird. Es handelt sich also nicht um ein reines Belohnungssystem, sondern ein Ziel- und Feedback-System, welches für alle Nutzerinnen und Nutzer einfach nachvollziehbar sein muss. Auf Basis dieser Erkenntnisse wurde ein inhaltliches Konzept erstellt, welches die Grundlage für technische sowie gestalterische Überlegungen darstellte.

UX Designer Johnny zeigt Marketing Manager Kalle etwas am PC.

Entwicklung

Das technische Konzept des Gamification-Systems wurde gemeinsam mit Entwicklern von Lern-Fair entwickelt. Es basiert auf einer event-getriebenen Architektur und evaluiert nach bestimmten Ereignissen, ob Nutzer:innen Erfolge erzielt haben. Verwendete Technologien: <ul> <li>React Native for Web</li> <li>Node.js</li> <li> TypeScript </li> <li> GraphQL </li> <li> Prisma </li> </ul>

Agiles Projektmanagement

Für das Projektmanagement wurde Scrum mit zweiwöchigen Sprints angewendet. Dadurch konnten auch Erkenntnisse, die während des laufenden Projekts gewonnen wurden, flexibel eingearbeitet werden. Auch die Angebots- und Rechnungsstellung erfolgte sprint-basiert auf dem Modell des “Agile Fixed Price”. So erhielt Lern-Fair die Sicherheit eines Festpreis-Angebots in Kombination mit der Flexibilität, Projektziele oder Prioritäten agil ändern zu können.

Illustrieren von Belohnungen

Auf Basis eines erarbeiteten Storytelling-Konzepts wurden mithilfe künstlicher Intelligenz Visualisierungen generiert, die eine effiziente Grundlage lieferten. Diese Ansätze wurden anschließend händisch erweitert und z.B. mit Illustrationen des Lern-Fair-Maskottchens “Loki” ergänzt.

<h2>Narrativ und Belohnungen</h2> Die Erfolge, die auf der Lernplattform gesammelt werden können, basieren auf einem nutzer:innen-gerechten Narrativ. Der Protagonist Loki ist eine Eule, die die Lernenden sowie Lehrkräften beim Lernfortschritt begleitet. Loki unternimmt eine Weltreise und für jeden Erfolg, den die User:innen erzielen, wird ein Polaroid oder – für eine erreichte Etappe – ein fertiges Puzzle freigespielt. <img src="https://typedig.uber.space/assets/2d2e5ecc-20ec-43e1-975e-c2c85c9065d0?width=1944&height=778" alt="Gamification Typedigital Belohnungen 1"> Im Unterschied zu anderen Lernplattformen findet das Lernen auf der Lern-Fair-Plattform nicht alleine, sondern immer gemeinsam (z.B. im Rahmen von 1:1-Lernunterstützung oder Gruppenkursen) statt. Somit fördern die Belohnungen ebenso die Zusammenarbeit zwischen Lernenden und Helfenden, was grundlegende Werte von <a href="https://www.lern-fair.de" target="_blank" rel="noopener">Lern-Fair</a> wie die “Gemeinschaft” nun auch verstärkt innerhalb der Plattform repräsentiert.<img src="https://typedig.uber.space/assets/c6ee63e5-e164-4a3d-baa4-e4cd188d09a3?width=2520&height=1545" alt="Modal Neue Lernunterstuetzung der Gamification-UI"> Neben den sammelbaren Erfolgen können Rekorde in Form von Streaks aufgestellt werden. Dabei werden Pünktlichkeit, Anwesenheit, regelmäßiges Lernen und die Teilnahme an der Community getrackt. Somit können die eigenen Höchstwerte eingesehen und positive Gewohnheiten inzentiviert werden. <img src="https://typedig.uber.space/assets/93a8b1e2-64c1-4d34-b224-5e15b48b6c29?width=2568&height=1284" alt="Streaks der Gamification-UI von Lern-Fair">

Zusammenfassung

Die Integration von Gamification in die bestehende Lernplattform Lern-Fair ist eine gelungene Maßnahme, das Engagement der User zu fördern und somit die Nutzungsdauer sowie Lernerfolge zu maximieren. Lehrende und Lernende nutzen die Angebote nun zuverlässiger und motivierter, indem ihr Fortschritt für sie sichtbar gemacht wird und sie in ihrem positiven Verhalten bestärkt werden. Das entwickelte User-Interface fördert bewusst Verhaltensweisen, die mit den Grundwerten und dem Community-Gedanken von Lern-Fair im Einklang stehen. Ebenso transportieren die Erfolgs-Visualisierungen, sowie deren Geschichte zielgruppenorientierte Werte und fügen sich nahtlos in das bestehende Branding der Lernplattform ein. <div class="gatsby-image-wrapper gatsby-image-wrapper-constrained components__EmbeddedImage-sc-oakuy6-7 jusTSn" data-gatsby-image-wrapper=""> </div>

Kundenstimme

Das sagt Lern-Fair über uns

Die Zusammenarbeit mit typedigital war äußerst strukturiert und effizient – von der Workshop-Vorbereitung bis zur Retrospektive. Das Team hat unsere Vision nicht nur umgesetzt, sondern auch neue Perspektiven für zukünftige Projekte eröffnet.

Christopher Reiners

Co-Founder & CEO Lern-Fair

Hast du auch ein Projekt im Sinn, von dem du uns erzählen möchtest?

Zum Kontaktformular

So unterstützen wir dein Business

Unsere Leistungen

Strategieberatung

Die richtige Strategie bildet das Fundament für den nachhaltigen Erfolg deines digitalen Produkts. Vertraue auf unsere Erfahrung, um mit deinem digitalen Produkt langfristig innovativ und wettbewerbsfähig zu bleiben.

Digitale Produktentwicklung

Softwareentwicklung

Ob App, Software oder Webanwendung: Wir entwickeln digitale Produkte, die begeistern und funktionieren. Mit unserer Expertise bringst du dein digitales Produkt effizient und erfolgreich auf den Markt.

Softwareentwicklung

Produktdesign

Der Erfolg deines digitalen Projekts steht und fällt mit der Fähigkeit, echte Bedürfnisse und Erwartungen der Nutzer:innen zu erfüllen. Gemeinsam stellen wir deine Zielgruppe in den Fokus.

UI & UX Design