Kurzübersicht zur Heuristik Navigation im Web

Transkript

1 Kurzübersicht zur Heuristik Navigation im Web Übersetzung der Quicklist for Designing Web Navigation, erschienen in Technical Communication August 2000, Vol. 47, No. 3, S Autoren: David K. Farkas und Jean B. Farkas, Department of Technical Communication, University of Washington, Seattle, WA, USA. Deutsche Übersetzung: 2001 Werner Schweibenz, Fachrichtung Informationswissenschaft, Universität des Saarlandes, D Saarbrücken. Diese Kurzübersicht ist Teil des Artikels Guidelines for Designing Web Navigation von David K. Farkas und Jean B. Farkas, veröffentlicht in Technical Communication: The Journal of the Society for Technical Communication, Special Issue Web Communication, August 2000, Vol. 47, No. 3, S Die Begründungen für die einzelnen Punkte der Kurzübersicht finden sich in diesem Artikel. Hintergrundinformationen zur Sonderausgabe werden in der Einführung von van der Geest & Spyridakis gegeben. Schlüsselbegriffe Bei der Benutzung der Kurzübersicht sind folgende Grundlagen zu beachten: Hypertext-Theorie Die Hypertext-Theorie hilft uns, das Design von und die Navigation in Websites zu verstehen. In der Hypertext-Theorie werden Inhalte oft als eigenständige Blöcke (Knoten) dargestellt. Die Benutzer folgen Verknüpfungen von einem Knoten zum nächsten, das heißt sie navigieren im Hypertext. Jede Website kann als ein Netz aus Knoten und Verknüpfungen innerhalb des ausgedehnten Netzwerkes betrachtet werden, welches das World Wide Web ausmacht. Informations- Die Hypertext-Theorie hilft uns, verschiedene Informationsstrukturen zu definieren, die aus Konfigurationen von Knoten strukturen und Verknüpfungen bestehen. Die Hauptinformationsstrukturen sind die lineare Sequenz und die Mehrpfadsequenz, die Hierarchie, das Netz und die Matrix. Die vorherrschende Informationsstruktur ist die Hierarchie. Es gibt jedoch verschieden Arten von hierarchischen Strukturen und es können auch andere Arten von Strukturen in die hierarchische eingebunden sein. Diese Richtlinien gehen von einer hierarchisch strukturierten Website Hauptverknüpfungen und sekundäre Verknüpfungen (Links) aus. Hauptverknüpfungen (Links) beschreiben die Hauptverzweigungen der Hierarchie und bilden die strenge, baumartige Struktur einer hierarchisch organisierten Website. Eine größere Freiheit in der Navigation wird erlaubt durch das Zusammenlaufen von Hauptverknüpfungen und durch sekundäre Verknüpfungen (Abkürzungslinks, systematische sekundäre Verknüpfungen und assoziative sekundäre Verknüpfungen)

2 1 Wirksame Verknüpfungen (Links) gestalten 1.1 Achten Sie darauf, dass alle Links aussehen wie Links. Verwenden Sie bewährte Hinweise wie Unterstreichungen und Gestaltung als Knopf (Button), um Links anzuzeigen. Verwenden Sie diese Hinweise nicht für andere Zwecke. Links können auch durch semantische Bedeutung, Layout und Formatierung angezeigt werden. Diese Hinweise sind jedoch weniger zuverlässig und sollten mit der nötigen Sorgfalt verwendet werden. Grafiken werden, mit der Ausnahme von Icons, in der Regel nicht als Links interpretiert. Es kann deshalb sein, dass ein spezieller Hinweis wie ein Textlabel (Textetikett) notwendig ist, um die Verknüpfung anzuzeigen. 1.2 Stellen Sie sicher, dass Benutzer Links sehen und als solche erkennen. Vermeiden Sie unorganisiertes und überfrachtetes Webdesign, das es schwer macht, Links zu erkennen. Stellen Sie sicher, dass die wichtigsten Links oben auf der Webseite sichtbar sind, ohne dass der Benutzer scrollen muss. Dies gilt unabhängig davon, wie hoch die Auflösung des Bildschirms des Benutzers ist. Wenn Seiten so gestaltet sind, dass der Benutzer scrollen muss, sollten Sie visuelle Hinweise anbringen, die den Benutzer ermutigen, nach unten zu scrollen. 1.3 Stellen Sie sicher, dass alle Links eindeutig ihren Zielpunkt angeben. Verwenden Sie abgestufte Techniken wie ergänzenden Text oder Mouse rollovers (Text wird sichtbar, wenn man mit der Maus auf die Verknüpfung geht), um den Zielpunkt von textuellen Verknüpfung deutlich zu machen. Verwenden Sie wenn notwendig Textetiketten (Labels) und Mouse rollovers (mit dem ALT-Tag), um den Zielpunkt von bildlichen Verknüpfungen (Bildlinks) deutlich zu machen. ALT-Tags sind besonders empfehlenswert, weil sie auch von textbasierten und sprachbasierten Webbrowsern erkannt werden. Verwenden Sie Kennzeichen für externe Verknüpfungen und für Verknüpfungen, die einen Prozess anstossen wie das Öffnen eines Fensters für -Nachrichten oder für den Start eines Downloads (Herunterladevorgang). 2 Verwalten einer großen Anzahl von Verknüpfungen (Links) 2.1 Planen Sie ein effektives Verhältnis von Breite und Tiefe der Hierarchien der Website. Innerhalb gewisser Grenzen ist es vorteilhaft, beim Design einer Website eine breite Hierarchie einer tiefen Hierarchie vorzuziehen. Um Benutzer beim Umgang mit breit angelegten Websites zu unterstützen, sollten Sie Links unter Überschriften gruppieren und zusammenfassen

