Inhalt Kapitel 1 Kapitel 2 Kapitel 3 Kapitel 4 Kapitel 5
3.7 Benutzerinterface (Navigationsleiste)
Um die Bedienung so intuitiv wie möglich zu gestalten, habe ich die Navigationsleiste auf wenige Knöpfe (Buttons) beschränkt. Um den Anwender nicht mit ständig wechselnden Layouts und sich häufig ändernden Bedienelementen zu verwirren, habe ich die Navigationsleiste auf jeder Seite einheitlich gestaltet.
Die Navigationsleiste beschränkt sich auf wenige Knöpfe:
Zentral ausgerichtet ist der Menu-Knopf. Ich halte es für sinnvoll, daß der Benutzer von jeder Seite der Präsentation auf die zentrale Inhaltsangabe der Präsentation gelangt.
Links und rechts des Menu-Knopfs habe ich zwei Button angelegt, mit denen der Anwender sich in der Präsentation vor und zurück bewegen kann. Diese Button habe ich in Form von zwei Plektren dargestellt. Die Richtung der beiden Plektren symbolisieren die Möglichkeit, sich entweder vor oder zurück zu bewegen. Vor und zurück bezieht sich dabei nicht zwingend auf das seitenweise Blättern, sondern richten sich nach der jeweiligen Struktur des Themenbereichs. (s. Strukturierung der Inhalte). Daher ist der vor-Button auch nicht auf jeder Seite vorhanden.
Links befinden sich zwei Knöpfe (Lautsprecher und durchgestrichener Lautsprecher). Diese Knöpfe geben dem Anwender die Möglichkeit, die Hintergrundmusik, die mit dem Beginn der Präsentation gestartet wurde, ein- bzw. auszuschalten. Um den verschiedenen Lerngewohnheiten gerecht zu werden, ist dieser Button unerläßlich.
Obwohl ich die Bedienung für intuitiv und selbsterklärend halte, habe ich eine Seite mit einer Hilfe integriert. Diese Hilfe erklärt den grundsätzlichen Umgang mit der Präsentation und dem Benutzerinterface. Diese Hilfe ist von jeder Seite aus erreichbar. Der entsprechende Hilfe-Button befindet sich in Form eines Fragezeichens unten rechts.
Obwohl dies zwar nicht zwingend notwendig ist, habe ich mich aus Gründen des einheitlichen Designs dazu entschieden. Dasselbe gilt für den a-z Button, der den Benutzer auf die Indexseite führt. Auf dieser Seite befinden sich Schlüsselwörter, die den Lernenden durch eine Verknüpfung zum entsprechenden Thema leitet.
Den Button zum Beenden der Präsentation habe ich nicht in das Benutzerinterface integriert, sondern lediglich auf der Seite mit der Inhaltsangabe. Der Benutzer muß so ganz bewußt zu dieser Seite wechseln, um die Präsentation zu beenden. Das Beenden der Präsentation aus Versehen ist somit nicht möglich.
Um die Photos (Bitmaps) in einer ansprechenden Qualität vom jeweiligen Hintergrund zu lösen und in meine Präsentation zu integrieren, habe ich das Layout sämtlicher Seiten in dem Programm Photoshop angefertigt. Dieses Programm bietet für das Erstellen von Auswahlen um bestimmte Objekte, die dann auf verschiedenen Ebenen beweglich sind, hervorragende Bearbeitungsmöglichkeiten.
Die Wahl des Hintergrundmotivs fiel mir sehr schwer. Ziel von mir war es, die Umgebung durch das Hintergrundmotiv hinsichtlich der Zielgruppe freundlich und ansprechend zu gestalten. Zudem sollte ein ausreichender Kontrast das Lesen am Bildschirm nicht erschweren. Ein einfarbiger Hintergrund ohne Struktur erschien mir nicht attraktiv genug.
Daher fiel die Wahl letztendlich auf einen bläulichen Hintergrund mit einer rauhfaserähnlichen Struktur. Auf Seiten mit relativ viel Text habe ich die Struktur des Hintergrunds mit dem Programm Photoshop weichgezeichnet, was der Lesbarkeit des Textes entgegen kam.
Lediglich der Kontrast zwischen Hintergrund und Text hätte im nachhinein etwas größer ausfallen können, um das Lesen von Texten nicht zu erschweren.
Ein Gitarrenmotiv habe ich halbtransparent in den Hintergrund integriert. Somit habe ich einen Bezug zum Thema allein durch den Hintergrund herstellen können.
Die erste Seite meiner Präsentation habe ich als selbstablaufende Animation gestaltet. Zu sehen ist das Bildschirmdesign (Hintergrund), das ich für jede Seite benutzt habe. Eingeblendet werden der Titel – Die E-Gitarre - und die Form der Darbietung – eine multimediale Präsentation -. Die Startseite wird nach wenigen Sekunden automatisch abgeblendet, und die Seite mit der Inhaltsangabe wird eingeblendet. Um eine höhere Aufmerksamkeit zu erzielen, habe ich die Überschriften animiert. Sie werden aus verschiedenen Richtungen kommend nacheinander eingeblendet.
Zum Schluß erscheint eine Comic Figur mit einer E-Gitarre, die den Benutzer begrüßt und ihm kurz erklärt, wie er die einzelnen Kapitel der Präsentation erreicht (Mausklick auf die Überschriften). Abschließend folgt ein Verweis auf den Hilfe-Button, sofern der Anwender eine weitergehende Erklärung der Benutzung der Präsentation wünscht.
Die Animation der Seite mit der Inhaltsangabe halte ich nur am Beginn der Präsentation für sinnvoll. Aus diesem Grund habe ich eine zweite Inhaltsseite integriert, die der Benutzer erreicht, wenn er von irgendeinem Punkt der Präsentation auf die Menu-Seite will. Auch die Comic Figur erscheint dann nicht mehr.
 |
Inhalt |  |
Kapitel 1 | |
Kapitel 2 | |
Kapitel 3 | |
Kapitel 4 | |
Kapitel 5 |