10 Usability-Tipps für Webdesigner
Einfach gesagt, Benutzerfreundlichkeit macht Ihre Website einfach für Ihre Besucher, um die Informationen zu finden, die sie benötigen, wenn sie es brauchen .
Ein allgemeines Missverständnis über die Benutzerfreundlichkeit von Web-Unternehmen ist, dass Benutzerfreundlichkeit teuer ist. Ja, es gibt multinationale Unternehmen, die Tausende von Dollar für Usability-Tests und Forschung ausgeben, aber für ein alltägliches Unternehmen ist Usability ohne das Wissen von Usability-Experten oder ohne teures Equipment zum Testen erreichbar .
Webdesigner haben eine noch einfachere Aufgabe, nur durch das Lesen von Usability-Artikeln können sie ein ziemlich gutes Wissen über Usability-Grundlagen sammeln und wie man sie auf einer Website implementiert.
1. Fügen Sie eine Tagline hinzu
Ein Slogan ist ein Statement oder ein Motto, das die Philosophie eines Unternehmens oder in unserem Fall die Philosophie und Mission einer Firma repräsentiert. Es sollte das offensichtlichste Element auf der Titelseite einer Website sein und die Website in einem Satz deutlich beschreiben.
Statistiken zeigen, dass eine Website nur 8 Sekunden hat, um die Aufmerksamkeit eines Besuchers auf sich zu ziehen, um die Seite weiter zu durchsuchen. Ohne eine klare Überschrift wäre es für eine Website schwierig, die Besucher lange genug zu halten, um die inneren Seiten zu durchsuchen.
2. Implementieren Sie die Site-Suche
Wie bei Taglines ist die Site-Suche ein sehr wichtiges Element auf einer Website. Wenn Nutzer nach etwas suchen, suchen sie normalerweise nach einem Textfeld, in das sie ihren Suchbegriff eingeben können.
Gemäß Jacob Nielsens Web-Usability-Tipps, machen Sie diese Suchfeld 27 Zeichen breit , damit der Text deutlich sichtbar und einfach zu bedienen ist. Platzieren Sie das Suchtextfeld oben auf Ihrer Webseite , da Benutzer dazu neigen, eine Website nach dem F-Muster zu durchsuchen, also von oben links nach unten rechts.
Fügen Sie eine Suchschaltfläche hinzu und geben Sie den Suchtext eindeutig an. Verwenden Sie keinen Text wie " Los" oder "Senden" , da diese Ausdrücke die Besucher Ihrer Website in die Irre führen.
3. Verwenden Sie keine umfangreichen Grafiken
Die missbräuchliche Verwendung von Designelementen und Grafiken ist für eine Website immer schlecht, sie führen lediglich die Besucher der Website in die Irre. Nur Design, um die Webseite zu verbessern, nicht nur um sie zu dekorieren. Aus Sicht der Benutzerfreundlichkeit ist weniger immer mehr.
4. Verwenden Sie Site-Karten
Site Maps sind eine relativ neue Website-Funktion, die die Navigation der Webseiten und die Suchmaschinenoptimierung (SEO) verbessert. Site-Maps sind im Wesentlichen eine strukturelle Darstellung der Seiten und der Architektur einer Website. Es kann ein Dokument in einer beliebigen Form oder eine Webseite sein, die die Seiten auf einer Website auflistet, die typischerweise hierarchisch organisiert sind.
Kürzlich haben Suchmaschinen wie Google, Yahoo und MSN begonnen, ein Sitemap-Protokoll anzubieten , das der Site-Map-Seite einer Website ähnelt, aber die Daten sind im XML-Format organisiert. Es gibt Sitemap-XML-Generatoren, die diese Dokumente für eine bestimmte URL erstellen.
5. Brechen Sie den Arbeitsablauf nicht
Unter Workflow verstehen wir jede Operation, die ein Benutzer auf einer Website ausführt . Zum Beispiel das Ausfüllen eines Formulars, das Registrieren auf einer Website, das Durchsuchen von Kategorien, Archiven usw. Machen Sie diese Arbeitsabläufe nicht kaputt, lassen Sie den Benutzer Vorgänge abbrechen. Wenn der Benutzer den Vorgang nicht abbrechen darf, zwingen wir ihn, ihn zu beenden, auch wenn er dies nicht möchte.
Nicht jeder Vorgang auf einer Website ist für Benutzer offensichtlich, führen Sie sie durch den spezifischen Arbeitsablauf mithilfe von beschreibenden Tipps. (zB beim Ausfüllen eines Formulars). Javascript-Links unterbrechen normalerweise den Arbeitsablauf, daher ist es nicht empfehlenswert, sie auf Ihrer Website zu verwenden.
Ein weiterer Fehler ist nicht die Farbe der besuchten Links zu ändern , dies führt zu einem Bruch des Navigationsdesigns. Lassen Sie die Nutzer wissen, wo sie waren und wo sie sich auf einer Website befinden.
6. Erstellen Sie leicht scannbare Webseiten
Leicht zu lesende Webseiten spielen eine wichtige Rolle bei der Aufrechterhaltung der Treue der Besucher, halten sie auf Ihrer Website und lesen Ihre Inhalte. Usability-Tests zeigen, dass die Mehrheit der Nutzer keine Webseiten liest, sie scannt , nach Titeln, Fettdruck, hervorgehobenem Text oder Listen sucht.
Eye-Tracking-Studien von Jakob Nielsen zeigen, dass Benutzer Inhalte lesen, die einer F-Form ähneln. Das bedeutet, dass der Lesevorgang oben links auf der Webseite beginnt und sich dann von links wieder etwas nach unten bewegt.
Nielsen erklärt auch die Implikationen dieses Lesemusters:
- Benutzer werden den Inhalt einer Webseite nicht Wort für Wort lesen, sie werden wichtige Absätze, fett gedruckten Text, usw. extrahieren.
- Die ersten beiden Absätze sind auf einer Webseite wichtig. Diese müssen die wichtigsten Informationen enthalten, nach denen Ihre Besucher suchen.
- Unterüberschriften und Listen heben sich von den regulären Absätzen ab. Verwenden Sie diese Elemente, um Benutzer über wichtige Informationen zu informieren.
Eine wichtige Methode, die wir aus traditionellen gedruckten Zeitungen lernen können, ist, dass die Journalisten an eine eingängige Überschrift und einen eingängigen ersten Absatz denken, um den Lesern den ganzen Artikel vorzulesen. Sie organisieren den Inhalt in einem umgekehrten Pyramidenformat , stellen sich einfach eine umgekehrte Pyramide vor. Die breite Basis repräsentiert die wichtigste Information im gesamten Artikel und die schmale Spitze repräsentiert die am wenigsten wichtige Information.
Wir können dieses Format verwenden, um Web-Inhalte zu organisieren, indem wir die wichtigsten Teile oben und die unwichtigsten unten platzieren . Aber woher wissen wir, welche Informationen wichtig sind und welche nicht? Mit der Hilfe von Nachrichtenwerte .
7. Entwerfen Sie keine irreführenden UI-Steuerelemente
Unter Benutzeroberflächen-Steuerelementen (UI-Steuerelementen) verstehen wir Webseitenelemente, Komponenten und Widgets, mit denen ein Benutzer interagieren kann (z. B. eine Schaltfläche, eine Dropdown-Liste).
Entwerfen Sie keine grafischen Elemente, die wie eine Schaltfläche aussehen, aber nicht . Wir sehen oft Text, der unterstrichen ist und wie Links aussieht, aber nicht anklickbar ist.
Wenn sie nicht die Aktion haben, die die Benutzer erwartet haben, würden sie denken, dass die Seite kaputt ist und sie schließlich verlassen. Ein weiterer wichtiger Usability-Tipp bezüglich der UI-Steuerelemente ist die Konsistenz: Stellen Sie sicher, dass Ihre UI-Steuerelemente konsistent sind .
Yahoo Wie das obige Bild zeigt, ist dies ein gutes Beispiel für konsistentes UI Control Design. Jeder Tab auf der Seite sieht aus und verhält sich genauso, jeder Link ist unterstrichen, jeder Button sieht gleich aus, etc.
8. Geben Sie aussagekräftiges Feedback
Sinnvolles Feedback ist essentiell für eine Website. Dies ist der Kommunikationskanal zwischen der Website und den Benutzern. Mithilfe von Feedback teilen wir den Nutzern mit, was auf der Website passiert. Im Falle eines Fehlers auf Ihrer Webseite, drucken Sie nicht nur Fehler , sondern schreiben Sie sinnvolle Fehlermeldungen, die dem Benutzer sagen, was schief gelaufen ist und welche Aktionen er von dort aus ausführen kann.
Feedback funktioniert auf beide Arten . Wenn ein Benutzer ein Formular ausfüllt, erhalten Sie im Wesentlichen Feedback. Lassen Sie die Benutzer nicht zweimal dieselbe Information eingeben. Wenn sich beispielsweise ein Benutzer auf einer Website registriert hat und an einem bestimmten Punkt ein Formular ausfüllen muss, fragen Sie nicht nach seinem Namen oder anderen Informationen, die er bereits angegeben hat, da diese Details bereits in einer Datei oder Datenbank vorhanden sind. Indem wir diese Details automatisch abrufen, vereinfachen wir den gesamten Prozess.
9. Verwenden Sie Javascript nicht übermäßig
Mit dem Aufkommen von Javascript und der AJAX-Technik können Webdesigner und Entwickler reaktionsschnelle, transparente Websites erstellen, aber wie bei allen neuen Technologien entstehen auch Kosten. In unserem Fall sind Browserinkonsistenzen die Kosten. Nicht jeder Benutzer hat einen aktuellen Webbrowser. Sie haben möglicherweise auch Javascript nicht standardmäßig aktiviert.
Durch die umfangreiche Nutzung von Javascript auf einer Website blockieren wir diese Nutzer. Stattdessen verwenden unauffälliges Javascript und anmutige Degradierung .
10. Vermeiden Sie CAPTCHAs
CAPTCHA steht für Completely Automated Public Turing Test, um Computer und Menschen voneinander zu unterscheiden. Selbst der Name klingt komplex. Die allgemeinste Form von CAPTCHA ist Text, der in ein Bild eingebettet ist, und durch Testen von Besuchern können wir menschliche Benutzer von Spam-Bots trennen.
Das Problem mit CAPTCHAs ist, dass jede Form der menschlichen Verifikationsmethode einen komplexen Prozess in den Gehirnen der Benutzer auslöst (z. B. den verzerrten Text herausfinden, zwei Zahlen hinzufügen usw.).
Ein weiteres Problem bei CAPTCHAs sind die Inkonsistenzen in Bezug auf verschiedene Kulturen . Zum Beispiel chinesische Symbole, Ziffern unterscheiden sich von den meisten westlichen Buchstaben und arabischen Ziffern. Chinesen haben es viel schwerer, CAPTCHA-fähige Online-Formulare zu verwenden.
Zusammenfassung
- Fügen Sie immer einen Slogan ein, der das offensichtlichste Element auf einer Webseite sein sollte.
- Implementieren Sie eine 27 Zeichen lange Website-Suche und platzieren Sie sie oben auf Ihrer Website.
- Verwenden Sie keine umfangreichen Grafiken und Designelemente.
- Fügen Sie eine Sitemap-Seite hinzu und registrieren Sie ein Sitemap-XML-Dokument in Suchmaschinen.
- Brechen Sie den Workflow eines Benutzers nicht. Lassen Sie jede Aktion bei Bedarf abbrechen.
- Erstellen Sie leicht scanbaren Webinhalt und platzieren Sie die wichtigsten Informationen auf Ihrer Webseite.
- Entwerfen Sie keine grafischen Elemente, die wie eine Schaltfläche aussehen, aber nicht.
- Präsentieren Sie aussagekräftiges Feedback und vergessen Sie nicht, dass Feedback in beide Richtungen wirkt.
- Benutzen unauffälliges Javascript und anmutige Degradierung .
- Vermeiden Sie CAPTCHAs, verwenden Sie mehr verwendbar Methoden stattdessen.
Folgst du diesen Prinzipien? Bitte fügen Sie Ihr Feedback und zusätzliche Tipps unten hinzu.