Eine der wichtigsten Aufgaben auf Ihrem Teller als Webdesigner ist die Benutzerfreundlichkeit. Usability ist definiert als ein Maß für die Qualität der Benutzererfahrung bei der Interaktion mit Ihrer Website. Jede Website, die Sie entwerfen, sollte immer vom Standpunkt des Benutzers aus nahtlos sein. Sie sollten feststellen, dass Ihre Website leicht zu navigieren ist, ohne zuvor ein spezielles Training durchlaufen zu müssen. Usability basiert normalerweise auf mehreren verschiedenen Faktoren.
Eine Person, die durch Ihre Site schaut, möchte, dass ihre Lernfähigkeit erstklassig ist. Sie werden die Benutzeroberfläche schnell erlernen wollen, damit sie direkt in grundlegende Navigationsaufgaben einsteigen können. Die Effizienz der Nutzung ist ein weiterer Faktor: Nachdem sie gelernt haben, auf Ihrer Website zu navigieren, wollen sie Aufgaben schnell erledigen. Selbst wenn der Benutzer die Site zuvor bereits verwendet hat, muss er sich leicht genug an den Prozess erinnern, um die Site beim nächsten Mal effektiv nutzen zu können. Dies wird Erinnerungsfähigkeit genannt. Wenn sie Ihre Website verwenden, können einige Fehler auftreten, aber sind diese Fehler häufig oder schwerwiegend? Ist die subjektive Zufriedenheit des Nutzers nach Abschluss der Website hoch oder niedrig? Sie hätten gerne Ihre Website verwendet.
Natürlich können Sie nicht alle Besucher der Site zufriedenstellen, aber einige Standards sind üblich, um eine gute Benutzerfreundlichkeit sicherzustellen. Was mittelmäßige Webdesigner für selbstverständlich halten, sollten Sie nicht tun. Hier finden Sie eine Zusammenfassung der drei wichtigsten Usability-Fehler, die Webdesigner um jeden Preis vermeiden sollten.
Ihre Website wird voller Hyperlinks sein, die eindeutig zum Anklicken gedacht sind. Stellen Sie also sicher, dass sie groß genug sind, um leicht angeklickt werden zu können. So einfach ist das. Andernfalls werden Ihre Hyperlinks nicht gut angenommen. Die Handbewegungen eines Benutzers an der Maus sind nicht von vornherein präzise. Machen Sie also keine anklickbaren Bereiche so klein, dass der Benutzer eine Kombination aus Finesse und Strategie verwenden muss, nur um Ihre winzigen Hyperlinks anklicken zu können.
Auf der anderen Seite macht es ein größerer, einfacher anklickbarer Bereich so bequemer, den Mauszeiger über beliebige Links zu bewegen. Um den anklickbaren Bereich größer zu machen, vergrößern Sie einfach den gesamten Link oder verbessern Sie die Umrandung des Links. Sie können dies tun, indem Sie die CSS-Padding-Eigenschaft verwenden.
Sieh dir das gut an Beispiel von einem schrecklich kleinen anklickbaren Bereich. Es ist von der "Hacker News" -Seite einer Website namens Y Combinator, die Startkapital für Startups bietet. Beachten Sie, wie die Kommentare und Benutzerlinks so erschreckend klein sind. Du wirst Glück haben, wenn du nach mehrmaligem Üben endlich klickst.
Paginierung ist großartig, wenn es für den richtigen Zweck im Webdesign verwendet wird. Bei richtiger Verwendung ist die Paginierung eine willkommene Funktion, da sie das Layout einer Site komfortabler und einfacher zu verarbeiten macht. Es wird hauptsächlich verwendet, um Inhalte in verschiedene Seiten zu teilen. Diese Funktion wird normalerweise auf Websites mit langen Listen von Elementen angezeigt.
Die Seitennummerierung kann jedoch auch missbraucht werden, was zur Unannehmlichkeit der Benutzerfreundlichkeit beiträgt. Einige Seiten missbrauchen die Seitennummerierung, um grundlegende Inhaltsseiten in mehrere Seiten zu unterteilen, und dahinter steckt auch ein Hintergedanken. Die Websites, die dies tun, versuchen höchstwahrscheinlich, ihre Seitenaufrufe zu erhöhen, schlicht und einfach. Viele Onlinemagazine und -blogs erzielen ihre Einnahmen durch Werbung. Wenn sie also mehr Seitenaufrufe erhalten, erhöht sich ihre Anzeigestatistik und sie können mehr für Anzeigen verlangen.
Schau dir das an Missbrauch der Seitennummerierung, die wir von Wired Magazine erhalten. Beachten Sie, dass der Artikel auf Googles buntem Logo in acht Seiten unterteilt ist, wenn alle acht Seiten leicht zu einer Webseite zusammengefasst werden könnten. Selbst dann hätte dieser längere Artikel nicht dazu geführt, dass die Seite beim Laden und Verarbeiten langsamer wurde. Beachten Sie auch, wie erschwerend es ist, mehrmals zu klicken, nur um den Artikel zu lesen.
Darüber hinaus kann dieser Missbrauch der Seitenumbruch in Bezug auf SEO schädlich sein; Wenn Sie Inhalte auf Ihrer Website in mehrere Seiten aufteilen, verdünnen Sie Ihre Inhalte. Dies hat zur Folge, dass die Anzahl relevanter Keywords zum Thema auf jeder Webseite reduziert wird, was bedeutet, dass jede Seite alleine weniger Sinn macht. Als Ergebnis können die Suchmaschinen nicht richtig interpretieren, worum es auf jeder Seite geht, was sich negativ auf die Suchmaschinen-Rankings des Artikels auswirkt.
Inhalt, der für Website-Benutzer schwer zu scannen ist, ist normalerweise Inhalt, der an fehlerhafter Kopie leidet. Kopieren ist der Textinhalt, mit dem Sie Ihre Website gefüllt haben, und ist absolut unerlässlich, um die Benutzerfreundlichkeit Ihrer Website zu verbessern. Bevor Sie sich jedoch Gedanken über gute Kopien machen, müssen Sie die Verhaltensweisen der Site-Benutzer genau verstehen. Websitebesucher neigen dazu, nicht alle Informationen auf einer Webseite von oben nach unten zu lesen, wie Sie es vielleicht erwarten.
In Wirklichkeit absorbieren Website-Benutzer Informationen, indem sie einfach von einem Inhaltsteil zum nächsten springen, im Wesentlichen von dem, was bei ihnen auf der Webseite erscheint. Sie können der Tatsache danken, dass das Internet Menschen mit Informationen für dieses frenetische Web-Viewing-Verhalten bombardiert. Die Augen der Nutzer wandern im Grunde von einem interessanten Abschnitt einer Webseite zu einem anderen, was bedeutet, dass Sie, als der vollendete Webdesigner, Ihre Seiten so strukturieren müssen, dass sie diesem hektischen Verhalten Rechnung tragen.
Stellen Sie zunächst sicher, dass Ihre Website nur einige wenige klare Punkte enthält. Diese fungieren als Abschnitte Ihrer Seite, die die Aufmerksamkeit der Besucher erregen. Sie können Erfolg haben, indem Sie größere Schriftarten sowie kontrastreiche Farben hinzufügen. Für zusätzliche visuelle Attraktivität enthalten auch Bilder wie Symbole direkt neben dem Text.
Zweitens sollte jeder Fokuspunkt idealerweise eine beschreibende Überschrift aufweisen. Ohne fortfahren, die Kopie weiter zu lesen, sollte ein Benutzer sofort verstehen, was dieser Abschnitt des Inhalts abdecken wird. Machen Sie Ihre Überschriften niemals kryptisch oder unklar, um die Leser einzubeziehen. Machen Sie die Überschriften kurz, aber präzise.
Schließlich muss jeder zusätzliche Text prägnant und leicht zu verarbeiten sein. Bieten Sie nur die Grundlagen an und schließen Sie alles andere aus. In vielen Fällen subtrahiert zusätzlicher Text, den Texter zur Klärung eines Punktes verwenden, tatsächlich von der Lesbarkeit des Textes. Es gibt eine Tendenz für viele Menschen, nur kleine Textschnipsel zu lesen und dabei längere Absätze zu vermeiden, also schneiden Sie das Fett ab.
Werfen wir einen kurzen Blick auf a Website das organisiert seine Kopie gut. Dies ist Cultured Code Things App für den Mac. Sie werden feststellen, dass auf den ersten Blick die Punkte des Fokus, die der Screenshot und die riesige Überschrift "Dinge" sind, sehr offensichtlich sind. Die Kopie der verschiedenen Funktionen der App, von der Sie mehr sehen können, wenn Sie die Seite herunterscrollen, ist ebenfalls sehr kurz und auf den Punkt bezogen, wobei Sie nur einen kurzen Absatz oder zwei aufgreifen, um eine kurze Beschreibung der jeweiligen Funktion zu geben.
Gute Usability beinhaltet so viele verschiedene Faktoren, dass sie manchmal ein wenig schwer zu verfolgen sind. Bei der Benutzerfreundlichkeit dreht sich alles um den Endbenutzer und darum, wie er sich beim Navigieren und Scannen durch Ihre Website fühlt. Versetzen Sie sich in Ihre Schuhe, während Sie Ihre Website gestalten. Können sie Ihre Website mit Leichtigkeit umgehen? Werden sie sich leicht merken, was zu tun ist und wohin sie das nächste Mal gehen, wenn sie Ihre Website besuchen? Werden sie ihre Erfahrung beim Surfen auf Ihrer Website genießen? All diese Fragen sollten bei der Gestaltung Ihrer Website im Vordergrund stehen.
Gute Usability hat auch praktische Vorteile. Je effizienter ein Nutzer auf Ihrer Website navigieren kann, desto mehr werden Sie zurückkommen. Sie erzählen auch ihren Freunden, ihrer Mutter, ihren Kollegen ... Sie bekommen das Bild. Sie werden kommen und Ihre Website besuchen. Als Ergebnis erhalten Sie mehr Seitenaufrufe, mehr Leser und hoffentlich eine treue Fangemeinde. Dies bedeutet, dass Sie Ihre Website monetarisieren und mehr für Anzeigen auf der Website berechnen können. Kümmere dich um die Benutzerfreundlichkeit und du wirst die Belohnungen in vielerlei Hinsicht ernten.
Welche Usability-Fehler würden Sie hinzufügen? Was ist der schlechteste Usability-Fehler, den Designer häufig machen? Lass uns deine Gedanken in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, Fehlerbild über Shutterstock.