Storyframing
–
Fitness First Prototyp

Smartphone-Mockup der Fitness First App mit gefilterter Übungsliste auf dunklem Hintergrund und dem Slogan „Now on track“
Ausbau der Fitness First App mit Hilfe von Figma, Procreate und der Storyframing Methode

Im Rahmen des Moduls „Aktuelle Themen im Informationsdesign 2“ habe ich eine Analyse der Fitness-First-App durchgeführt. Dabei habe ich festgestellt, dass die App keinen Foodtracker hat und das Aufzeichnen und Erfassen des Trainings noch Optimierungspotenzial aufweist. Im nächsten Schritt galt es, die App mithilfe von Figma prototypisch auszubauen. Dabei wurde die Gestaltungslösung an drei User Stories gekoppelt.

Ein weiterer Bestandteil der Storyframing-Methode ist, dass anstelle von Platzhalter-Fotobildern und -Icons digitale, handgezeichnete Skizzen verwendet werden. So wird die Aufmerksamkeit der Stakeholder beim Betrachten des Wireframe-Prototyps auf die Funktionalität und die Funktionsabläufe gerichtet. Die Aufmerksamkeit soll nicht auf Kleinigkeiten wie „Hier würde ein anderes Foto oder Icon besser passen“ gelenkt werden, obwohl diese Icons und Fotobilder nur als Platzhalter fungieren.

Food-Tracker

Drei App-Screens des neuen Foodtrackers: Tagesübersicht mit Kalorienring, Mahlzeiten-Detailansicht und Lebensmittelsuche
Anbei sind drei Frames aus dem Food-Tracker zusehen

User Story: Als Benutzer möchte ich meine Ernährung tracken, um sicherzustellen, dass meine Kalorien- und Makronährstoffbilanz mit meinen Fitness- und Diätzielen übereinstimmt.

Filter-Funktion

Drei App-Screens der neuen Filterfunktion: Trainingstagebuch, gefilterte Übungsliste und Auswahl des Trainingsgeräts
Anbei sind drei Frames aus der neuen Filter-Funktion für das Erfassen der Übungen zusehen

User Story: Als Benutzer möchte ich Übungen mithilfe einer übersichtlichen und umfangreichen Filterfunktion finden können, damit ich einfach und gezielt nach Trainingsoptionen und Übungen suchen kann.

Schnell und einfach tracken

App-Screen und Skizze des Foto-Food-Trackers: eine Mahlzeit wird per Kamera erfasst
Anbei ein Frame und Skizze von dem Foto-Food-Tracker
App-Screen und Skizze der Batch-Funktion: ein Trainingsgerät wird per Chip am Smartphone automatisch erkannt
Anbei ein Frame der Batch-Funktion

User Story: Als Benutzer möchte ich meine Ernährung und mein Training intuitiv und nahtlos erfassen können, damit ich meine Fortschritte mühelos und ohne großen Aufwand dokumentieren kann.