iPhone Х zeigt Gamification-UI aus einem Projekt mit der Lernplattform Lern-Fair

Web

18.04.2024

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

Lern Fair Logo

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

<p>Um die bestehende Webapplikation von Lern-Fair durch den Gamification-Ansatz zu bereichern, ist interdisziplin&auml;res Expertenwissen und eine enge Kollaboration notwendig. Die Zusammenarbeit beinhaltete dabei folgende Aspekte:</p> <ul> <li>Gamification-Strategie-Workshop</li> <li>Research &amp; 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> <p>Um sicherzustellen, dass User langfristig eine positive und spannende Benutzererfahrung erleben und somit deutliche Fortschritte verzeichnen, stehen Anbieter von digitalen Plattformen vor einer Herausforderung.&nbsp;</p> <p>Im Falle von Lern-Fair kann diese Herausforderung noch konkreter formuliert werden: Die Verl&auml;sslichkeit und Motivation der Sch&uuml;lerInnen und HelferInnen zu f&ouml;rdern, indem man ihre Fortschritte sichtbar macht und sie so in ihrem positiven Verhalten best&auml;rkt.</p> <p>Der L&ouml;sungsansatz, der dabei verfolgt wurde, ist die Implementierung von Gamification und Storytelling. Dabei sollten diese nicht als eigenst&auml;ndiges Feature entwickelt werden, sondern nahtlos und intelligent in das bestehende System integriert werden.</p> <p><img src="https://typedig.uber.space/assets/052a647a-7cea-4210-8978-0de02bb66bd2?width=5604&amp;height=3552" alt="Gamification Lern-Fair Tablet MockUp"></p> <h2>Was ist Gamification?</h2> <p>Mit dem spannenden Konzept der Gamification werden spielerische Elemente in nicht-spielbezogene Kontexte eingef&uuml;hrt. Das Ziel von Gamification ist es, die Motivation und das Verhalten der Nutzerinnen und Nutzer zu beeinflussen und ein mitrei&szlig;endes Erlebnis zu schaffen.</p> <p>Insbesondere im digitalen Bildungsbereich kann Gamification eine wahre Bereicherung sein. Es macht nicht nur das Lernen bzw. Lehren f&uuml;r User spannender, sondern bietet Anreize der langfristigen Nutzung und minimiert somit die User-Churn-Rate der jeweiligen Plattform.</p> <h2>Welche Vorteile bietet Gamification f&uuml;r Lernplattformen wie Lern-Fair?</h2> <p>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&ouml;rdert auch eine langfristige Nutzung der Plattform. Zus&auml;tzlich erm&ouml;glicht die Individualisierung des Lernerlebnisses, dass die Nutzerinnen und Nutzer ihren pers&ouml;nlichen Fortschritt bewusst verfolgen und somit Erfolge deutlicher wahrnehmen.</p> <p>Das Erhalten von Belohnungen und das Aufstellen von individuellen Rekorden steigert nicht nur das Selbstvertrauen der Lernenden und Lehrenden, sondern tr&auml;gt auch zu einem positiven Lern- und Lehr-Erlebnis bei &ndash; Ein Erlebnis, welches wieder erlebt werden m&ouml;chte und dadurch ganz nat&uuml;rlich zur langfristigen Nutzung der Lernplattform beitr&auml;gt.</p> <p><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&amp;height=2120" alt="Gamification SmartPhones Belohnungen"></p> <div class="gatsby-image-wrapper gatsby-image-wrapper-constrained components__EmbeddedImage-sc-oakuy6-7 jusTSn" data-gatsby-image-wrapper="">&nbsp;</div>

1

Strategie Workshop

<p>In einem zweit&auml;gigen Workshop wurde die Basis eines erfolgreichen Projektverlaufs gelegt, indem das zugrundeliegende Problem sowie die Projektanforderungen festgelegt wurden. Au&szlig;erdem wurden erste L&ouml;sungsans&auml;tze f&uuml;r ein spannendes Storytelling des Gamification-Ansatzes in einer Co-Creation-Session erarbeitet und diskutiert.</p> <p>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&ouml;nnte. Au&szlig;erdem wurden Risiken analysiert und m&ouml;gliche Gegenma&szlig;nahmen festgehalten.</p>

