Möglichkeiten bei einem Relaunch der Webseite die Informationen zu strukturieren und nach den neusten Standards der Usability von Websites darzustellen.

1. ALOCO GmbH
Agentur für audiovisuelle Kommunikation
Hirschengraben 8, CH – 3011 Bern
Telefon: 031 351 45 35
E-Mail: info@aloco.ch
Internet: www.aloco.ch
Lösungen die bewegen . . .
Webdesign und die Gestaltung der Navigation
Vielen unserer langjährigen Kunden im Bereich Webdesign kommen nach Jahren der
Content Generierung zum Punkt, wo ein Redesign nötig wird. Der Webauftritt ist
unübersichtlich, die Besucher finden sich auf der Webseite nicht mehr zurecht. Bei der
Neustrukturierung können dank den Content Management System TYPO3 die Inhalte
übernommen werden. Einzig die Navigation wird neu überdacht. Hierzu ein paar
Überlegungen, wie (grosse) Webseiten / Webauftritte neu strukturiert werden können.
Ein Überblick von Dan Riesen, Webdesigner und Informationsarchitekt bei ALOCO:
 Link Navigation
 Thematische Unterseiten
 Pfadnavigation
 Einseitiges Webdesign
 Drop Down Navigation
Webdesign ganz ohne Navigation (Link Navigation)
Jakob Nielsen, der Usability Guru der ersten Stunde machte schon um die Jahrhundertwende
ein radikaler Vorschlag um mit ausufernden Seiten zu Recht zu kommen: Die Navigation der
Webseite vollkommen weg lassen und somit dem Inhalt den ganzen Bildschirm zur Verfügung
zu stellen. Dies vor allem aus der Überlegung heraus, dass Benutzer meist sofort den Inhalt zu
durchforsten beginnen und die Navigation zu Beginn schlicht Ignorieren.
Bei dieser Lösung ist es wichtig, dass der Text weiterführende Links enthält, damit die weiteren
Webseiten auch gefunden werden. Im Idealfall werden so sämtliche Seiten in einem Netzwerk
verbunden. Zudem ist eine leistungsstarke Suche notwendig, welche die klassische Navigation
z.T. ersetzen kann.
Eine weitere Massnahme zur Erhaltung der Benutzerfreundlichkeit der Webseite ist die
Verschlagwortung der Seiten. Wird diese sorgfältig durchgeführt können die Inhalte des
Webauftrittes in einer Stichwort Wolke angezeigt werden. Häufiger auftretende Stichworte
werden dabei grösser dargestellt als nicht so oft vorkommende. Beim Klick auf ein Stichwort
(Keyword) wird dem User eine Liste aller mit diesem Stickwort gekennzeichneten Seiten
angezeigt, eine Art Suchergebnis. Diese Wolkennavigation kann bei der SEO helfen, die
relevanten Suchbegriffe zu definieren um den Webauftritt weiter zu optimieren.
PRO: grenzenlose Seitenzahl, geeignet für grosse Seiten, Einstieg auf allen Seiten möglich
CONTRA: erfahrene Redaktion für Linksetzung, Tags setzen, leistungsfähige Suche
Beispiele: http://binarybonsai.com http://dtsn.me

