18 Web-Usability-Prinzipien, die Sie kennen müssen

Sie können über die besten visuellen Designfähigkeiten der Welt verfügen, wenn Sie jedoch eine Site erstellen, die es den Besuchern nicht ermöglicht, bequem von Seite zu Seite oder von Element zu Element zu navigieren, dann haben Sie den Sinn einer guten Website verfehlt. Im heutigen Artikel erzähle ich Ihnen 18 Dinge, die Sie über die Gebote und Verbote der Web- Benutzerfreundlichkeit wissen müssen .

Verwenden Sie Gitternetzlinien, um Ihre Website zu strukturieren

Wenn Sie von einem kreativen Rasterseiten-Box-Layout begeistert sind und es in den höchsten Tönen loben, müssen Sie darauf achten, dass das Seitenlayout Ihrer gesamten Website innerhalb der Box liegt. Durch die Rasterstruktur bleibt die Blickrichtung des Besuchers auf der Seite fixiert, was von entscheidender Bedeutung ist. Sobald Sie die Seite nach unten ziehen, ist sie klar und prägnant – um etwas Interessantes zu erstellen, müssen Sie ein gutes Design verwenden und es in ein Raster einfügen.

Vergessen Sie nicht das Suchformular

Wenn Sie von einem kreativen Rasterseiten-Box-Layout begeistert sind und es in den höchsten Tönen loben, müssen Sie darauf achten, dass das Seitenlayout Ihrer gesamten Website innerhalb der Box liegt. Durch die Rasterstruktur bleibt die Blickrichtung des Besuchers auf der Seite fixiert, was von entscheidender Bedeutung ist. Sobald Sie die Seite nach unten ziehen, ist sie klar und prägnant – um etwas Interessantes zu erstellen, müssen Sie ein gutes Design verwenden und es in ein Raster einfügen.

Sorgen Sie dafür, dass die Navigation auffindbar und lesbar bleibt

Wenn Sie eine Website entwerfen würden und Ihre Navigation die Benutzer von Punkt A nach Punkt B führen sollte, wie würden Sie das machen? Würden Sie anstelle von herkömmlichen Links irgendwelchen komischen Text oder Bilder verwenden ( zum Beispiel ein Hauslogo für die Homepage, aber ein Blitz in einem Kreis ist keine gute Idee ) ? Versuchen Sie, die Navigation leicht lesbar zu gestalten, damit Besucher problemlos auf Ihrer Website navigieren können.

Verwenden Sie keinen " Mail an " - Link für Kontaktinformationen

Viele von uns (ich eingeschlossen) bewegen den Mauszeiger über einen Link und schauen auf die Statusleiste unseres Browsers, bevor sie darauf klicken. Dies gilt insbesondere für Kontaktlinks, die manche für eine gute Idee halten, da sie ein E-Mail-Programm direkt mit einer E-Mail-Adresse öffnen. Aber ich muss Ihnen sagen, dass dies keine gute UX- Praxis ist. Erstellen Sie eine Kontaktseite, die Ihre E-Mail-Adresse aufnimmt und ein Kontaktformular hinzufügt – Ihre Benutzer werden es Ihnen danken – und Ihnen tatsächlich häufiger E-Mails senden.

Verwenden Sie, wann immer möglich, UX -Anwendungen für Webtests

Wenn Sie sich über die Inhalte nicht sicher sind, empfiehlt es sich, die Daten in unterschiedlichen Formen aufzuzeichnen. Mit Google Analytics können Sie perfekt sehen, von welchen Seiten die Besucher Ihrer Website kommen und wie lange sie auf Ihrer Website bleiben. Sie können auch eine Site wie Feedback Army verwenden , um zu testen, wie Benutzer Ihre Site durchsuchen und verwenden. Die Kenntnis dieser Website-Aufzeichnungen kann Ihnen dabei helfen, Ihre Site optimal zu nutzen, um denjenigen, die sie benötigen, gute Inhalte anzuzeigen.

Missbrauchen Sie Widgets in der Seitenleiste Ihrer Site nicht

