Intelligente Hauptnavigation
- Details
- Erstellt am 27.03.2011
Die Patienteninformation wird aus zwei Seitentypen bestehen, die sich in ihrem Aufbau unterscheiden. Seitentyp 1 ist die Startseite, auf der alle Inhalte verlinkt sind und bei Bedarf gezielt aktiviert oder deaktiviert werden können. Seitentyp 2 sind die eigentlichen Inhaltsseiten. Hier nochmal der grobe schematische Aufbau der Seitentypen:
Generell habe ich mich dazu entschieden, die Seitengestaltung schicht zu halten, ohne zu viele ablenkende Elemente. Der Nutzer soll sich auf den Inhalt konzentrieren. Daher spielt ausreichender Weißraum auch eine Rolle, damit das Auge Ruhe findet.
Die Startseite
Auf der Startseite sollen Nutzer, welche die Patienteninformation das erste Mal aufrufen, schnell einen Überblick zu allen angebotenen Inhalten finden. Auch wenn man sich nur über einen Bereich informieren möchte, sollte man direkt zu den Themen springen können. Daher sind sowohl die Bereiche verlinkt, man kann aber auch die Unterseiten anzeigen lassen und gezielt auf eine Unterseite springen. Dies ist z.B. wichtig, wenn man im Arztgespräch eine bestimmte Grafik ansprechen möchte. Oder wenn Personen die Patientenaufklärung bereits kennen und gezielt einen Punkt erneut ansehen möchten.
Standard-Ansicht der Startseite beim ersten Aufruf:
Durch die kleinen Pfeile können bei Bedarf die Unterseiten eines Menüpunktes angezeigt werden. Wenn man mit der Maus über einen Hauptmenüpunkt fährt, wird ein kurzer Beschreibungstext angezeigt:
Wenn man unten links die Filterfunktion aktiviert, werden (wie bereits im Mockup angedeutet) Checkboxen angezeigt, mit denen man Inhalt an- oder abwählen kann. Sind Inhalte abgewählt, werden diese auf den Unterseiten in der Navigation nicht mehr angezeigt.
Die Unterseiten (Inhaltsseiten)
Je nach dem, in welchen Bereich man klickt, ändert sich die Farbe des Titelbalkens entsprechend. Der Titel "AVM-Patienteninformation" wird um ein Symbol ergänzt und mit der Startseite (Menüauswahl) verlinkt. Dies wird auch bei Mauskontakt angezeigt. Dadurch ist der Link zur Startseite in die Unterseiten integriert, ohne zusätzlichen Platz wegzunehmen. Dass der Titel oder das Logo einer Website mit der Startseite verlinkt ist, kennt man von vielen Websites. Durch die zusätzliche Kennzeichnung mit dem Haus sollte es auch für Laien ersichtlich werden.
Auf den Unterseiten wird der aktuelle Bereich im Menü links farbig gekennzeichnet. Die beiden anderen Bereiche sind ebenfalls sichtbar, aber nicht farbig. Klickt man diese an, werden die verfügbaren Unterpunkte der Kategorie angezeigt:
Der funktionierende Prototyp
Mit den alleinigen Screenshots ist das aber alles sehr theoretisch. Daher hier der klickbare Prototpy:
Vor allem die Funktion, Inhalte aus der Navigation abzuwählen, hat mich viel Zeit, Nerven und Programmiercode gekostet...