2. ALOCO GmbH Hirschengraben 8 3011 Bern 031 351 45 35 info@aloco.ch www.aloco.ch
Lösungen die bewegen . . .
Website in Subsites aufteilen (Thematische Unterseiten)
Dieser Ansatz ist für grosse Auftritte geeignet, damit diese wieder übersichtlich werden. Der
gesamte Webauftritt wird dabei in verschiedene Teile zerlegt, welche dann als eigene
Webauftritte mit eigener Navigation bestehen. Idealerweise werden die Subsites mit
Subdomains angesteuert. Auf der Hauptdomain werden Links auf die Subsites wie auch
ausgewählte Anreissertexte der einzelnen Subsites publiziert. Durch eine Top Level Navigation
lässt sich einfach von Subsite zu Subsite welchseln. Die Zweite Navigation wird aber jeweils nur
von der Subsite angezeigt, was Platz schafft und das Navigieren erleichtert.
Wichtig ist ein Gesamterscheinungsbild (Corporate Design CD) fürs Web zu definieren, wie das
zum Beispiel die BBC auf der Global Experience Language Seite getan hat. Damit erkennt der
Benutzer, wo er sich befindet.
Sind die Subsites zu ähnlich, werden die Besucher das Konzept der Subsites nicht spüren und
dementsprechend eine Konsistente Navigationsstruktur für alle Bereiche vermissen. Sind die
Subsites zu verschieden, werden die Benützer den Wechsel zu den anderen Subsites nicht
schaffen und verwirrt sein.
PRO: Ideal wenn sich klar abgrenzbare Themen finden, Abteilungen mit eigener Identität
CONTRA: schwierig bei Mega-Site zu einem Thema, schwieriges durchsetzten des CD
Beispiele: http://www.bbc.co.uk http://www.srf.ch
Breadcrumb Navigation (Pfadnavigation)
Viele Webauftritte haben zusätzlich eine Breadcrumb resp. Pfadnavigation. Diese zeigt dem
User auf welcher Stufe der Navigation er sich befindet und welche Oberseiten er gewählt hat.
Ein innovativer Ansatz ist, die gewohnte Navigation mit Haupt und Unternavigation zu Gunsten
von Inhaltselementen und einem aufgeräumten Design weg zu lassen und sich nur noch auf
die Pfadnavigation zu verlassen. So kann sich der Benutzer jederzeit am Pfad orientieren und
weiss wo in der Hierarchie des Webauftrittes er sich befindet. Dadurch kann er sich jederzeit
auf die höhere Navigationsebene begeben und allenfalls auf einem anderen Pfad wieder
absteigen.
Bei diesem Ansatz besteht die Gefahr, dass die Seiten auf der ersten und zweiten Ebene zu
reinen Linkseiten verkommen. Dies weil die Webredaktion bestrebt ist, alle Seiten
gleichermassen anzupreisen und nicht verlinkte Seiten nicht oder nur über eine allfällige Suche
oder über Suchmaschinen erreichbar sind.
PRO: Gut für Mobile und Smartphones. Intuitiv, zeigt die Tiefe, schafft Platz
CONTRA: Aufwendiges Rauf und Runter, keine Übersicht über das Ganze, Teaserwüste
Beispiel: https://www.gov.uk

3. ALOCO GmbH Hirschengraben 8 3011 Bern 031 351 45 35 info@aloco.ch www.aloco.ch
Lösungen die bewegen . . .
One Page Site Webdesign (Einseitiges Webdesign)
Manche entscheiden sich, alte Inhalte über Bord zu werfen, und neu anzufangen. Dies ist
sinnvoll, wenn ein neues Geschäftsfeld aufgerollt werden soll oder die Seite in ihrer alten Form
nur schlecht besucht war. Wird die Seite ganz neu aufgebaut, wird heute oft die one Page Site
gewählt.
Diese Art von Webseite ist eine beliebte Form für kleinere Internetauftritte, welche aus nur einer
HTML-Seite besteht. Die Inhalte werden aber meist untereinander angeordnet und mit einer
gefloateten, traditionellen Navigation versehen. Der Vorteil ist, dass durch die Komprimierung
auf eine einzige Seite, diese Seite bei Google und anderen Suchmaschinen höher gewertet
wird, als viele kleine einzelne Seiten.
Eine One Page Site im Webdesign ist für alle zu empfehlen, welche den Internetauftritt nur als
«Visitenkarte» sehen, welche sehr selten geändert wird.
PRO: schönes Design, einfach, verspielt, eine einzige Seite (SEO)
CONTRA: Nicht geeignet für grosse Seiten, statisch
Beispiel: http://www.kinderfotografie-evihermans.be
Dynamische Navigation (Drop down Navigation)
Mit der heutigen Technologie (HTML5, CSS3, Javascript, jQuery) lassen sich ausklappbare
Navigationen programmieren, welche auch komplexere Navigationsstrukturen aufzeigen, ohne
dass der Platz für den Inhalt eingeschränkt wird, wenigstens wenn die Navigation nicht aktiv ist.
Diese Art von Navigation / Webmenu gestattet es, die Navigation nach Benutzerwünschen und
Gutdünken zu designen. Es können praktisch unbeschränkt viele Ebenen angezeigt werden
und zudem sind zusätzliche Inhalte wie Bilder und Text möglich.
PRO: funktionell, einfach, suchmaschinenoptimiert
CONTRA: problematisch mit alten Browsern, braucht aktiviertes Javascript
Beispiel: http://www.creativecrash.com oder http://themes.pixelworkshop.fr/?theme=CSS3MegaMenu
Sie planen einen Relaunch Ihres Webauftrittes, Ihre alte Webseite ist unübersichtlich und wird
schlecht besucht?
Gerne beraten wir Sie bei der Durchführung Ihres Relaunchprojektes.
Dan Riesen
Webdesigner / Informationsarchitekt
riesen@aloco.ch
www.aloco.ch/webdesign
Telefon: 031 508 04 05
Mobile: 079 222 78 45
> Weitere Angaben und Referenzen zum Thema Webdesign