Usability – Tipps für mehr Nutzerfreundlichkeit

Usability – Tipps für mehr Nutzerfreundlichkeit

alles-ueber-webdesignDesign und Inhalt einer Webseite miteinander zu vereinbaren, erfordert oft ein hohes Maß an Koordinationsfähigkeit, so dass Aspekte der Usability leider häufig auf der Strecke bleiben. Ist eine Webseite in ihrer Bedienbarkeit aber nicht sinnvoll durchdacht, werden die Besucher mit hoher Wahrscheinlichkeit das Weite suchen und nicht so schnell wieder zurückkommen. Außerdem sollten zum Zweck der Barrierefreiheit Webseiten für Blinde, Menschen mit Sehbehinderung und Menschen, die aus unterschiedlichen Gründen Probleme mit komplexem Satzbau oder Fremdwörtern haben, einfach zu bedienen sein.

Wie für vieles gibt es natürlich auch hierfür eine Norm: die DIN EN ISO 9241, welche aber – wie wir finden – nicht sehr usable ist. Darum möchten wir einige Grundsätze, die man unbedingt beachten sollte, im Folgenden genauer ausführen:

7 Usability-Tipps für Websites

Geht man von einigen Grundgedanken aus, ist es gar nicht so schwierig, die eigene Webseite nutzerfreundlich zu gestalten. Bereits auf den ersten Blick muss ein Besucher in der Lage sein, die einzelnen Funktionen auf einer Webseite zu erkennen. Auch in ihrer Funktionalität sollte eine Webseite keine Probleme verursachen. Sollten Fehler auftreten, muss der Nutzer an die Hand genommen und dabei unterstützt werden, an das gewünschte Ziel zu gelangen. An viele Gegebenheiten haben wir uns beim Surfen bereits gewöhnt, diese Gewohnheiten sollten unbedingt berücksichtigt werden. Gehen wir einmal Schritt für Schritt durch eine Website:

1) Das Design

-Auch wenn ein interessantes Design toll anzusehen ist, erwarten die meisten Nutzer eine Navigation am oberen Browserrand.
-Der aktuelle Trend der Infinite Scrolling-Webseiten ist nur dann leicht verständlich, wenn mit Hilfe eines bestenfalls fixierten Menüs automatisch zu den verschieden definierten Punkten gescrollt werden kann.
-Ton-in-Ton und pastellige Farben sind schwer zu unterscheiden. Eine klare Farbwahl sorgt auch für Klarheit auf der Seite.

2) Der Inhalt

-Informativ, leicht verständlich und übersichtlich sollte eine Seite sein. Steht unter einer Überschrift oder einem Seitentitel nicht das zuvor Angekündigte, wird die Website verlassen und an anderer Stelle weitergesucht.
-Texte sollten klar strukturiert sein und Überschriften (H1, H2, H3) und Absätze klar voneinander unterscheidbar machen. Bestimmte Bildschirmlesegeräte können alle Überschriften einer Website gefiltert wiedergeben, so, dass die Nutzer direkt zum gewünschten Punkt springen können. Erspart die Seite langes Suchen, ist sie benutzerfreundlich.

3) Verwendung und Kennzeichnung von Links

wer ein Logo anklickt, möchte zurück zur Startseite

-Links sollten nicht nur als solche erkennbar sein, sondern auch zum erwarteten Ziel führen.
-Ein Link mit dem Text „hier klicken“ ist nicht besonders informativ. Wie wär es mit „Anschaulich erklärte Tipps zur Usability von Webseiten finden Sie hier“.
-Niemals sollte Text farbig unterstrichen sein, wenn ein Klick darauf nicht zu einem neuen Ziel führt. Genauso sollte erkennbar sein, welche Links im Text bereits angeklickt worden sind und welche nicht.
-Ebenso erwarten heutzutage so gut wie alle Nutzer, dass das Klicken auf das Logo der Website zurück auf ihre Startseite führt.

ein Positivbeispiel für ein Kontaktformular auf einer Webseite

4) Anmelde-Formulare

-Sind wirklich alle abgefragten Informationen wichtig oder kann ich das ein oder andere Eingabefeld weglassen?
-Bei der Eingabe des Geburtsdatums in Formularen sollte das Format tt/mm/jjjj sofort erkennbar sein.
-Macht man einen Fehler, sollte das zu korrigierende Feld deutlich erkennbar sein. Zudem sollten unbedingt die Zwischenergebnisse gespeichert werden. Nichts ist ermüdender, als mehrere Male sämtliche Informationen erneut eingeben zu müssen, weil man zum Beispiel einen bereits vergebenen Usernamen gewählt hat.

5) Bilder

