MEAK_Dokumentation_Timo_Albrecht
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
WIREFRAMES DER WEBSEITE<br />
Homescreen<br />
Auf jeder Seite wird oben die Navigation<br />
angedockt sein. Im Homescreen<br />
folgt der Header mit einem<br />
allgemeinen Slider. Im Contentbereich<br />
werden die USPs hervorgehoben<br />
um den User zu ködern.<br />
Danach folgen reale Erfahrungsberichte<br />
der User. Im unteren Bereich<br />
soll dann ein Countdown und<br />
ein Login Bereich platziert werden.<br />
Nutzerkonto<br />
Im Nutzerbereich kann der User<br />
seine Fortschritte einsehen, seine<br />
Daten hochladen, Chats besuchen<br />
oder Übungen absolvieren. Der<br />
Experte kann die eingereichten<br />
Prüfungen kommentieren und<br />
Feedback geben.<br />
Unterseiten Variation<br />
Als Variation in einer weiteren<br />
Kategorieseite werden noch<br />
Videos eingebaut. Die Kernaussagen<br />
finden sich hierbei auf der<br />
Seite wieder und beziehen sich auf<br />
die wichtigsten, kurzen, knappen<br />
Aussagen.<br />
Kategorien<br />
Im Kategorienbereich werden alle<br />
verschiedenen Themenfelder aufgezeigt.<br />
Durch unterschiedliche<br />
Farben und dazugehörigen Piktogrammen<br />
werden sie auseinander<br />
gehalten. Diese Elemente finden<br />
sich auf den zugehörigen Seiten<br />
wieder.<br />
Unterseiten Variation<br />
Auf der Kategorieseite sollen die<br />
Layouts variieren. Im Headerbereich<br />
befindet sich ein passendes<br />
Bild zum Thema. Außerdem<br />
findet sich das Piktogramm und die<br />
Farbe im Bild wieder. Das Layout<br />
wird unteranderem mit Text-, Bildelementen<br />
und kleinen Infografiken<br />
befüllt. Somit sind die Sachen für<br />
den User besser einprägsam.<br />
Unterseiten Variation<br />
Neben kleinen Grafiken, um Zahlen<br />
gut einzuprägen, gibt es auch<br />
die Möglichkeiten eine komplexere<br />
Infografik einzubinden, die dem<br />
User einen komplexen Sachverhalt<br />
bildlich darstellen soll. Auch hier<br />
wird auf der Seite weiter darauf<br />
eingegangen und die Kernaussagen<br />
zum Lernen gefiltert.<br />
24<br />
25