2

Research und UX

<p>Zu Beginn wurde - im engen Austausch zwischen Lern-Fair und typedigital - festgelegt, welche grundlegenden Verhaltensweisen von Nutzerinnen und Nutzern als positiv und belohnenswert gelten.&nbsp;</p> <p>Durch eine Analyse der bestehenden User-Flows der Lernplattform konnte identifiziert werden, an welchen Stellen Handlungsanreize geschaffen werden sollten. Diese Anreize, sogenannte Nudges, f&ouml;rdern bestimmte Verhaltensweisen wie zum Beispiel das p&uuml;nktliche Erscheinen in Terminen oder die Erstellung eines neuen Lernangebots.</p> <p>Dabei ist wichtig, dass die User nicht nur f&uuml;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&uuml;r alle Nutzerinnen und Nutzer einfach nachvollziehbar sein muss.</p> <p>Auf Basis dieser Erkenntnisse wurde ein inhaltliches Konzept erstellt, welches die Grundlage f&uuml;r technische sowie gestalterische &Uuml;berlegungen darstellte.</p>
UX Designer Johnny zeigt Marketing Manager Kalle etwas am PC.

3

Entwicklung

<p>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.</p> <p>Verwendete Technologien:</p> <ul> <li>React Native for Web</li> <li>Node.js</li> <li> <p>TypeScript</p> </li> <li> <p>GraphQL</p> </li> <li> <p>Prisma</p> </li> </ul>

4

Agiles Projektmanagement

<p>F&uuml;r das Projektmanagement wurde Scrum mit zweiw&ouml;chigen Sprints angewendet. Dadurch konnten auch Erkenntnisse, die w&auml;hrend des laufenden Projekts gewonnen wurden, flexibel eingearbeitet werden.</p> <p>Auch die Angebots- und Rechnungsstellung erfolgte Sprint-basiert auf dem Modell des &ldquo;Agile Fixed Price&rdquo;. So erhielt Lern-Fair die Sicherheit eines Festpreis-Angebots in Kombination mit der Flexibilit&auml;t, Projektziele oder Priorit&auml;ten agil &auml;ndern zu k&ouml;nnen.</p>

5

Illustrieren von Belohnungen

<p>Auf Basis eines erarbeiteten Storytelling-Konzepts wurden mithilfe k&uuml;nstlicher Intelligenz Visualisierungen generiert, die eine effiziente Grundlage lieferten. Diese Ans&auml;tze wurden anschlie&szlig;end h&auml;ndisch erweitert und z.B. mit Illustrationen des Lern-Fair-Maskottchens &ldquo;Loki&rdquo; erg&auml;nzt.</p>
<h2>Narrativ und Belohnungen</h2> <p>Die Erfolge, die auf der Lernplattform gesammelt werden k&ouml;nnen, basieren auf einem Nutzer:innen-gerechten Narrativ.</p> <p>Der Protagonist Loki ist eine Eule, die die Lernenden sowie Lehrkr&auml;ften beim Lernfortschritt begleitet. Loki unternimmt eine Weltreise und f&uuml;r jeden Erfolg, den die User:innen erzielen, wird ein Polaroid oder - f&uuml;r eine erreichte Etappe - ein fertiges Puzzle freigespielt.</p> <p><img src="https://typedig.uber.space/assets/2d2e5ecc-20ec-43e1-975e-c2c85c9065d0?width=1944&amp;height=778" alt="Gamification Typedigital Belohnungen 1"></p> <p>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&uuml;tzung oder Gruppenkursen) statt. Somit f&ouml;rdern die Belohnungen ebenso die Zusammenarbeit zwischen Lernenden und Helfenden, was grundlegende Werte von Lern-Fair&nbsp; wie die &ldquo;Gemeinschaft&rdquo; nun auch verst&auml;rkt innerhalb der Plattform repr&auml;sentiert.<img src="https://typedig.uber.space/assets/c6ee63e5-e164-4a3d-baa4-e4cd188d09a3?width=2520&amp;height=1545" alt="Modal Neue Lernunterstuetzung der Gamification-UI"></p> <p>Neben den sammelbaren Erfolgen k&ouml;nnen Rekorde in Form von Streaks aufgestellt werden. Dabei werden P&uuml;nktlichkeit, Anwesenheit, regelm&auml;&szlig;iges Lernen und die Teilnahme an der Community getrackt. Somit k&ouml;nnen die eigenen H&ouml;chstwerte eingesehen und positive Gewohnheiten incentiviert werden.</p> <p><img src="https://typedig.uber.space/assets/93a8b1e2-64c1-4d34-b224-5e15b48b6c29?width=2568&amp;height=1284" alt="Streaks der Gamification-UI von Lern-Fair"></p>