-Ein absolutes Muss ist es, Bilder mit einem beschreibenden alt-Text zu versehen, es sei denn, sie dienen lediglich zur Dekoration.
-Führt das Bild zu einem neuen Ziel, sollte eine Beschreibung des Links eingefügt werden.

6) Suchanfragen

-In Shops sollte Nutzern unbedingt die Möglichkeit eingeräumt werden, Suchergebnisse zu sortieren zum Beispiel nach Datum, Preis oder Beliebtheit.
-Ein Klick auf Thumbnails sollte diese im Großformat öffnen, damit sich die Ladezeit der Seite verkürzt und nur relevante Inhalte in voller Größe angezeigt werden.

fehlermeldung7) Fehlermeldungen

Eine Webseite sollte die Fehler des Nutzers erkennen. Bei falscher Eingabe  ist es daher sinnvoll, eine Fehlermeldung zu generieren, die den Nutzer darauf hinweist und bestenfalls auch wissen lässt, was schief gelaufen ist, um die Frustration gering zu halten.

 

Dies sind nur einige der häufig anzutreffenden Probleme. Die Liste ließe sich mit Sicherheit ins Unendliche erweitern.

The following two tabs change content below.

Albina

Hallo, mein Name ist Albina und ich war von September 2011 bis Anfang 2015 Teil der Klickkomplizen - anfänglich als Praktikantin, später als Werksstudentin. Was es bei mir zu lesen gibt? Alles rund um die Themen Online Marketing, Social Media und Webdesign.
Ein brandaktuelles Thema, das spaltet: #gendergerechteSprache. #Apple ist hier wieder Vorreiter und kündigt gendern… https://t.co/qO7uIoSRn0
Welche Möglichkeiten habe ich als #Unternehmen, auf #Snapchat zu werben und eine junge Zielgruppe zu erreichen?🤔In… https://t.co/ZG5yh9dnoo
Wie füge ich eine #Standorterweiterung bei #GoogleAds richtig ein? Wir haben eine kleine Anleitung für euch hier:😉 https://t.co/io4sZJdyzg
Wer ist schon bereit fürs #Wochenende? 😎☀️ https://t.co/aLw3kVlae6
Würdet ihr Geld für ein #Twitter Abo ausgeben?🤔 https://t.co/h8r0DrHc1K
Extrem hohe Klickraten auf eure #GoogleAds Anzeigen versprechen die neuen #Bilderweiterungen. Wir haben uns das mal… https://t.co/bvg3vCJ31M
#Haterkommentare auf #SocialMedia will niemand bekommen. Manchmal passiert es dann doch - aber wie sollte ich am be… https://t.co/TIZVilF4qy
Interessantes neues Feature!👀 https://t.co/AKuKQA57sn
Guten Morgen! Wer ist schon wach und produktiv unter euch?😄 https://t.co/hAE1or4C3l
Habt ihr schon mal einen unschönen Kommentar unter eurem Post bekommen? Wir haben 6 Tipps & Tricks für euch zusamme… https://t.co/wjma96E5ka
Weekend mode on! Wir verabschieden uns ins wohlverdiente #Wochenende.😊Seid ihr auch schon im #Feierabend?🤗 https://t.co/nyQ0SoPsDz
Der #Fachkräftemangel ist mittlerweile in unzähligen Branchen präsent.😐 Wie du trotz der schwierigen aktuellen Situ… https://t.co/UmNJj7Pbt1
Unsere liebe Tomke hat einen sehr interessanten Blogartikel geschrieben zum Thema "Wann soll ich auf Facebook/ Inst… https://t.co/iQPYIISBqT
Unser #LinkedIn Tipp: Teile und veröffentliche nicht einfach nur Beiträge, sondern fasse wichtige Punkte zusammen u… https://t.co/Zsxi1bgZjh
Datenschutz wird ein immer wichtigeres Thema: nachdem Apple vorgelegt hat, zieht jetzt auch Google nach. Dieser Asp… https://t.co/gKdD5L6RFx
Für die Grafiker:innen unter euch: schaut für Inspiration und Ideen doch gerne auf unserem letzten Blogartikel vorb… https://t.co/43OMa3RuCo
Wir wünschen euch einen erholsamen Feiertag!😀 #ChristiHimmelfahrt #feiertag #relaxen https://t.co/IyqftRHIxJ
Was wäre Social Media ohne eine Community? Richtig: nicht existent.😄 Deshalb gibt's von uns Tipps & Tricks wie ihr… https://t.co/K6ZPEd1uf5
Facebook bekommt einen neuen Look! Das neue Facebook-Seitendesign könnt ihr euch jetzt schon in unserem neuesten Bl… https://t.co/ZYdSYxkDVL
💡Auf Social Media geht es um Interaktion. Manchmal sind Kommentare zu Posts aber nicht gewünscht. Wie ihr die Komme… https://t.co/O6k1gZy4Lt