Immer wieder kommt einem das Schlagwort Konventionen unter, wenn
man über das Thema Usability von Websites spricht oder liest. Am Beispiel
des Links werden wir Ihnen erklären, warum Konventionen im Webdesign so wichtig
sind.
Zuerst betrachten wir einmal die Anatomie eines Links, also dessen Aufbau:
Link = Oberfläche + Funktion + Ergebnis
Es gibt die verschiedensten Arten von Links, diese unterscheiden sich durch ihren
Aufbau. Jede Link-Art löst bei den Usern gewisse spezifische Erwartungen
aus und so entstehen Konventionen. Die User wissen also, was sie von einer bestimmten
Link-Art erwarten können, da sie durch das Benutzen von Websites, unbewußt
gelernt haben, was die einzelnen Link-Arten bedeuten.
Wird eine Linkart falsch angewendet, bricht man also eine, der im Web entstandenen
Konventionen und dies läßt bei den Usern Verwirrung entstehen.
Betrachten wir die drei Elemente, aus denen ein Link besteht, etwas näher.
Die Oberfläche - Dies ist der sichtbare Teil eines Links, also das,
was der User auf dem Bildschirm sieht und als Link erkennt (oder bei schlechten
Links, auch nicht als Link erkennt). In den meisten Fällen besteht die Oberfläche
aus einem Bild oder Text, es gibt jedoch auch andere Möglichkeiten, wie Image-Maps,
unsichtbare GIFs oder DIVs und ähnliches, die zur Oberfläche gehören
können.
Die Gestaltung und Position der Oberfläche, wecken im User die Erwartung
auf ein bestimmtes Ergebnis. Eine Oberfläche, in Bezug auf eine bestimmte
Link-Art, ist dann gut, wenn des erwartete Ergebnis jedes Users, mit dem tatsächlichen
Ergebnis überein stimmt.
Die Funktion - Durch anklicken der Oberfläche eines Links wird ein
betimmtes Ergebnis ausgelöst, dies bezeichnen wir als Funktion. Wenn ein
Link nicht richtig oder gar nicht funktioniert, ist es defekt: 404 Error Seite
nicht gefunden, eine falsche Seite wird geladen, ...
Defekte Links stören die Usability einer Website sehr, da im User sofort
die Frage entsteht, welche Links noch veraltet und defekt sind. Sein Vertrauen
in die Website wurde beeinträchtigt und damit verkürzt sich in der Regel
seine Aufenthaltsdauer.
Das Ergebnis - Meistens ist das Ergebnis für den User sichtbar, eine
Website wird geladen, ein Download beginnt, eine Installation wird gestartet oder
ähnliches. Für eine benutzerfreundliche Website bedeutet dies immer,
dass die User das richtige Ergebnis kennen und erkennen sollen, bevor sie noch
auf die Oberfläche klicken.
Die User erkennen welches Ergebnis hinter einer Oberfläche steckt, durch
dessen Gestaltung und Positionierung. Das kennen bestimmter Ergebnisse und deren
Verbindung zu bestimmten Link-Arten, bilden die Konventionen in Bezug auf eben
dies Link-Arten.
Von Logos, Bannern, Downloads und Navigation
Die folgenden Beispiele zeigen Ihnen die Unterschiede der Link-Arten
und erlären, welche Erwartungen auf der Seite der User damit verbunden sind.
Firmenlogo Oberfläche: In 99,9% der Fälle ist die Oberfläche eines
Firmenlogos ein Bild, das eben dieses Firmenlogo zeigt. Eine wichtige Rolle spielt
jedoch auch die Positionierung, durch die eine Verwechslung mit anderen Links,
die als Oberfläche ähnlich wirkende Bilder verwenden, ausgeschlossen
wird. In den meisten Fällen wird es in der linken oberen Ecke platziert.
Ergebnis: Hier finden wir eine klassische Konvention. Durch einen Klick
auf das Firmenlogo wird im selben Browser-Fenster die Homepage der Website geladen
werden, auf der man sich gerade befindet.
Erwartung: In der überwiegenden Zahl der Fälle will der User
seinen eingeschlagenen Pfad durch die Website beenden und sich entweder noch einmal
einen Überblick verschaffen und vielleicht einen neuen Pfad einschlagen oder
er kann sich an ein anderes Element auf der Homepage erinnern und möchte
diesen neuen Pfad einschlagen.
Banner Oberfläche: Abgesehen von exotischen Bannern, wie Flash- oder HTML-Bannern
abgesehen, findet man Bilder als Oberfläche. In vielen Fällen sind es
mehrere Bilder, die in einer Endlosschleife gezeigt werden (animierte GIFs).
Manche unseriösen Banner verwenden statische Bilder, die ein Kontrollelement
eines Betriebssystems imitieren und so die User dazu verleiten wollen, angeklickt
zu werden.
Ergebnis: Eine neue Website wird im selben oder einem neuen Browser-Fenster
geladen.
Erwartung: Da Banner Werbung darstellen, erwarten die User, zu einer Page
(Einzelseite) einer neuen Website zu kommen, die etwas mit demGewinnspiel, dem
Produkt oder der Dienstleistung, die im Banner angesprochen wurden, zu tun hat.
Die User erwarten, dass die neue Page im selben Browser-Fenster lädt.
Die Erfahrung hat den Usern gezeigt, dass es in diesem Fall passieren kann, dass
sich ein neues Fenster öffnet, indem die Page geladen wird. Auf die dadurch
entstehenden Usability-Probleme werden wir in diesem Artikel jedoch nicht näher
eingehen.
Downloads Oberfläche: Reiner HTML Text in der Farbe Blau, der außerdem
unterstirchen ist. Der Text oder ein begleitender Text, enthält das Wort
download und die Größe des, zum Download bereitgestellten Objektes,
sollte angegeben sein (in KB oder MB).
Ergebnis: Durch betätigen des Links wird ein Download-Prozess gestartet,
indem der User angibt wo das betreffende File gespeichert werden soll. In vielen
Fällen kann der Benutzer den Download mitverfolgen. Dieser Prozess hängt
von Betriebssystem und etwaiger Software ab, die der User verwendet. Der Prozess
ist dem User bekannt, solange es sich nicht um jemanden handelt der dies zum ersten
Mal tut.
Erwartung: Die User erwarten, dass sie durch einen Ihnen bekannten Prozess,
das angekündigte File, im angekündigten Dateiformat herunterladen und
auf ihrer Festplatte oder einem anderen Speichermedium speichern können.
Die User erwarten natürlich auch, dass dieses File nicht defekt ist. Es können
noch andere Erwartungen auf der Seite der User entstehen, die durch die Oberfläche
des Links oder das Umfeld der Website
Navigations-Elemente Oberfläche: Die Positionierung in einem als Navigationsbereich erkennbaren
Bereich und die Gruppierung mit anderen Links der selben Link-Art, spiele hier
eine sehr wichtige Rolle. Es kann sowohl reiner Text, als auch Bilder oder Elemente
wie Image-Maps für die Gesteltung der Oberfläche verwendet werden.
Ergebnis: Diese Links laden eine neue Navigations- oder Content-Page der
selben Website im selben Browser-Fenster.
Erwartung: Die User erwarten sich euf der selben Website zu bleiben und
sich näher an ein von ihnen verfolgtes Thema heran zu arbeiten und am Ende
des Pfades zu gesuchten Inhalt zu gelangen (Content-Page). Auch in diesem Fall
können andere Erwartungen vorhanden sein, die durch die Gestaltung der Oberfläche
oder das Umfeld der Website beeinflußt wurden.
Link-Arten und Usability
Wir haben gesehen, aus welchen Elementen ein Link besteht und
verschiedene Arten von Links kennen gelernt. Zu jeder Link-Art haben wir gesehen,
welche Erwartungen die User entwickeln.
Auf sehr vielen Websites werden die Konventionen der einzelnen Link-Arten missachtet
und die Benutzerfreundlichkeit dieser Sites wird dadurch gemindert. Neben den
oben beschriebenen Link-Arten, gibt es noch eine Menge weiterer und mit jeder
wächst das Risiko die User zu verwirren oder gar zu verärgern.
Haben Sie sich schon einmal beim Anblick eines Links gefragt, was sich wohl dahinter
verbirgt, weil sie keine Ahnung hatten was der Text oder das Bild bedeutet. In
diesen Fällen sind sie auf ein Link gestoßen, dessen Oberfläche
gar nichts über das Ergebnis kommuniziert, zumindest nichts allgemein verständliches.
Dies geschieht sehr oft, wenn Unternehmen ihre internen Begriffe und Strukturen
verwenden, um Produkte oder Dienstleistungen im Web zu präsentieren. Neben
schlechten Links handelt es sich in diesen Fällen jedoch um eine schlechte
Informations Architektur auf der Website.
Durch die heuristische Evaluation, bei der sich ein Experte eine Website Page
für Page ansieht und analysiert, können viele dieser und anderer Probleme
gefunden werden. Jede Website bildet jedoch ein einzigartiges Umfeld für
die in ihr enthaltenen Link-Arten und einzelnen Links, das sich wiederum auf die
Erwartungen der User auswirken kann. Durch Usability Tests (Testpersonen werden
bei der Verwendung der Website beobachtet, befragt, und analysiert) können
die Website spezifischen Erwartungen eruiert, Probleme gefunden und Lösungswege
ermittelt werden.
Als einfache Hilfe, sollten sie sich folgenden Satz merken, wenn es um das Design
einer Website geht: Der User muss immer wissen, was ihn am anderen Ende des Links erwartet.
Für Fragen stehen wir Ihnen, wie immer, gerne zur Verfügung: markus.zadina@zmg.at
