Mobile Trainingsapp mit Gamification nachhaltig motivierender gestalten
Neuentwicklung einer motivierenden Gamification App, um in meditativen Sessions abzunehmen.
- Marktrecherche
- Benchmark
- Player Persona
- Journey Mapping
- Gamification
- High-Fidelity UI
- Prototyping
- Usability Test
Projektbeteiligte
- Ich als Design-Lead
- 2 weitere Designer (Logo, 3D)
- Projektleiter
- 2 App-Entwickler
Meine Rolle
Design-Lead,
UX- & UI-Design inkl. Research, Game-Konzept & Testing
Branche
Healthcare, Psychologie, Fitness
Was?
Native Mobile App
(iOS & Android)
Warum?
Aktuell gibt es keine vergleichbare Gaming-Abnehm-App
Wann?
Dez 2022 – Jun 2023
User Sabine
Marktrecherche
Die These
Der Bedarf an Gesundheitsapps wächst, Übergewicht ist ein schweres Problem. Mehr als die Hälfte aller Frauen in D sind übergewichtig oder sogar adipös.
Das Problem
Obwohl es schon etliche Abnehmapps gibt, ist es immer ein Problem, die ständige Zeit und Motivation dafür aufzubringen oder dran zu bleiben.
Benchmark & Style Research
Da das Programm mehr einer Meditation mit vorheriger Durcharbeit eines E-Books ähnelt, habe ich sowohl Fitness- als auch Meditations-Apps recherchiert. Ebenfalls Teil der Recherche war eine Auflistung der eingesetzten Gamification Elemente als auch eine Durchsicht durch die App Store Kommentare.
Kenne deine Spieler - Player Persona
Zum Thema Abnehmen und Motivation wurde schon einiges an allgemeinen Recherchen und Studien betrieben. Somit konnte ich auf einen großen Pool an Infos zurückgreifen um mich gezielter in die Zielgruppe einzufühlen. Die folgende Proto-Persona Sabine basiert auf diesen Rechercheergebnissen.
Da es sich um eine Gamification-App handelt habe ich mich mit den Eigenschaften einer Player-Persona beschäftigt. Hier besitzt die Persona Anteile aus allen Typen, überdeutlich aber Socializer und Explorer.
Journey Map / Task Model
Das Programm läuft anhand eines linear ablaufenden Zeitplans ab. Um die Abläufe zu planen, habe ich eine Journey Map erstellt. Dadurch werden die einzelnen Abschnitte visuell sichtbar und die Inhalte besser planbar. Für spätere User Testings könnte man die Erfahrungen und Beobachtungen anhand dieser Journey Map dokumentieren.
Flow Chart
Um alle notwendigen Funktionalitäten im Detail festzuhalten, habe ich ein einfaches Flow Chart des Onboardings in der App erstellt.
Fehler-Zustände wurden ebenfalls erstellt, sind aber hier nicht aufgeführt, um es übersichtlich zu halten.
Flow Onboarding
Gamification
Gamification steigert nicht nur die Motivation & das Durchhaltevermögen der User, sondern fördert auch einen tieferen, ganzheitlicheren Lernprozess.
Player-Centered-Design
- Kenne deine Spieler
- Kenne deine Mission
- Verstehe die menschliche Motivation
- Nutze die Mechanismen
- Verwalte, überwache, teste
Kenne deine Mission
01 Mission:
Bekämpfung der Übergewichtsproblematik in unserer Gesellschaft.
Jeder soll die Möglichkeit bekommen gegen seine Fremdsteuerung anzugehen.
SMART Mission: Wiederkehrrate der Spieler soll gesteigert werden, d.h. über 50% aller Spieler sollen täglich für einen Zeitraum über 4 Wochen die App öffnen.
02 Vision:
Entwicklung eines digitalen Helfers für mehr Autonomie beim Essen.
03 Strategie:
Reframing durch meditative Sessions & Imagination.
04 UX-Roadmap:
App mit Videos/Animationen & Audiodateien,
sowie Gamification Elementen für zusätzliche extrinsische Motivation.
05 Gaming Mission:
Eine meditative Session pro Tag.
Verstehe die menschliche Motivation
Bei meinen Recherchen bin ich auf die folgenden Frameworks zur Steigerung der menschlichen Motivation gestoßen:
- BJ Fogg’s Verhaltensmodell: Motivation, Möglichkeit & Trigger
- Selbstbestimmungs Theorie für Motivation & Wohlbefinden in Human-Computer-Interaction (nach Ryan und Deci)
Nutze die Mechanismen
Auf Grundlage der Motivationstheorien und passend zu den jeweiligen Spieler-Persona-Anteilen habe ich folgende
Gamification-Elemente integriert:
Socializer motiviert grundsätzlich auch das Teilen mit Freunden, ob im Wettkampf oder durch gemeinsames Abnehmen. In dieser Meditationsapp sehe ich dies allerdings als schwierig an, da es von der eigenen Person ablenkt (Achtsamkeit).
Als soziale Komponente und Erinnerungstrigger habe ich also das Monster auf dem Sperrbildschirm “aufleben” lassen. Ähnlich eines damaligen Tamagotchis symbolisiert es den Zustand des eigenen “Walnussgehirns”, um das sich gekümmert werden muss.
Anstatt eine Teilen-Funktion oder einen ablenkenden Chat zu integrieren soll eine einfach Anzeige der ebenfalls zeitgleich meditierenden Personen als Zahl bei den Meditationen das Gemeinschaftsgefühl und nochmal die Motivation stärken.
High-Fidelity UI Designs
Nachdem die initialen Flows definiert sind, startete ich mit dem Gestalten der ersten Hauptscreens. Hierfür lege ich Farben, Schriftarten und Assets in einer (Figma) Pattern Library für die Entwickler fest.
Verwalte, überwache, teste
Insgesamt gibt es 42 App-Screens, die ich in Figma als klickbaren Prototyp verknüpft habe. Diesen Prototyp habe ich 6 Nutzern zur Verfügung gestellt, mit der Aufgabe das Onboarding zu durchlaufen und das Meditationsprogramm zu starten. Der Usability Test wurde remote über Zoom durchgeführt. Die Nutzer wurden ebenfalls gebeten alles laut auszusprechen, was sie sehen, denken und fühlen.
Ergebnis
50% der Nutzer (3 von 6) waren unsicher ob die obere Tab-Bar anklickbar ist und ob sie darüber zum Praxisteil gelangen.
Prototyp Anpassung
Um den Aufbau der App noch klarer von vornherein darzustellen wurde die Unterscheidung zwischen Grundlagen und Praxis nun in die Bottom Nav aufgenommen. Der Punkt Profil ist eher sekundär relevant und daher nun unter App Infos zu finden.
Play Testing geplant
Projektzusammenfassung
Grundsätzlich gibt es ein steigendes Bedürfnis nach nachhaltig wirkenden Abnehmapps, die täglich motivieren.
Ob das zugrundeliegende Konzept des Reframings dafür geeignet ist, nachhaltig das Essverhalten von Menschen zu verbessern sollte nun noch durch anschließende Befragungen evaluiert werden.
In diesem Projekt habe ich versucht, mich dem Thema Abnehmen durch Gamification optimal anzunähern. Ausgehend von tiefgehenden Recherchen und einer ausführlichen Persona, über User Flows und erste Wireframes hin zu einem High-Fidelity Appdesign im Dark Mode für das Testen an realen Nutzern.
Bei dem Entwurf des App-Icons und des 3D-Monsters habe ich die anderen beiden Designer beratend unterstützt.
Besonders spannend ist für mich die Beschäftigung mit dem Thema Gamification gewesen, da es eine meiner Wunschvorstellungen ist, die Welt auf spielerische Art und Weise ein wenig besser zu machen.