Damit Sie sich bei der Beurteilung von Webseiten nicht allein auf Ihr Bauchgefühl verlassen müssen, stellen wir Ihnen sieben Kriterien vor, mit deren Hilfe Sie die Qualität einer Webseite besser einschätzen können.
Inhalt: Was gibt es hier?
Gestaltung: Wie sieht es aus?
Navigation: Wie findet man sich zurecht?
Performance: Wie schnell wird die Seite geladen?
Zugänglichkeit: Kann Ihr Browser die Seite darstellen?
Quelltext: Entspricht der Quelltext modernen Standards?
Interaktion: Wird die Möglichkeit zur Interaktion adäquat umgesetzt?
Das Geheimnis liegt in der richtigen Mischung und wird am Ende dieses Beitrags gelüftet. Natürlich ist eine Website, die in allen sieben Fächern eine gute Note bekommt, fast zwangsläufig auch eine benutzerfreundliche Website. Websites werden schließlich für Benutzer gebaut – und nicht für Webdesigner oder deren Kunden.
1. Der Inhalt: Darum kommen die Besucher
Für viele Sitebetreiber ist der Inhalt bei der Erstellung der eigenen Webseiten das größte Problem und die Antwort auf die Frage: „Was soll ich auf die Seiten packen?“ eine der schwierigsten. Bei privaten Homepages resultiert ein Mangel an Inhalten oft in dem Satz „Willkommen auf meiner Homepage“ und einigen Katzenfotos, auf gewerblichen Websites in einer digitalen Kopie der Firmenbroschüre, die es vorher bereits offline gab.
Das Web ist multimedial und Inhalt kann in folgenden Varianten vorliegen:
Text
Bild
Audio
Video
Der Inhalt muss einem Besuch wert und aktuell sein.
Für eine Informations- oder Nachrichtenwebsite sind mit Fotos garnierte Textbeiträge der wichtigste Inhalt, für Amazon günstige Angebote und hilfreiche Empfehlungen und Rezensionen. Bei Flickr hingegen sind es sehenswerte Fotos und auf YouTube interessante Videos.
Guten Content zu erstellen kostet viel Zeit, Geld oder beides. Aber guter Inhalt ist wichtig – denn ohne brauchen Sie sich bei der Planung einer Website um die anderen sechs Kriterien eigentlich keine Gedanken mehr zu machen. Ohne guten Inhalt kommen wahrscheinlich sowieso keine Besucher oder klicken gleich weiter. Und dann ist es egal, ob die Site optisch toll aussieht oder die Navigation übersichtlich ist.
2. Die Gestaltung: So sieht’s aus
das Layout der Seiten, also die Anordnung der Inhalte.
das Farbschema.
die grafischen Elemente wie Logo und Fotos.
die Typographie.
Viele angehende Websitebetreiber kümmern sich anfangs fast nur um die optische Gestaltung Ihrer Site und vernachlässigen dabei Dinge wie Inhalt, Navigation oder Zugänglichkeit. Die grafische Gestaltung ist nicht unwichtig und bestimmt auch den ersten Eindruck, aber die Ästhetik wird bei Webseiten oft überschätzt. Das Auge isst zwar mit, wie man so schön sagt, aber Gestaltung ist kein Selbstzweck, denn es gilt immer noch der schöne Satz von Jens Grochtdreis: Webseiten sind keine Gemälde. Sie werden nicht betrachtet, sondern benutzt.
Weder mit Google noch mit Amazon oder eBay würden Sie einen gestalterischen Blumentopf gewinnen und doch gehören diese drei Sites zu den erfolgreichsten überhaupt. Sie haben guten Inhalt und die Gestaltung dient dazu, diesen möglichst effektiv zugänglich zu machen.
Amazon – nicht hübsch, aber sehr erfolgreich
Achten Sie bei Ihren Surftouren also darauf, was Ihnen optisch gefällt. Aber denken Sie daran, dass hübsch auszusehen nicht so wichtig ist wie guter Inhalt.
3. Die Navigation: Orientierung geben
Bei Ihren Besuchen in öffentlichen Gebäuden (und auf Websites) werden Sie wahrscheinlich festgestellt haben, dass diese Orientierung manchmal problemlos gelingt. Und manchmal eher nicht. In Gebäuden ist die Verteilung der Zimmernummern dann oft ähnlich undurchsichtig wie die Sitzplatznummerierung der Deutschen Bahn – und auf Websites suchen Sie vergeblich nach einem „Kontakt“.
Navigation heißt, den Besucher schnell und sicher an sein Ziel zu bringen. In einem öffentlichen Gebäude zum richtigen Zimmer, auf der Website zur richtigen Webseite.
Das Problem an der Sache ist natürlich, dass Sie im Voraus nicht wissen, was Ihre Besucher suchen: Der Besucher einer Website liest die Seiten nicht in einer vorgegebenen Reihenfolge, sondern springt mit Hilfe von Hyperlinks darin herum. Er kommt auch nicht immer über die Startseite, sondern landet zum Beispiel über eine Suchmaschine oft direkt auf einer Unterseite.
Die folgende Auflistung zeigt ein paar Charakteristika für eine gute Navigation:
Eine gute Navigation ist konsistent und intuitiv.
Eine gute Navigation erklärt sich selbst und muss nicht erlernt werden. Sie ist für den Besucher der Fixstern durch das Labyrinth der Webseiten. Position und Struktur sollten sich nicht ändern.Eine gute Navigation verwendet aussagekräftige Beschriftungen.
Je eindeutiger die Beschriftung ist, desto leichter findet sich der Besucher zurecht. Klassiker sind Startseite, Kontakt oder auch Über uns. Aber was verbirgt sich hinter Info?Eine gute Navigation zeigt dem Besucher, wo er gerade ist.
Ähnlich wie ein in der Stadt aufgestellter Stadtplan eine „Sie sind hier“ Markierung hat, sollte die Navigation dem Besucher signalisieren, wo er sich innerhalb der Site gerade befindet.Eine gute Navigation beachtet allgemeine Konventionen.
Stellen Sie sich vor, Sie warten vor einer Ampel, und die springt plötzlich auf Blau. Blaue Ampeln verwirren. Eine gute Navigation vermeidet blaue Ampeln. In unserem Kulturkreis wird von links nach rechts gelesen und die Hauptnavigation sitzt dementsprechend meist links oder oben.Eine gute Navigation bietet dem Besucher Alternativen.
In jedem Baumarkt können Sie beobachten, wie einige Besucher auf der Suche nach einem bestimmten Artikel stundenlang durch die Gänge irren, während andere direkt zum nächsten Mitarbeiter laufen und fragen. Erstere werden sich auf unbekannten Websites eher durchklicken, letztere gehen direkt zur Suchfunktion.
4. Die Performance: Die Entdeckung der Langsamkeit
Ein weiterer Faktor bei der Beurteilung einer Webseite ist die Performance, also die Schnelligkeit, mit der die Webseite geladen wird. Auch im Zeitalter von DSL ist die Ladezeit einer Webseite durchaus ein Thema:
Ich habe auch mit einer schnellen DSL-Anbindung beim Laden einer Webseite schon oft gedacht „Gute Güte, ist das laaaangsaaam!“. Hingegen hatte ich eigentlich noch nie das Gefühl „Nee, das war jetzt zu schnell“.
Die goldene Regel lautet, dass die Seite geladen sein muss, bevor der Besucher auf den Butten „Abbrechen“ in seinem Browser geklickt hat. Wie lange ein Besucher wartet, hängt allerdings von vielen Faktoren ab. Spiegel-Leser warten auf die Startseite von Spiegel Online länger als Otto Normalsurfer auf irgendeine unbekannte Seite, die sie über eine Suchmaschine gefunden und vorher noch nie gesehen haben.
Fazit: Achten Sie beim Surfen darauf, welche Seiten Sie als schnell empfinden und, noch wichtiger, welche als langsam.
5. Die Zugänglichkeit: „Wie Sie sehen, sehen Sie nichts“
Die Zugänglichkeit von Webseiten wird oft ignoriert, weil es etwas Vergleichbares für Papierseiten nicht gibt, aber sie ist wichtig. Webseiten bestehen aus Quelltext und dieser Quelltext wird vom Browser in den unterschiedlichsten Umgebungen in eine Webseite umgewandelt.
Versuchen Sie beim Surfen mal, solche Umgebungen zu simulieren. Sie können zum Beispiel:
… im Browser Grafiken deaktivieren;
… CSS und JavaScript ausstellen.
Auch ohne Grafiken, CSS oder JavaScript sollte der Inhalt der Webseite zugänglich bleiben.
Machen Sie beim Surfen einfach mal das Browserfenster kleiner, vergrößern Sie die Schrift (STRG + Rollrad) oder versuchen Sie, die Webseiten nur mit der Tastatur zu navigieren(mit der TAB-Taste, Shift + Tab und Enter). Zugängliche Webseiten passen sich möglichst flexibel an ihre Umgebung an.
Falls Sie Zugänglichkeit für Firlefanz halten, so nach dem Motto „Was glauben Sie denn, wie viele Autos wir mehr verkaufen, wenn unsere Website auch für Blinde zugänglich ist“, dann halten Sie sich vor Augen, dass der „behindertste“ Besucher, den Ihre Website jemals bekommen wird, der Suchmaschinenroboter von Google & Co ist: Er kann nicht lesen, nicht hören, nicht denken und nicht klicken. Er klappert nur URLs ab und sammelt Buchstaben und Grafiken.
Eine zugängliche Website ist nicht automatisch auch eine suchmaschinenfreundliche. Aber guter Inhalt und dessen Zugänglichkeit sind eine gute Voraussetzung für eine erfolgreiche Positionierung in den Ergebnislisten der Suchmaschinen.
Fazit: Achten Sie beim Surfen darauf, ob Sie bestimmte Inhalte nicht sehen können und versuchen Sie ruhig einmal, eine Site in verschiedenen Umgebungen zu betrachten.
6. Der Quelltext: Verborgene Qualitäten
Moderner Quelltext beruht auf der weitgehenden Trennung von Inhalt und Gestaltung, die mit Webstandards wie (X)HTML und CSS umgesetzt wird. Für Laien ist diese Tatsache etwas schwieriger zu überprüfen, da man beim Betrachten einer Webseite im Browser nicht erkennen kann, wie diese gebaut wurde. Das ist wie bei einem Haus: obwohl es von außen vielleicht noch gut aussieht, kann die Bausubstanz schon ziemlich hinüber sein.
Die Qualität des Quelltextes ist nur mit einem Blick unter die Motorhaube zu erkennen, aber Indizien für einen nicht wirklich zeitgemäßen Quelltext sind zum Beispiel:
Veraltete HTML-Elemente wie <font> zur Schriftgestaltung;
HTML-Tabellen (<table>, <tr>, <td> etc.) zum Layouten der Seite.
In beiden Fällen wird HTML zum Gestalten benutzt und dadurch die Trennung zwischen Inhalt und Gestaltung aufgehoben. HTML ist zum Ordnen da. Zum Gestalten von Webseiten gibt es CSS.
7. Die Interaktion: Mit den Besuchern kommunizieren
Das Web ist ein interaktives Medium und das Webpublishing hat sich in den letzten Jahren verändert. Achten Sie beim Surfen darauf, wie Webseiten diese Möglichkeiten integriert haben:
Suchfunktion und Kontaktformular gehören heute eigentlich zum Pflichtprogramm auch für eine kleinere Website.
Andere Möglichkeiten zur Interaktion wären Gästebuch, Forum, Kommentarmöglichkeiten und vieles mehr
Und letztlich gibt es die Integration von Social Media wie Twitter, Facebook oder Google+.
Zwei potentielle Nachteile für Sie als zukünftiger Websitebetreiber möchte ich dabei aber nicht verschweigen:
Interaktion beruht auf Programmierung, denn die vom Besucher eingegebenen Daten müssen immer von einer Webanwendung verarbeitet werden, was für Sie bei der Erstellung der Site einen größeren Aufwand bedeutet.
Nach der Inbetriebnahme einer Webanwendung verarbeitet diese die Daten zwar, aber Sie (oder jemand anders) müssen anschließend aktiv werden: Beantworten von Anfragen, Pflege der Daten, Wartung der Webanwendung usw.
Achten Sie beim Surfen darauf, welche interaktiven Features Ihnen gefallen und welche für Ihre Site eventuell von Belang sind.
Quelle: https://www.akademie.de/wissen/7-qualitaetskriterien-fuer-websites ; Peter Müller