Wenn Sie an einem Blog arbeiten und dieses 10.000 Widgets enthält, können Sie einige davon verwenden, aber nicht alle. Sie können sich einen Blog wie ein Schlafzimmer vorstellen. Wenn es vollgestopft und chaotisch ist, werden Ihre Gäste wahrscheinlich nicht gerne bleiben. Sie müssen es also sauber und ordentlich halten. Blogbesucher müssen (in den meisten Fällen) Ihre Google- Freunde, MyBlogLog- Freunde, FriendFeed- Freunde und andere soziale Situationen nicht sehen, also machen Sie sich darüber keine Gedanken. Was zählt, ist das Benutzererlebnis Ihrer Site, nicht das von anderen Sites.

Sie müssen sicherstellen, dass Ihre Website in allen Browsern angezeigt wird

Wir alle wissen, dass IE6 seine Beerdigung gefeiert hat und niemand beschwert sich, aber vergessen Sie nicht, dass es immer noch viele Benutzer gibt, die IE7 , IE8 , Opera , Safari , FF und andere Browser verwenden. Nur weil Ihre Site mit ein oder zwei Highlights gut aussieht, heißt das nicht, dass die Besucher die unübersichtliche Benutzeroberfläche tolerieren, die bei Verwendung anderer Browser angezeigt wird. Verbringen Sie ein oder zwei Stunden mit der Analyse Ihres Codes und stellen Sie sicher, dass er in unterschiedlichen Browsern richtig angezeigt wird.

Gehen Sie nicht davon aus, dass Benutzer für Ihr Formular durch Feuer und Wasser gehen werden

Das Kontaktformular Ihrer Site sollte nicht zu lang sein und das Gleiche gilt für Ihr Anmeldeformular. Halten Sie die Dinge so einfach wie möglich. Die Vereinfachung des Formulars auf nur drei Fragen (Name, E-Mail , Inhalt) kann dabei helfen, zuvor verlorene Benutzer zurückzugewinnen.

Stellen Sie sicher, dass jede Seite eine einheitliche Struktur aufweist

Sofern Sie kein Blogger sind und Ihre Struktur für mehrere Benutzer ausgelegt ist, müssen Sie daran denken, dass Ihre Besucher eine vertraute und konsistente Struktur sehen möchten. Wenn sie beim Laden einer neuen Seite das Gefühl haben, an einem anderen Ort zu sein, klicken sie schnell auf die Zurück-Schaltfläche.

Vergessen Sie nicht, das Stylesheet für Druckinhalte zu verwenden

Dies ist für Blog- / Inhaltsseiten. Wenn Ihre Besucher Inhalte ausdrucken möchten (und glauben Sie mir, viele tun das immer noch, insbesondere ältere Reisende), sollten Sie sie nicht auffordern, die gesamte Seite mit der Bewertung und allen Anzeigen auszudrucken. Das ist sehr chaotisch und unnötig. Wenn Sie den Artikel „ Besser Bloggen bedeutet bessere Geschäfte für Freiberufler “ gelesen haben , wissen Sie, dass gedruckter Text sehr sauber und klar ist, ohne Schwarzweiß, ohne Bilder, ohne Kommentare und ohne Symbolleisten. Beim Inhalt kommt es auf die Typografie an. Stellen Sie daher sicher, dass er hervorsticht.

Stellen Sie sicher, dass Ihr Inhalt zum Scannen ausgelegt ist und zum Betrachtungswinkel passt

Im Allgemeinen ist die Aufmerksamkeitsspanne der Menschen nicht sehr lang. Verwenden Sie daher Abschnittsüberschriften ( h2- , H3- oder H4 -Tags), um Ihre Artikel zu trennen, sodass Besucher den Artikel schnell überfliegen und den Inhalt finden können, der sie interessiert. Beim Schreiben Ihrer Inhalte sollten Sie sich auch darüber im Klaren sein, dass die Benutzer nach dem Lesen eines Absatzes mit mehr als 20 Zeilen möglicherweise visuell ermüden. 5–10 Zeilen sind daher im Allgemeinen angemessener.

Stopfen Sie es nicht voll.

vereinfachen. Ein überfüllter kleiner Raum ermöglicht es den Benutzern nicht, ihre Augen auf wichtige Dinge zu konzentrieren, sondern hat den gegenteiligen Effekt. Ja, Sie haben eine Menge Informationen, aber es ist nicht so, dass Sie diese Informationen in zwei Hälften falten müssen? Versuchen Sie, Ihrem Design und Inhalt Raum zum Atmen zu geben. Ihre Benutzer werden es Ihnen danken.

