ELTERN APP

Appdesign

Meister

Cody

Ta l a s i a

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

Einleitung
Ziel
Prototypische Umsetzung der in Teil 1
erstellten Wireframes.
Gefordert war die Grafische Umsetzung fr
iPhone/Mobil, mit Fokus auf Homescreen,
Feed und Lernstand.
Fr die Eltern soll es einfach und schnell
ersichtlich sein, welche tglichen Trainings
ihre Kinder absolviert haben und wie sich
die Ergebnisse entwickeln.
Link zu interaktivem Prototyp:

http://adobe.ly/1XBihnm

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

Inhalt
01

Home Screen
Header Men
Kinder Auswahl
Feed
CODY-Test
Lernstand

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

01

Home Screen
Anmerkungen
1. Header mit Menpunkt und Logo und Auswahl
des Kindes
2. Ampel
3. Aktueller CODY-Score
4. Letzte 3 Feed Ereignisse CODY-Score Verlauf
5. Tab Bar mit den Menpunkten Home, Feed,
Cody-Test und Lernstand

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

01

Header Men
Anmerkungen
1. Header Men
2. Halbtranparente Flche

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

01

Kinder Auswahl
Anmerkungen
1. Beim tippen auf den Kinder Auswahlbutton
erscheinen die Kinder anstatt der Ampel

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

01

Feed
Anmerkungen
1. Durch tippen auf den Feed Button fhrt der
Feed von unten nach oben ber den Screen.
Es werden alle bisherigen Ergebnisse der
Level, Einstufungstest usw. angezeigt.
2. Durch tippen auf das Statistiksymbol gelangt
man zu weiterfhrenden Ergebnissen des
Ereignisses.
1

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

01

CODY-Test
Anmerkungen
1. CODY-Score mit Erklrung
2. Download detaillierte Ergebniserklrung

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

01

Lernstand
Anmerkungen
1. Vor/Zurck Button

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp

v1.1 - 08.06.2016
Lars Uebags - l.uebags@gmx.net

Appdesign | Meister Cody - Talasia

Lars Uebags
08.06.2016

10

2016 Lars Uebags

Aufgabe 2

Grafik Appdesign & Prototyp