VitaFit
VitaFit
VitaFit
FH-Kiel
FH-Kiel
VitaFit
VitaFit
VitaFit
Rolle
Designer
Rolle
Designer
Rolle
Designer
Teamgröße
1
Teamgröße
1
Teamgröße
1
Dauer
4 Monate
Dauer
4 Monate
Dauer
4 Monate
Tools
Figma, Miro
Tools
Figma, Miro
Tools
Figma, Miro
Hintergrund
Hintergrund
Hintergrund
Für das Modul Graphical User Interfaces wurde eine grafische Oberfläche entwickelt, die den Fokus auf ein stimmiges
Design und eine optimale User Experience legt. Dabei standen die Konzeption von Designrichtlinien, die Anwendung von
Designvorgaben und die Erstellung interaktiver Prototypen im Vordergrund.
Mehr zum Design kann sich über das Design Manual angeschaut werden.
Für das Modul Graphical User Interfaces wurde eine grafische Oberfläche entwickelt, die den Fokus auf ein stimmiges Design und eine optimale User Experience legt. Dabei standen die Konzeption von Designrichtlinien, die Anwendung von Designvorgaben und die Erstellung interaktiver Prototypen im Vordergrund.
Mehr zum Design kann sich über das Design Manual angeschaut werden.
Für das Modul Graphical User Interfaces wurde eine grafische Oberfläche entwickelt, die den Fokus auf ein stimmiges Design und eine optimale User Experience legt. Dabei standen die Konzeption von Designrichtlinien, die Anwendung von Designvorgaben und die Erstellung interaktiver Prototypen im Vordergrund.
Mehr zum Design kann sich über das Design Manual angeschaut werden.
Über die App
Über die App
Über die App
VitaFit ist ein Fitnesstracker die dem Nutzer dabei helfen soll, seine täglichen körperlichen Aktivitäten zu tracken und
auszuwerten. Die App bietet zudem auch Kurse und Videos an für die Förderung der körperlichen Aktivitäten am Tag.
VitaFit soll als den alltäglichen Begleiter dienen und wichtige Messungen am Körper durchführen können, die der Nutzer
dann immer im Blick hat. So ist es beispielsweise möglich den Puls oder den aktuellen Schlafrythmus zu tracken. Für das
Messen solcher Daten wird eine Apple Watch benötigt, wo es dafür auch schon eine eigene App gibt. Workouts kann man
dann über die App, als auch über die Uhr starten. In der App hat man die Möglichkeit sich Ziele festzulegen, die man am Tag
erreichen will. Der erreichte Fortschritt lässt sich in einer Statistik einsehen und auch Monate danach zurückverfolgen.
VitaFit ist ein Fitnesstracker die dem Nutzer dabei helfen soll, seine täglichen körperlichen Aktivitäten zu tracken und auszuwerten. Die App bietet zudem auch Kurse und Videos an für die Förderung der körperlichen Aktivitäten am Tag. VitaFit soll als den alltäglichen Begleiter dienen und wichtige Messungen am Körper durchführen können, die der Nutzer dann immer im Blick hat. So ist es beispielsweise möglich den Puls oder den aktuellen Schlafrythmus zu tracken. Für das Messen solcher Daten wird eine Apple Watch benötigt, wo es dafür auch schon eine eigene App gibt. Workouts kann man dann über die App, als auch über die Uhr starten. In der App hat man die Möglichkeit sich Ziele festzulegen, die man am Tag erreichen will. Der erreichte Fortschritt lässt sich in einer Statistik einsehen und auch Monate danach zurückverfolgen.
VitaFit ist ein Fitnesstracker die dem Nutzer dabei helfen soll, seine täglichen körperlichen Aktivitäten zu tracken und auszuwerten. Die App bietet zudem auch Kurse und Videos an für die Förderung der körperlichen Aktivitäten am Tag. VitaFit soll als den alltäglichen Begleiter dienen und wichtige Messungen am Körper durchführen können, die der Nutzer dann immer im Blick hat. So ist es beispielsweise möglich den Puls oder den aktuellen Schlafrythmus zu tracken. Für das Messen solcher Daten wird eine Apple Watch benötigt, wo es dafür auch schon eine eigene App gibt. Workouts kann man dann über die App, als auch über die Uhr starten. In der App hat man die Möglichkeit sich Ziele festzulegen, die man am Tag erreichen will. Der erreichte Fortschritt lässt sich in einer Statistik einsehen und auch Monate danach zurückverfolgen.
Screens und Anwendungsfälle
Screens und Anwendungsfälle
Screens und Anwendungsfälle
Den letzten Fortschritt einsehen
Der Nutzer hat hier die Möglichkeit, seine Fortschritte der vergangenen Tage und Wochen einzusehen. Die Navigation erfolgt über die Navbar, wo er mit einem Tipp zu den Statistiken gelangt. Dort befindet er sich in der Tagesansicht, in der er seinen Fortschritt am Tag genauer betrachten kann. Mit einem Tipp auf das Kalendersymbol ändert sich die Tagesansicht in eine Wochenansicht, in der der Nutzer die Fortschritte der letzten Wochen anhand der Fortschrittsringe einsehen kann. Wenn er sich einen Tag genauer anschauen möchte, kann er den jeweiligen Tag antippen und es erscheint ein Fenster mit dem erreichten Fortschritt des jeweiligen Tages.
Den letzten Fortschritt einsehen
Der Nutzer hat hier die Möglichkeit, seine Fortschritte der vergangenen Tage und Wochen einzusehen. Die Navigation erfolgt über die Navbar, wo er mit einem Tipp zu den Statistiken gelangt. Dort befindet er sich in der Tagesansicht, in der er seinen Fortschritt am Tag genauer betrachten kann. Mit einem Tipp auf das Kalendersymbol ändert sich die Tagesansicht in eine Wochenansicht, in der der Nutzer die Fortschritte der letzten Wochen anhand der Fortschrittsringe einsehen kann. Wenn er sich einen Tag genauer anschauen möchte, kann er den jeweiligen Tag antippen und es erscheint ein Fenster mit dem erreichten Fortschritt des jeweiligen Tages.
Den letzten Fortschritt einsehen
Der Nutzer hat hier die Möglichkeit, seine Fortschritte der vergangenen Tage und Wochen einzusehen. Die Navigation erfolgt über die Navbar, wo er mit einem Tipp zu den Statistiken gelangt. Dort befindet er sich in der Tagesansicht, in der er seinen Fortschritt am Tag genauer betrachten kann. Mit einem Tipp auf das Kalendersymbol ändert sich die Tagesansicht in eine Wochenansicht, in der der Nutzer die Fortschritte der letzten Wochen anhand der Fortschrittsringe einsehen kann. Wenn er sich einen Tag genauer anschauen möchte, kann er den jeweiligen Tag antippen und es erscheint ein Fenster mit dem erreichten Fortschritt des jeweiligen Tages.
Ein Video starten
Der Nutzer hat hier die Möglichkeit, ein Workout-Video über die App zu starten. Dazu tippt er in der Navbar auf „Videos“ und gelangt direkt zum Videoscreen. Dort befindet sich eine Suchleiste, mit der er gezielt nach Workouts suchen kann. Sobald er etwas eingegeben hat, erscheint ein neuer Screen mit Suchvorschlägen basierend auf seiner Eingabe. Hat er das gewünschte Video gefunden, tippt er auf „Play“. Daraufhin öffnet sich ein neues Fenster und das Video wird abgespielt.
Ein Video starten
Der Nutzer hat hier die Möglichkeit, ein Workout-Video über die App zu starten. Dazu tippt er in der Navbar auf „Videos“ und gelangt direkt zum Videoscreen. Dort befindet sich eine Suchleiste, mit der er gezielt nach Workouts suchen kann. Sobald er etwas eingegeben hat, erscheint ein neuer Screen mit Suchvorschlägen basierend auf seiner Eingabe. Hat er das gewünschte Video gefunden, tippt er auf „Play“. Daraufhin öffnet sich ein neues Fenster und das Video wird abgespielt.
Ein Video starten
Der Nutzer hat hier die Möglichkeit, ein Workout-Video über die App zu starten. Dazu tippt er in der Navbar auf „Videos“ und gelangt direkt zum Videoscreen. Dort befindet sich eine Suchleiste, mit der er gezielt nach Workouts suchen kann. Sobald er etwas eingegeben hat, erscheint ein neuer Screen mit Suchvorschlägen basierend auf seiner Eingabe. Hat er das gewünschte Video gefunden, tippt er auf „Play“. Daraufhin öffnet sich ein neues Fenster und das Video wird abgespielt.
Ein Workout über die Uhr starten
Das Starten eines Workouts erfolgt in diesem Anwendungsfall über die Uhr. Der Nutzer landet zunächst im Tagesfortschritt. Die Navigation erfolgt über die Krone: Durch das Drehen der Krone kann der Nutzer zur nächsten Seite navigieren, auf der das Workout gestartet werden kann. Dort hat er die Auswahl zwischen verschiedenen Workouts und kann eines davon auswählen. Zum Starten genügt ein Tipp auf das gewünschte Workout. Ein Timer öffnet sich und das Workout beginnt in einem neuen Fenster nach Ablauf des Timers.
Zum Beenden oder Pausieren des Workouts verwendet der Nutzer die Seitentaste. Anschließend öffnet sich ein kleines Dialogfenster mit verschiedenen Auswahlmöglichkeiten. Zum Beenden klickt der Nutzer auf „Beenden“, woraufhin ein neues Fenster erscheint, das zur Bestätigung auffordert. Wenn der Nutzer auf „Ja“ tippt, wird das Workout beendet und eine kleine Zusammenfassung des Workouts angezeigt.
Ein Workout über die Uhr starten
Das Starten eines Workouts erfolgt in diesem Anwendungsfall über die Uhr. Der Nutzer landet zunächst im Tagesfortschritt. Die Navigation erfolgt über die Krone: Durch das Drehen der Krone kann der Nutzer zur nächsten Seite navigieren, auf der das Workout gestartet werden kann. Dort hat er die Auswahl zwischen verschiedenen Workouts und kann eines davon auswählen. Zum Starten genügt ein Tipp auf das gewünschte Workout. Ein Timer öffnet sich und das Workout beginnt in einem neuen Fenster nach Ablauf des Timers.
Zum Beenden oder Pausieren des Workouts verwendet der Nutzer die Seitentaste. Anschließend öffnet sich ein kleines Dialogfenster mit verschiedenen Auswahlmöglichkeiten. Zum Beenden klickt der Nutzer auf „Beenden“, woraufhin ein neues Fenster erscheint, das zur Bestätigung auffordert. Wenn der Nutzer auf „Ja“ tippt, wird das Workout beendet und eine kleine Zusammenfassung des Workouts angezeigt.
Ein Workout über die Uhr starten
Das Starten eines Workouts erfolgt in diesem Anwendungsfall über die Uhr. Der Nutzer landet zunächst im Tagesfortschritt. Die Navigation erfolgt über die Krone: Durch das Drehen der Krone kann der Nutzer zur nächsten Seite navigieren, auf der das Workout gestartet werden kann. Dort hat er die Auswahl zwischen verschiedenen Workouts und kann eines davon auswählen. Zum Starten genügt ein Tipp auf das gewünschte Workout. Ein Timer öffnet sich und das Workout beginnt in einem neuen Fenster nach Ablauf des Timers.
Zum Beenden oder Pausieren des Workouts verwendet der Nutzer die Seitentaste. Anschließend öffnet sich ein kleines Dialogfenster mit verschiedenen Auswahlmöglichkeiten. Zum Beenden klickt der Nutzer auf „Beenden“, woraufhin ein neues Fenster erscheint, das zur Bestätigung auffordert. Wenn der Nutzer auf „Ja“ tippt, wird das Workout beendet und eine kleine Zusammenfassung des Workouts angezeigt.
Ein Workout über das Handy einsehen
Workouts können natürlich auch über das Handy gestartet oder eingesehen werden. Wenn ein Workout läuft, ist dies durch einen roten Kreis in der Navbar erkennbar. In der Smartphone-App erhält der Nutzer eine detaillierte Übersicht über das aktuelle Workout.
Ein Workout über das Handy einsehen
Workouts können natürlich auch über das Handy gestartet oder eingesehen werden. Wenn ein Workout läuft, ist dies durch einen roten Kreis in der Navbar erkennbar. In der Smartphone-App erhält der Nutzer eine detaillierte Übersicht über das aktuelle Workout.
Ein Workout über das Handy einsehen
Workouts können natürlich auch über das Handy gestartet oder eingesehen werden. Wenn ein Workout läuft, ist dies durch einen roten Kreis in der Navbar erkennbar. In der Smartphone-App erhält der Nutzer eine detaillierte Übersicht über das aktuelle Workout.
© 2024 Duy Tran
erstellt mit viel Kaffee und Framer☕
© 2024 Duy Tran | erstellt mit viel Kaffee und Framer☕
© 2024 Duy Tran | erstellt mit viel Kaffee und Framer☕