Verwenden Sie immer Semmelbrösel

Breadcrumbs dienen dazu, den Benutzern mitzuteilen, wo sie sich befinden und wohin sie als nächstes gehen sollen. Wenn sie eine Unterseite Ihrer Site besuchen, könnte Ihre Breadcrumb-Navigation folgendermaßen aussehen (Home > Unterseitentitel > ). Dadurch wird dem Benutzer genau mitgeteilt, auf welcher Seite er sich befindet und wie er bei Bedarf zu den vorherigen Ebenen zurückkehren kann.

Vergessen Sie nicht, Farbkontraste zu verwenden, um den Fokus zu verschieben

Wenn Sie einen großen Titel und einen Abschnittstitel verwenden, probieren Sie verschiedene Farbtöne aus, um den Besuchern zuerst mitzuteilen, was wichtig ist (z. B.: # c1c1c1 für den Titel und # 464646 für den Untertitel). Diese Änderungen in Farbe und Kontrast bestimmen, ob Ihr Benutzer weiß, wohin er als Nächstes gehen soll.

Stellen Sie sicher, dass Ihre Site keine defekten Links und Bilder enthält

Es ist wichtig, in Ihren alten Artikeln nach defekten Links und Bildern zu suchen, denn es kann sein, dass Besucher über Suchmaschinen auf Ihre Site gelangen. Bei defekten Links werden diese Besucher eines von zwei Dingen annehmen: 1 ) dass es sich um eine alte Site handelt, die nicht mehr aktualisiert wird oder 2 ) dass Sie nicht genug tun, um den Wert Ihrer Inhalte zu erhalten, sodass sie woanders hingehen. Wenn Sie WordPress- Benutzer sind, gibt es hierfür ein Plugin: Broken Link Checker . Sie können auch zu iwebtool gehen und den kostenlosen Broken-Link-Checker verwenden (bis zu 5 Anfragen pro Stunde).

Vernachlässigen Sie Ihren Footer und seine Rolle nicht

Wenn Benutzer also zum Ende der Seite scrollen, sehen sie einen einfachen, einzeiligen Text mit dem Copyright der Website, was sehr langweilig ist. Warum verschönern Sie Ihre Fußzeile nicht, indem Sie zusätzlichen Inhalt hinzufügen, beispielsweise beliebte Beiträge, ein Suchfeld, ein E-Mail-Abonnement usw. Wenn Sie einige Ideen für die Gestaltung einer umwerfenden Fußzeile für eine Website möchten, sollten Sie sich Footer Fetish ansehen ; verwechseln Sie es nicht mit den anderen.

Verwenden Sie während des Designprozesses so oft wie möglich Wireframes

Durch die Verwendung von Wireframes auf Papier können Sie die wichtigsten Elemente und ihre Darstellung visualisieren. Auf diese Weise können Sie auch frei mit verschiedenen Layouts experimentieren, ohne befürchten zu müssen, das Design zu beschädigen. Zur Inspiration für Drahtgittermodelle habe ich mir „I love Wireframes“ angesehen – die Drahtgittermodelle sind fantastisch.

Schreiben Sie Inhalte für Ihre Leser, nicht für Suchmaschinen

Sie sollten für Ihre Leser schreiben, nicht für Suchmaschinen. Schlüsselwörter haben in der Vergangenheit vielleicht funktioniert (und funktionieren wahrscheinlich auch heute noch), aber wenn ein echter Besucher auf Ihre Seite kommt und das Wort „Designer“ innerhalb von 3 Absätzen 100 Mal sieht, glauben Sie, dass er auf die Zurück-Schaltfläche klickt oder weiterliest? Zweifellos ist die Wahrscheinlichkeit eines Zurückklickens sehr hoch.

Sie können es vor dem Schreiben laut vorlesen. Wenn Sie das Gefühl haben, dass es nicht natürlich und flüssig genug ist, schreiben Sie es einfach neu, bis es flüssig ist. Wenn die Leute Ihre Inhalte lesen, erwarten sie, dass es sich anfühlt, als würde eine echte Person mit ihnen sprechen. Sorgen Sie also dafür, dass dies der Fall ist.