Boost your Usability: 6 Tipps

Nutzen Sie die Seh- und Benutzungsgewohnheiten Ihrer Besucher und vereinfachen Sie dadurch deren Besuch. Ungeohnte Anordnungen oder ganz ausgefallene Designs verwirren häufig und schrecken dadurch ab. Den Eindruck den die Webseitenbesucher bekommen (Kompliziert, Umständlich, Anstrengend) wird unterbewusst oft auf den Anbieter, also auf Sie, übertragen.

1. Logo oben links oder mittig
   Ihr Firmenlogo sollte oben links oder oben in der Mitte positioniert sein. Oft reichen schon kleine Größen um das Logo zu erkennen - es ist nicht das wichtigste Element auf Ihrer Seite. Allerdings hat sich eingebürgert, dass man mit einem Klick auf Ihr Logo zur Startseite Ihrer Webseite zurückkommt.
2. Menü horizontal oder links
   Ihr Menü platzieren Sie idealerweise horizonal direkt unter dem Logo oder unter einem Titelbild. Alternativ dazu in der linken Spalte ganz oben. Gerade auf mobilen Endgeräten hat sich auch der Einsatz eines Icons (drei waagerechte Striche untereinander, das sogenannte Hamburger-Menü) eingebürgert. Erst durch einen Klick erscheint dann das tatsächliche Menü.
3. Suche oben mittig oder oben rechts
   Auch die Suche ist ein Element, dass von Benutzern häufig oben erwartet wird - am ehesten rechts oder in der Mitte. Das Lupe-Icon hat sich hier durchgesetzt, um die Funktion schnell und einfach zu erklären.
4. Fußbereich mit Impressum und Datenschutz
   Impressum und Datenschutzerklärung erwartet man hingegen zumeist am Seitenende, im Fußbereich oder Footer genannt. Achten Sie darauf, dass die Links nicht durch ein Cookie-Banner oder ähnliches verdeckt werden.

Neben der optischen Struktur, dem Webdesign, besitzt eine Webseite auch eine inhaltliche Struktur:
Dazu zählt die Organisation der einzelnen Seiten, der Gruppierung in Seitenbäume/ Menüpunkte genauso wie die inhaltliche Sturktur auf einer Seite.

1. Use Cases
   Verschiedene Besucher / Buyer Personas / Zielgruppen besuchen Ihre Webseite mit unterschiedlichen Bedürfnissen. Greifen Sie die jeweilige Suchintention auf und leiten Sie ihre Besucher möglichst direkt an deren Ziel. So könnten Sie Ihr Angebot auf der Webseite bspw. in einen Bereich für Privatkunden und einen für Geschäftskunden aufteilen, oder sie bieten als Hotel die Auswahl zwischen Urlaub machen und auf Geschäftsreise sein.
2. Klickpfad / Brot-Krumen-Navigation
   Im oberen Seitenbereich hat sich neben der eigentlichen Navigation noch ein weiteres, sehr hilfreiches Navigationselement eingebürgert: der Klickpfad. Er zeigt die einzelnen Seiten/ Ebenen an, die man von der Startseite zur aktuellen Seite durchlaufen hat. Somit können sich Besucher - auch wenn sie über eine Suchmaschinen oder einen direkten Link auf einer Unterseite eingestiegen sind - sehr einfach innerhalb Ihrer Seite orientieren.
3. 7+/-2 Regel für Menüebene
   Zu viele Optionen in einem Menü sind unübersichtlich und verwirren. Als Standard hat sich die 7+/-2 Regel etabliert. Ihr Menü sollte also zwischen 5 und 9 Einträgen besitzen um möglichst optimal erfasst zu werden. Haben wie weniger Optionen, benötigen Sie im Zweifelsfall zu viele Hierarchieebenen, dies bedeutet mehr Klicks und eine schwierigere Orientierung.
4. Zeige immer einen Weg, wie es weiter geht
   Beenden Sie eine Seite nie, ohne dem Besucher mindestens zwei Möglihckeiten aufzuzeigen wie er seinen Besch fortsetzen kann. Dies können beispielsweise Links zu passenden Blogbeiträgen, Artikeln oder News sein, Links zu passenden Angeboten, eine Newsletter-Anmeldung oder zu einem Lead-Magneten (Download gegen E-Mail-Adresse).

1. Lesbarkeit
   Mit einer klassischen, gut lesbaren Schriftart erleichtern Sie Ihren Besuchern das lesen Ihrer Texte deutlich. Einfach lesen, heißt schnell lesen und nicht die Lust zu verlieren.
2. Schriftgröße
   Genauso wichtig wie die Schriftart selbst, ist auch deren Größe. Empfohlen wird eine Schriftgröße von mindestens 16px im Fließtext. Alles darunte rist nicht mehr auf jedem Monitor ohne Anstrengungen zu lesen. Je nach Zielgruppe können diese Werte natürlich angepasst werden - schreiben Sie explizit für eine Ältere, tendentiell sehschwächere Gruppe kann eine deutlich größere Schriftgröße im Fließtext Sinn machen.
3. Kontrast
   Schriftfarbe und die Farbe des Hintergrundes sollen einen möglichst großen Kontrast bilden. Denken Sie dabei auch an Personen mit Sehschwächen und Fehlsichtigkeiten (bspw. Rot-Grün-Schwäche).
4. kurze Sätze
   Schreiben Sie kurz und prägnant. Lange, komplizierte Schachtelsätze lassen sie nicht kompetenter erscheinen, im Gegenteil (so haben Umfragen ergeben). Nur wenn Ihre Besucher sie verstehen, können Sie sich von Ihrer Kompetenz überzeugen und zu Ihnen Vertrauen gewinnen.
5. max. Zeilenlänge
   Achten Sie - besonders bei großen Monitoren - auf die maximale Zeilenlänge. Diese sollte inklusive Leerzeichen nicht mehr als 85 Zeichen betragen. Nur dann fällt es dem Auge leicht, schnell an den Anfang der nächsten Zeile zu springen ohne die Orientierung im Text zu verlieren.
6. Gliederung und Strukturierung
   Schaffen Sie Übersicht und Orientierung in einem langen Text. Greifen Sie auf Zwischenüberschriftne, Aufzählungen, Hervorhebungen, Einrückungen, Infoboxen, Zitate und ähnliches Zurück. Manchmal kann es auch hilfreich sein, längere Texte beispielsweise in einem Accordion oder in Tabs aufzuteilen. 
   Tipp: Unterstreichungen sind für Links reserviert und sollten nicht als Hervorhebung verwendet werden.