Whitepaper zur Web-Usability

WHITEPAPER Web-Usability Wer liefert was? GmbH Markus Mattscheck INHALT —————————————————————————— 1. Einleitung 3 —————————————————————————— 2. Die wichtigsten Regeln 4 —————————————————————————— 2.1. Schrift und Design 4 —————————————————————————— 2.2. Navigation und Verlinkungen 5 —————————————————————————— 2.3. Ihre Startseite, die Homepage 6 —————————————————————————— 2.4. Dialogmöglichkeiten 6 —————————————————————————— 2.5. Servicefunktionen 7 —————————————————————————— 3. Die häufigsten Fehler 8 —————————————————————————— 4. Testmethoden 9 —————————————————————————— 5. Webcontrolling zur Messung der Web-Usability 11 —————————————————————————— 6. Suchmaschinenoptimierung 13 —————————————————————————— 7. Newsletter und Ratgeber 14 —————————————————————————— 8. Über die Wer liefert was? GmbH 15 —————————————————————————— WHITEPAPER, Web-Usability, Wer liefert was? GmbH 2 1. Kurze Einleitung Mit Hilfe von Werbung leiten Sie Interessenten auf Ihre Website, doch wenn die Website zu komplex ist und die Besucher überfordert, verschwinden diese schnell wieder. Durch die Nutzerfreundlichkeit, der so genannten Usability, vermeiden Sie das. Viele Besucher und eine hohe Klickrate auf Ihrer Website sind erst dann als Erfolg zu bewerten, wenn sie letztlich auch zum Geschäftsabschluss führen. Über Erfolg und Misserfolg bei der Kundenansprache entscheiden Aufbau, Gestaltung, Inhalte und die Nutzerfreundlichkeit (engl. Usability) Ihrer Unternehmenswebsite. Usability ist eine Wortzusammensetzung von use (dt. benutzen) und ability (dt. Fähigkeit). Sie drückt aus, wie effektiv und effizient ein Produkt ist oder wie bedienerfreundlich Websites, Software oder interaktive Systeme sind. Bei der Nutzerfreundlichkeit von Websites spricht man von Web-Usability. Ziel ist es hierbei, die Nutzung für die Besucher so einfach wie möglich zu machen und für eine intuitive Nutzung mit guter Web-Usability zu sorgen. Aktuelle Studien zeigen, dass die Nutzerfreundlichkeit einer Website maßgeblich zu ihrem unternehmerischen Erfolg beiträgt. Jeder zweite Internetnutzer entscheidet demnach nach maximal acht Sekunden, ob er eine aufgerufene Internetseite verlässt oder sich weiter informiert. Sie sollten Vorteile und Mehrwerte Ihres Unternehmens, Ihrer Produkte oder Dienstleistungen klar kommunizieren und fortlaufend prüfen, ob die enthaltenen Informationen ausreichen, um den Besucher aus Ihrer Zielgruppe direkt von Ihrem Angebot zu überzeugen. Die Website müssen Sie dafür an die Erwartungen und Bedürfnisse des Besuchers anpassen und ihm möglichst direkte Handlungs- anweisungen geben. Ein weiterer zentraler Erfolgsfaktor ist die transparente Navigation auf Ihrer Website. Nur auf übersichtlich gestalteten und strukturierten Websites findet der Besucher schnell und ohne Umwege die entsprechenden Informationen und Angebote – und bricht nicht vor der von Ihnen gewünschten Angebotsanfrage, der Teilnahme an einem Gewinnspiel oder der Bestellung in einem Online-Shop ab. WHITEPAPER, Web-Usability, Wer liefert was? GmbH 3 2. Die wichtigsten Regeln für Web-Usability Wie sollte Ihre Website gestaltet sein, damit Interessenten zu Kunden werden? Zentrale Elemente sind Design, Navigation und Inhalt. Führen Sie Ihre Besucher erfolgreich ans Ziel. Design, Navigation und Inhalt nehmen Einfluss darauf, ob ein Besucher sein Ziel erreicht. Beachten Sie beim Umgang mit diesen Elementen wichtige Regeln. So führen Sie Ihre Besucher erfolgreich ans Ziel. 2.1. Schrift und Design Jede Seite sollte einen eindeutigen Titel haben. Nutzen Sie informative Überschriften bei längeren Texten. Viele Internetnutzer überfliegen eine Webseite nur und orientieren sich an den Überschriften oder Verlinkungen, um relevante Inhalte zu finden. Verwenden Sie eine ausreichende Schriftgröße und einen entsprechenden Zeilenabstand, um die Leserlichkeit zu gewährleisten. Achten Sie auf einen angemessenen Kontrast zwischen Text, Vorder- und Hintergrund. Das Seitenlayout sollte sich der Größe des Browserfensters anpassen. Nutzen Sie nur dann Flash, wenn Sie zusätzliche Mittel und Funktionen anbieten wollen, die über klassische Programmierumgebungen (HTML, PHP etc.) nicht erstellt werden können. Vermeiden Sie das Überformatieren von wichtigem Inhalt, wie zum Beispiel den Navigationsbereichen. Auf übersichtlichen Seiten ist das nicht nötig und spart Platz. Fotos und Grafiken sollten zum Thema der jeweiligen Webseite passen. WHITEPAPER, Web-Usability, Wer liefert was? GmbH 4 2.2. Navigation und Verlinkungen Die Navigation sollte einfach und verständlich sein. Die Hauptnavigation erfolgt mit zentralen Begriffen. Finden Sie prägnante und aussagekräftige Schlagworte, um Ihr Informationsangebot zu präsentieren. Ein Link-Pfad (engl. breadcrumb navigation) informiert den Besucher jederzeit, in welchem Bereich der Website er sich befindet und erleichtert ihm die Navigation. Beispiel: Startseite > Produkte > Beispielprodukt > Beispielproduktdetails Fassen Sie alle Informationen zu Ihrer Firma in einem Bereich (zum Beispiel „Über uns“ oder „Das Unternehmen“) zusammen. In diesem Bereich erwarten die Besucher eine Unternehmensbeschreibung, Ansprechpartner mit Kontaktinformationen, Jobangebote, Presseinformationen etc. Arbeiten Sie mit Untermenüs, die sich erst zeigen, wenn der gewünschte Hauptbereich aufgerufen wird. Verlinkungen sollten eindeutig als solche erkennbar sein. Unterstrichene Texte erkennen Internetnutzer sofort als Verlinkung. Nutzen Sie beschreibenden Text, bestehend aus einem Begriff oder wenigen Worten, zum Verlinken. Testen Sie regelmäßig, ob alle Verlinkungen funktionieren. Kennzeichnen Sie bereits besuchte Links, zum Beispiel mit einer anderen Farbe. Kennzeichnen Sie Links auf externe Seiten sowie Downloadlinks. Legen Sie fest, in welchen Fällen ein neues Browserfenster geöffnet wird. Verlinkungen, die zu einer Webseite innerhalb Ihrer Website führen, sollten immer im selben Browserfenster geöffnet werden. Verlinkungen, die von Ihrer Website wegführen, sollten immer in einem neuen Browserfenster geöffnet werden. WHITEPAPER, Web-Usability, Wer liefert was? GmbH 5 2.3. Ihre Startseite, die Homepage: Erklären Sie in einem Satz, was ihr Unternehmen macht und erklären Sie es so, dass es jeder versteht. Ihre Homepage liefert die zentrale Orientierung und sollte mit einem Klick von jeder Unterseite aus erreichbar sein. Dazu eignet sich Ihr Firmenlogo. Internetnutzer haben gelernt, dass sich hinter dem Firmenlogo häufig eine Verlinkung zur Startseite verbirgt. Ein kleiner unterstrichener Text mit „Home“ unter dem Logo macht die Verlinkung zur Homepage noch deutlicher. 2.4. Dialogmöglichkeiten Erstellen Sie eine Kontaktseite und verstecken Sie Ihre Telefonnummer, E-Mail- Adresse und Anschrift nicht im Impressum. Platzieren Sie einen Link zur Kontaktseite auf jeder Unterseite Ihres Internetauftritts. Veröffentlichen Sie Ihre Geschäftszeiten, damit Interessenten nicht auf Ihren Anrufbeantworter sprechen müssen. Animieren Sie Besucher zu einer Anfrage, indem Sie die Unverbindlichkeit und den Nutzen für den Interessenten hervorheben. Wenn Interessenten oder Kunden persönlich zu Ihnen kommen, bieten Sie ihnen Anfahrtsskizzen und eine Wegbeschreibung auf Ihrer Website an. Je weniger Felder Sie in Online-Formularen verwenden, umso mehr Interessenten werden das Formular ausfüllen. Stellen Sie sicher, dass das erste Eingabefeld leicht auffindbar ist. Der Besucher sollte sofort mit dem Ausfüllen beginnen können. Stellen Sie sicher, dass Nutzer mit der Tabulatortaste ein Formular in der korrekten und logischen Reihenfolge ausfüllen können. WHITEPAPER, Web-Usability, Wer liefert was? GmbH 6 2.5. Servicefunktionen Manchmal kann eine Übersicht neu eingestellter Inhalte sehr sinnvoll sein. Bieten Sie bei komplexen und großen Websites eine Suchfunktion an. Eine Seitenübersicht (Sitemap) zeigt dem Besucher auf einen Blick die Struktur und die Inhalte Ihrer Website. Ein Glossar (A-Z) ist sinnvoll, wenn Sie auf Ihrer Website viele Fremdwörter oder Fachbegriffe nutzen. Ein Hilfebereich ist notwendig, wenn Sie auf Ihrer Website erklärungsbedürftige Services und Funktionen anbieten. In diesem Fall kann eine Liste von häufig gestellten Fragen (FAQ – frequently asked questions) ebenfalls sehr nützlich sein. Weitere Informationen und Tipps zur Web-Usability finden Sie in Jakobs Alertbox auf der Seite vom Institut für Software-Ergonomie und Usability. WHITEPAPER, Web-Usability, Wer liefert was? GmbH 7 3. Die häufigsten Web-Usability-Fehler Ist der Internetauftritt übersichtlich, können Besucher über ein fehlendes Inhaltsverzeichnis hinwegsehen. Aber wenn Ihre Website unübersichtlich ist, verlassen die meisten Besucher Ihre Website wieder. Der Usability-Experte Jakob Nielsen hat die häufigsten Fehler veröffentlicht.