3 2.2 Ergänzen Sie die Hauptverknüpfungen (Links) mit sekundären Verknüpfungen, wenn angemessen. Verwenden Sie Links als Abkürzungen, um einen schnellen Zugriff von der Leitseite (Homepage) auf wichtige Knoten, die tiefer in der Hierarchie liegen, zu liefern. Verwenden Sie systematisch sekundäre Verknüpfungen, um Gruppen von verwandten Knoten zu verbinden. Verwenden Sie assoziative Verknüpfungen, um eine besondere Beziehung zwischen zwei Knoten anzuzeigen. 2.3 Lassen Sie Verzweigungen einer Hierarchie aufeinander zulaufen, wenn angemessen. Lassen Sie verschiedene Verzweigungen einer Hierarchie in einem einzelnen Knoten zusammenlaufen, wenn dieser Knoten logisch zwei (oder mehr) Verzweigungen angehört und Sie erwarten, dass eine große Zahl von Benutzern in beiden Verzweigungen suchen würde. Wenn die Grundstruktur einer Website streng hierarchisch ist, sollten Sie die Anzahl der zusammenlaufenden Verzweigungen begrenzen, um die hierarchische Struktur in der Wahrnehmung des Benutzers nicht zu verwischen. Für große und komplexe Websites (besonders für Websites für e-commerce) ist es oft nützlich, Verzweigungen auf eine weitreichende und systematische Art zusammenlaufen zu lassen in vielen überlappenden Knoten am Ende der Hierarchien. Die Knoten von zusammenlaufenden Verzweigungen sollten modular gestaltet sein, so dass sie dem Inhalt beider Verzweigungen entsprechen. 2.4 Gestalten Sie die Benutzeroberfläche so, dass die zugrundeliegende Informationsstruktur erkennbar ist. Die Benutzeroberfläche sollte dem Benutzer helfen, ein mentales Modell der Struktur von Knoten und Verknüpfungen der Website zu entwickeln. Auf der Leitseite (Homepage) sollten die Hauptverzweigungen der Hierarchie (Hauptverknüpfungen) hervorgehoben sein. Abkürzungslinks und Verknüpfungen mit zentralen Seiten wie Hilfe und Suche sollten leicht von den Hauptverknüpfungen unterscheidbar sein. Auf Webseiten, die tiefer in der Hierarchie liegen, sollten die Benutzer leicht unterscheiden können zwischen Verknüpfungen, die zur nächsttieferen Ebene in der Hierarchie führen und zwischen sekundären Verknüpfungen. Verwenden Sie Hervorhebungen und Markierungen in den Navigationsleisten, die es dem Benutzer erlauben, den Ort des aktuellen Knoten in der Hierarchie zu visualisieren

