Beim Redesign der Informationsarchitektur wurde auf eine hierarchische Organisationsstruktur großen Wert gelegt. Da dies die wohl am häufigsten benutzte Struktur ist und dem menschlichen Vorstellungsvermögen am nächsten kommt, sollte diese Art hier realisiert werden. Beim alten Auftritt entstand im Lauf der Zeit ein Wildwuchs ohne erkennbare Struktur, bzw. einer komplizierten Netzstruktur, die allerdings von der Zielgruppe nicht nachvollziehbar war. Folgendes Diagramm zeigt die hierarchische Struktur, die um die Homepage angeordnet ist.

Abbildung 59: Die hierarchische Struktur der neuen Seiten.

Aus den alten Rubriken und den Wünschen bzw. den Erwartungen der Zielgruppe entstanden sechs Rubriken, die alle in die globale Navigation in der linken Navigationsleiste aufgenommen wurden. Somit wurde diese Leiste verkürzt und ist nicht mehr so lang und unübersichtlich wie die alte. Sie besteht nun aus sechs Items, was den Eigenschaften des menschlichen Kurzzeitgedächtnis entgegenkommt, sowie aus einem Link zur Startseite und einem kleinen Banner, der für ein Softwareprogramm wirbt. Dies zeigt Punkt 1 in folgender Abbildung.

Abbildung 60: Die Navigationsmöglichkeiten auf den neuen Seiten.

Auf Grafiklinks wurde bis auf den Werbebanner verzichtet, stattdessen sollten alle Links als Text dargestellt werden und die Standards fürs Linkfarben eingehalten werden. Dies soll die Ladezeit reduzieren, andererseits dem Benutzer anzeigen können, welche Seiten schon aufgerufen wurden.
Die Frage “Wo bin ich?” sollte dem Nutzer klar erkennbar sein. Erstens wird durch zwei kleine rote Dreiecke signalisiert, in welcher Rubrik man sich befindet (Nr.2 in obiger Abbildung). Zweitens wird dies durch die Überschrift auf jeder Seite angezeigt (Nr. 3).
Nr. 4 in obiger Abbildung zeigt abschließend die rechte Navigationsleiste, die weitere Möglichkeiten zum Stöbern anbietet. Hier findet der Besucher nützliche Features, wie ein Schwarzes Brett, Downloadmöglichkeiten oder Seminarangebote. Bei den Usability-Tests wurden diese Möglichkeiten gerne angeklickt und oft nachgefragt. Somit soll dies dem Nutzer entgegenkommen und zu einer schnellen Auffindbarkeit diverser Inhalte führen.
Als schwer wiegendes Problem während der Tests erwies sich ein auf dem ersten Blick fehlender Link auf die Startseite des Angebots. Tatsächlich war ein Link am Fuss jeder Seite platziert, der allerdings keinem auffiel bzw. den keiner benutzte. Somit waren die Besucher gezwungen über den Backbutton des Browsers auf die vorherigen Seiten zu springen. Das Logo wurde deshalb zur Startseite verlinkt (bis auf der Startseite selbst) und zusätzlich ein Textlink an erster Stelle innerhalb der Navigationsleiste gesetzt.
Die Homepage selbst sollte sich von den restlichen Seiten etwas absetzen und die Verwechslungsgefahr vermindern. Dies zeigt die folgende Abbildung, bei einer Auflösung von 1024 mal 768 Pixel gemacht.

Abbildung 61: Die neu gestaltete Homepage in der Gesamtansicht.

Die persönliche Ansprache durch ein Testimonial-Betriebsrat sollte die Homepage auflockern und den Besucher freundlich begrüßen. Dabei wurde der alte Text etwas gekürzt.
Die Überschrift zeigt eindeutig, dass der Besucher sich aktuell auf der Homepage befindet. Weiterhin wurde in der linken Navigationsleiste der Link Startseite markiert und ist ebenso wie das Logo in der Kopfleiste nicht mehr anklickbar, so dass keine Missverständnisse bzgl. des Standorts des Besuchers entstehen können.
In der Mittelspalte finden sich Beschreibungen und Übersichten der jeweiligen Rubriken, die sich links und rechts in den blauen Kästen wiederfinden.
Im Mittelpunkt der Seite steht eine neue Rubrik. Das Einmaleins der Betriebsratsarbeit gibt knapp 80 Tipps zu Gesetzesänderungen und alltäglichen Problemen. Als Schmankerl wird jeden Tag ein zufällig ausgewählter Tipp angezeigt. Dies soll den Besucher zum täglichen kurzen Besuch animieren und natürlich zum weiteren Stöbern anregen.

Abbildung 62: Die Homepage in der Auflösung 1024 mal 768 Pixel.