Zusammenfassung

<p>Die Integration von Gamification in die bestehende Lernplattform Lern-Fair ist eine gelungene Ma&szlig;nahme, das Engagement der User zu f&ouml;rdern und somit die Nutzungsdauer sowie Lernerfolge zu maximieren. Lehrende und Lernende nutzen die Angebote nun zuverl&auml;ssiger und motivierter, indem ihr Fortschritt f&uuml;r sie sichtbar gemacht wird und sie in ihrem positiven Verhalten best&auml;rkt werden.</p> <p>Das entwickelte User-Interface f&ouml;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&uuml;gen sich nahtlos in das bestehende Branding der Lernplattform ein.</p> <div class="gatsby-image-wrapper gatsby-image-wrapper-constrained components__EmbeddedImage-sc-oakuy6-7 jusTSn" data-gatsby-image-wrapper="">&nbsp;</div>
Die neue Gamification Benutzeroberfläche der Lernplattform auf einem Desktop Computer und Smartphone dargestellt

Kundenstimme

Das sagt Lern-Fair über uns

<p>Die Zusammenarbeit mit typedigital war w&auml;hrend des gesamten Gamification-
Projekts sehr kollaborativ und zeichnete sich durch eine starke Struktur und Effizienz aus - angefangen bei einem hervorragend vorbereiteten Workshop, &uuml;ber regelm&auml;&szlig;ige Sprint-Reviews bis hin zur abschlie&szlig;enden Retrospektive mit allen Projektbeteiligten. Diese Arbeitsweise erm&ouml;glichte es uns, kontinuierlich Fortschritte zu machen und gleichzeitig den gesamten Projektverlauf kritisch zu reflektieren. typedigital hat nicht nur zur Realisierung unserer Vision beigetragen, sondern auch neue Perspektiven f&uuml;r zuk&uuml;nftige Projekte er&ouml;ffnet.</p>
A Quotation mark
Profilbild des CEOs von Lern-Fair Christopher Reiners

Christopher Reiners

Co-Founder & CEO Lern-Fair

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

So unterstützen wir dein Business

Unsere Leistungen

Usability Analyse Icon

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.

Appentwicklung Icon

Softwareentwicklung

Ob Apps, Software oder Webanwendungen: Wir sind Expert:innen für digitale Produktentwicklung und darauf spezialisiert, effiziente Softwarelösungen für dein Unternehmen zu entwickeln.
Mit unserer Unterstützung kannst du dein digitales Produkt erstellen und Geschäftsprozesse digitalisieren.

MVP-Defition Icon

Einzigartige Nutzererlebnisse

Stellt deine Lösung die User in den Fokus? Der Erfolg deines Projekts steht und fällt mit der Benutzerfreundlichkeit und der Fähigkeit, echte Bedürfnisse und Erwartungen der Nutzerinnen und Nutzer zu erfüllen. Gemeinsam stellen wir deine Zielgruppe in den Fokus.

Casestudy

Weitere Projekte, die wir 
mit unseren Kunden realisiert haben

Profilbild von Andreas Kottre