4 3 Informationen für die Orientierung anbieten 3.1 Bieten Sie kurze, klare und deutlich sichtbare Informationen an für die Orientierung auf der Leitseite (Homepage). Um sich auf einer unbekannten Website richtig orientieren zu können, muss der Benutzer den Namen, den Zweck und den Sponsor der Website kennen. Wenn der Zweck und der Sponsor sich aus dem Kontext ergeben, muss diese Information nicht explizit angegeben werden. Informationen für die Orientierung müssen deutlich sichtbar sein. Sie sollten nicht verdeckt werden durch andere Bildschirmelemente, auch nicht durch Werbebanner. Informationen für die Orientierung auf der Leitseite (Homepage) einer halbautonomen Subsite innerhalb der Website sollte die Identität und den Zweck der Subsite innerhalb der Website deutlich machen. 3.2 Bieten Sie Informationen für die Orientierung auf tieferliegenden Webseiten an, um die kontinuierliche Erforschung Ihrer Website zu unterstützen. Integrieren Sie den Namen und das Logo der Website auf tieferliegenden Webseiten, um der Website eine durchgängige Identität zu geben. Benutzen Sie grafische Bildschirmelemente, einerseits, um die Unterschiede zwischen verschiedenen Sektionen der Website aufzuzeigen, und andererseits, um den Benutzern eine gewisse Kontinuität während der Erkundung der Website zu geben. 4 Verbesserung der Navigation von Verknüpfung zu Verknüpfung (Link-to-link) 4.1 Verwenden Sie Sitemaps, um die globale Struktur einer Website darzustellen und direkten Zugriff auf Knoten zu ermöglichen. Sitemaps sollten alle Verzweigungen der Hierarchie anzeigen. Aus Platzgründen kann es vorkommen, dass nur eine bestimmte Anzahl von Hierarchieebenen angezeigt werden. Sitemaps sind effektiver, wenn sie eine Markierung enthalten wie Sie sind hier oder Zuletzt besuchte Seite. Wenn das Erstellen einer Sitemap Schwierigkeiten bereitet, beispielsweise wenn ein Webdesigner für eine große Website nur eine rudimentäre Sitemap erstellen kann, ist es besser, ganz auf die Sitemap zu verzichten. 4.2 Bieten Sie eine Suchfunktion oder einen Index für direkten Zugriff auf die Inhalte der Website an. Bieten Sie auf allen Websites, außer auf sehr kleinen, Suchfunktionen an. Berücksichtigen Sie die Größe der Website, die Art und Weise, wie die Informationen organisiert sind, und die Bedürfnisse der Benutzer, wenn Sie eine Suchmaschine eine Suchoberfläche auswählen

5 Eine Suchfunktion sollte typischerweise so gestaltet sein, dass sie sowohl für Anfänger und Fortgeschrittene geeignet ist. Anfänger sollten einfache Wörter oder Phrasen eingeben können und Fortgeschritten sollten komplexere Suchmöglichkeiten haben. Auf jeden Fall sollte die Suchfunktion für die am häufigsten auftretende Suchfunktion optimiert sein. Suchergebnisse sollten in einer angemessenen Weise sortiert sein und sollten genügend Informationen über jede Webseite bieten, so dass der Benutzer eine sinnvolle Auswahl treffen kann. Ein qualitativ hochwertiger Index wird wahrscheinlich bessere Ergebnisse liefern als eine Suchfunktion. Allerdings ist ein Index teuer in der Erstellung und aufwendig im Unterhalt. Ein Index bietet sich an, wenn eine Website relativ klein und die Inhalte sich relativ wenig ändern. 4.3 Bieten Sie überall auf der Website einen Link zur Leitseite (Homepage). Bieten Sie von jeder Webseite (möglichst ausnahmslos) einen Link zur Leitseite (Homepage) an. Es bildet sich eine Konvention heraus, dass ein Firmenlogo oder Organisationslogo als Link zur Leitseite (Homepage) dient. Folgen Sie dieser Konvention, wenn Sie das Gefühl haben, dass Ihre Benutzer mit ihr vertraut sind. Besteht Ihre Website aus einer oder mehreren Subsites, sollten Sie einen Link zur Leitseite der Subsite anbieten. Außerdem sollten Sie auf jeder Subwebseite einen Link zur eigentlichen Leitseite (Homepage) anbieten. TC Autorenangaben: David K. Farkas ist Professor am Department of Technical Communication an der University of Washington in Seattle. Er unterrichtet Kurse in Webdesign, Informationsdesign und Dokumentation für Computer. Er hat zahlreiche Artikel und Buchkapitel verfaßt und ist Mitautor der Bücher Developing online help for Windows 95 and Developing online help for Windows (3.1). Er ist ein fellow der Society of Technical Communication. Kontaktinformation: Jean B. Farkas ist Informationsdesignerin mit mehr als 25 Jahren Erfahrung in Print- und Online-Veröffentlichungen. Sie hat sechs Jahre die Entwicklung der Hilfesysteme von Microsoft geleitet. Nun entwickelt sie Websites für Firmen und gemeinnützige Organisationen. Zur Zeit arbeitet sie mit David Farkas an einem Buch über Website-Design. Kontaktinformation: - 5 -