Dieser Tipp des Tages soll die Blicke auf sich lenken, indem er durch die mittige Positionierung und den roten Kasten auf sich aufmerksam macht.
Die alte Homepage wurde als zu lang empfunden, so dass hier nun darauf geachtet worden ist, nicht zu lang vertikal scrollen zu müssen. Bei einer 1024er Auflösung sind somit zwei Bildschirmseiten nötig um den kompletten Inhalt zu sehen, bei einer 800er Auflösung 3,5 Seiten.
Insgesamt gibt es mehrere Möglichkeiten durch das Angebot zu navigieren. Die globale Navigation wurde links angeordnet. Rechts oben neben dem Logo finden sich drei Links zu anderen nützlichen Seiten. Am Seitenende findet der Besucher nochmals Textlinks zu allen Rubriken. Dies soll vor allem unterstützend wirken, wenn die Seite länger als eine Bildschirmseite ist und die globale Navigation außerhalb des Sichtfeldes ist.
Letztlich wurde eine Sitemap erstellt, die über den Link Inhaltsverzeichnis erreichbar ist. Auf dieser Seite findet sich eine klar strukturierte Übersicht über den Inhalt und soll somit die Vorstellung der Informationsorganisation verdeutlichen.

Abbildung 63: Die Sitemap der neuen Seiten.

Letzter Punkt dieses Abschnitts soll sich kurz mit dem Problem sich neu öffnender Fenster befassen. Da dieser Auftritt viele Links zu externen Domains aufweist, sollten diese sich stets in neuen Fenstern öffnen.
Die Tests ergaben, dass kaum eine Person merkte, dass sich ein neues Fenster nach einem Klick auf einen Link öffnet. Dies lag sicherlich einmal daran, dass bei dem benutzten PC alle Fenster im Vollbildmodus sich öffneten. Bei den meisten PC’s ist dies allerdings anders eingestellt.
Das Problem besteht darin, dass die Vor- und Zurückbuttons des Browsers beim öffnen eines neuen Fensters nicht mehr funktionieren und Anfänger oder Neulinge nicht auf die Taskleiste achten.
Auf den neuen Seiten wurden also Weiterleitungsseiten eingerichtet, die den Nutzer daraufhin weisen, dass der Link in einem neuen Fenster geöffnet wird. Nach drei Sekunden wird der Besucher automatisch weitergeleitet. Nun könnte man die drei Sekunden als Zeitverschwendung ansehen. Doch falls der Nutzer den Hinweis wirklich liest und später auf die vorherigen Seite zurückgehen möchte, könnte dies statt Verzögerung zum schnelleren Zurückspringen führen.

Abbildung 64: Weiterleitungsseite zu einer externen Domain.

Nachdem die Umsetzung erfolgt ist, soll nun eine kurze Zusammenfassung gegeben werden, bevor zum abschließenden Teil übergegangen wird.
Die Planungsphase für die Tests bestand vor allem aus der Analyse von Problempunkten und der Zielgruppe sowie das Erzeugen eines Aufgabenszenarios.
Als kritischster Problempunkt wurde die Adresserfassung gesehen, die überarbeitet wurde und nach ersten statistischen Auswertungen besser von den Besucher aufgenommen wurde.
Auf die Analyse der Zielgruppe wurde besonderes Augenmerk gelegt, da die Seiten dem User Centered Design Ansatz folgend auf genau diese Zielgruppe hin optimiert werden sollte. Die anvisierte Nutzergruppe hat ein Alter von 30 bis 50 Jahren und ist eher PC- und Internet- unerfahren.
Die Aufgabenliste für die Tests wurde so konzipiert, dass ein möglichst alltäglicher Besuch auf den Seiten simuliert werden sollte. Nachdem sich die Testpersonen einen ersten Überblick über die Seite verschafften, wurden konkrete Aufgaben gestellt.
Die eigentliche Durchführung der Tests erfolgte durch die Thinking Aloud Methode und fand während einesFortbildungsseminar der Zielgruppe statt. Zehn Personen testeten die Seiten.
Aus meinen Beobachtungen und den Aussagen und Taten der Testpersonen wurden ausführliche Ergebnistabellen erstellt, auf denen dann das Redesign basierte.
Zu den größten Mängeln gehörten vor allem zu lange Seiten und somit langes Scrollen, eine schlechte Bildschirmausnutzung und eine zu lange Navigationsleiste, die keine Übersicht über das Angebot bietet. Außerdem bestanden bei der Adresserfassung große Mängel, da dem Nutzer nicht klar war, wozu dieser Vorgang da ist.

Optimal- oder eigentlich zwingend – wären an dieser Stelle wiederum Usability-Tests mit den neu erstellten Seiten, um zu prüfen, ob die Probleme aus der Welt geschafft wurden oder durch das Redesign neue entstanden sind.
Trotzdem sollten die neuen Seiten besser an die Nutzergruppe und dessen Kenntnisstand bzgl. Interneterfahrung angepasst sein als es der alte Auftritt war.