Innerhalb meiner Masterthesis habe ich an dem Forschungsprojekt Skillbox, einem smarten, modularen Trainingsgerät, welches im Rahmen des Zentralen Innovationsprogramms Mittelstand, kurz ZIM, des Bundesministeriums für Wirtschaft und Technologie gefördert wird, aktiv mitentwickelt. Im Team Mobile Development war ich zuständig für die Entwicklung eines Prototypen für die begleitende App. Die Skillbox wird von mehreren Kooperationspartnern unterstützt und hilft Menschen bei der Physiotherapie, zeigt Fehler an und korrigiert den Trainierenden beim Durchführen der Übungen über den Link können weitere Informationen zum Forschungsprojekt aufgerufen werden.
Moodboard
Im ersten Schritt der Ideenfindung wird ein Moodboard erstellt, um dem Kunden ein visuelles Konzept des künftigen Designs zu geben. Bei Moodboards wird dies am besten mit Farben, Formen und Bildern dargestellt. Es sind drei verschiedene Moodboards zum Thema Gesundheit und Fitness entworfen worden. Das Design des dritten Moodboards wurde ausgewählt, da dies mit der CI des Kunden übereinstimmt.
Skizze
Während der Umsetzung der Smartphone-Applikation wird eine Skizze mit den wichtigsten Funktionen und Strukturen erstellt. Hierbei wird kein Augenmerk auf die Vollständigkeit oder die Schönheit der Zeichnung gelegt. Die Skizze soll lediglich die ersten Ideen im Kopf auf Papier bringen.
Sitemap
Nachdem die Skizze mit einer groben Struktur der Applikation erstellt ist, wird nun eine Sitemap ausgearbeitet. Diese dient dazu die Grundstruktur für das weitere Projekt festzulegen. Die folgende Sitemap zeigt den Ablauf durch die Smartphone-Anwendung.
Wireframe
Für die Erstellung des ersten Wireframes wird klassisch ein Stück Papier und Stift genommen, später mit Adobe XD digital umgesetzt. Die folgenden Abbildungen zeigen beispielhaft zwei Auszüge der ersten Umsetzung für die Smartphone-Anwendung. Als Hilfe zur Erstellung der Wireframes werden die zuvor erstellten Skizzen miteinbezogen.
Prototyp & Usertests
Nachdem alle Vorbereitungen und Entwürfe fertiggestellt sind, wird alles in einem klickbaren Prototyp in Adobe XD umgesetzt. Dieser wird in einem umfangreichen Usertest mit verschiedenen Nutzern getestet und Verbesserungen umgesetzt.
Sobald der Trainingsplan gestartet wird, kann sich der Nutzer eine Übung aussuchen und darf, wie in der linken Abbildung gezeigt, bestimmte Einstellungen zur Übung durchführen. So kann beispielweise die Dauer, die Geschwindigkeit, das Gewicht oder die Anzahl der Wiederholungen eingestellt werden.
Die Statistik in der rechten Abbildung zeigt ein Diagramm mit Skillpunkten an der Y-Achse und der Trainingsplandurchführung an der X-Achse. Darunter ist eine Liste der einzelnen Übungen aufgeführt. Die Zeichen, Pfeil aufwärts, Pfeil abwärts und Strich zeigen dem Trainierenden den Trend der heutigen Durchführung an.
