Das Internet ist ein Durcheinander, das visuell überladen ist. Es gibt so viel zu sehen? und lese? und verstehen, dass es schwierig sein kann, den Fokus zu finden und herauszufinden, was wichtig ist.
Wenn Ihr Design visuell überlastet ist, besteht die Wahrscheinlichkeit, dass Sie die Nutzer überfordern und Ihre Website oder App verlassen. Woher wissen Sie, ob Sie es tun? Wir haben eine Liste von Warnzeichen für Sie und ein paar Möglichkeiten, um etwas Gewicht aus dem Design zu entfernen und es für Benutzer leichter handhabbar zu machen.
Sie haben keine Stile definiert
Stile und Paletten bilden das Rückgrat eines guten Designs. Wenn es um Websites geht, sollte alles im CSS definiert werden, damit Stile auf der gesamten Website definiert (und verwendet) werden. (Verlassen Sie sich nicht auf Speicher oder manuelle Änderungen, wenn Sie Elemente von Seite zu Seite gestalten.)
Definierte Stile umfassen alles von der Schriftpalette (mit Größen- und Farbgebrauch) über eine Farbpalette bis hin zur Art und Weise, wie Elemente wie Schaltflächen oder Links im Design erscheinen und funktionieren sollen. Ein Mangel an Stilen kann die Benutzer überfordern, da es häufig zu Inkonsistenzen zwischen den Seiten kommt und sich die Dinge so verhalten, dass die Benutzer fragen, ob sie ordnungsgemäß funktionieren oder ob sie die Informationen erhalten, die sie mit einem vorherigen Klick angefordert haben.
Wenn definierte Stile definiert sind, wird auch dazu beigetragen, Übertreibungen zu vermeiden. das Design und Änderungen ohne Grund. Ein logisches, konsistentes Muster kann Benutzern dabei helfen, Informationen leicht zu finden und beim Design zu bleiben.
Das Perfect Grid Book ist ein solides Beispiel für einfaches, konsistentes Design.
Alles ist gleich groß
Sie können sich nicht mit Stilen und CSS unterhalten, ohne über Hierarchie zu sprechen. Verfügt Ihr Design über eine klare Hierarchie für Text und andere Elemente (von Fotos über Schaltflächen zu Links)?
Der Schlüssel dieser Frage ist "klare Hierarchie". Stile müssen so unterschiedlich sein, dass der gelegentlichste Benutzer den Unterschied zwischen Überschriften und Text oder einer Schaltfläche oder einem Foto klar erkennen kann. Das häufigste Problem bei überwältigenden Benutzern ist, dass jedes Element die gleiche Größe hat (oder Elemente in Gruppen von mehreren Größen fallen).
Größe ist mehr als nur Breite und Höhe oder Punktgröße für Schriftarten. Wie groß oder unterschiedlich erscheinen Objekte, wenn sie nebeneinander platziert werden? Das visuelle Gewicht oder die Größe ist ebenso wichtig, und selbst Elemente verschiedener Typen (z. B. Text neben einem Foto) müssen unterschiedliche visuelle Gewichte haben. Farbe, Raum und Bildinhalt können eine große Rolle dabei spielen, wie groß etwas auf dem Bildschirm aussieht. Planen Sie Abweichungen in der visuellen Größe von Elementen, um einen visuellen Pfad für Benutzer zu erstellen, der dabei hilft, das Auge von den wichtigsten Elementen auf dem Bildschirm auf die unwichtigsten zu lenken.
Ihre Absprungrate ist wirklich hoch
Beachten Sie die Absprungrate in Ihrer Website-Analyse? Wenn sich die Anzahl nach einem Entwurf ändert, kann dies auf eine visuelle Überlastung zurückzuführen sein. (Auf der anderen Seite könnte es sein, dass die Suche und das Design so großartig sind, dass die Nutzer sofort gefunden haben, wonach sie gesucht haben.)
Vergleichen Sie die Absprungrate mit der Zeit vor Ort. Im Idealfall sind eine niedrige Absprungrate und eine hohe Zeit vor Ort gut. Wenn sich diese Zahlen in die andere Richtung verschieben, kann dies ein Problem anzeigen.
Wenn Benutzer Ihre Website zu schnell verlassen, greifen Sie etwas tiefer in die Analyse ein, um herauszufinden, wie sie überhaupt auf Ihrer Website angekommen sind und wonach sie suchen (mithilfe von Klickmustern, oberen Seiten und Suchergebnissen). Passen Sie das Design an, um diese Elemente mit hoher Priorität zu gestalten.
Benutzer klicken nicht auf die richtigen Dinge
Notieren Sie sich beim Graben in der Analyse, auf was die Benutzer klicken. Entsprechen tatsächliche Klicks den gewünschten Klicks? Wenn Benutzer nicht die Dinge tun, die sie tun sollen? Mit dem Design kann ein visuelles Problem angezeigt werden. Die Schaltflächen sind möglicherweise nicht groß genug oder nicht klar genug, oder das Kopieren führt die Benutzer möglicherweise nicht zu den entsprechenden Handlungsaufforderungen.
Das Problem ist oft, dass es zu viele Dinge zu tun gibt. Stellen Sie sich eine Website mit einem großen Aufruf zum Handeln im Heldenbild vor, darunter ein E-Mail-Formular und ein Popup, das Informationen in Form eines Gutscheins anfordert. Was würdest du zuerst anklicken? Oder schließen Sie einfach die Website und machen Sie mit Ihrem Leben weiter?
Wenn Sie das Letztere tun, liegt dies an der überwältigenden Natur des Designs und ist auf kognitive Überlastung oder die Menge an Gehirnleistung zurückzuführen, die zur Nutzung Ihrer Website erforderlich ist. Es gibt zu viele Auswahlmöglichkeiten für Benutzer, die zu schnell sind, um sie alle zu verarbeiten.
Die Lösung ist einfach zu bedienen. Beschränken Sie die Anzahl der Elemente auf ein Element pro Bildschirm. außerhalb von Navigationselementen oder der Fußzeile. Im obigen Szenario könnte das Design einen Aufruf zum Handeln im Heldenbild enthalten, aber sonst nichts. Das E-Mail-Formular würde sich auf einer anderen Seite oder unterhalb der Bildlaufleiste befinden, genauso wie das Popup-Fenster.
Das Design ist voll mit Tricks
Zu viele Designtricks, Trends oder Elemente fühlen sich möglicherweise cool an, können jedoch die Benutzererfahrung beeinträchtigen. Versuchen Sie, das Design auf einen Designtrick zu beschränken, der den Benutzern einen interessanten Punkt bietet, sie jedoch nicht geistig überfordert.
Lass niemals zu, dass Moden oder Dinge, die du ausprobieren möchtest, einem von KISS im Weg stehen - halte es einfach und dumm (was die beste Design-Philosophie aller Zeiten sein könnte).
Benutzermuster sind eigentlich keine Muster
Sind die Funktionen auf Ihrer Website allgemein und gut verstanden? Nichts kann einen Benutzer überwältigen, als sich einen neuen Weg zu finden, etwas zu tun. Bildlauf von links nach rechts statt nach oben und unten oder Schaltflächen, die nicht wie Schaltflächen aussehen, sind nur einige Beispiele für Benutzermuster, die keine Muster sind. Und die Benutzer mögen sie nicht.
Halten Sie sich an die allgemein akzeptierten Benutzerabläufe, Tools und Aktionen, um sicherzustellen, dass die Mehrheit der Besucher weiß, wie sie mit Ihrer Website interagieren und interagieren. Wenn das Design Anweisungen erfordert, ist es wahrscheinlich zu kompliziert.Verwenden Sie auch bekannte Symbole und Elemente. Das Warenkorb-Symbol ist ein Beispiel für ein Element, von dem jeder Benutzer eine bestimmte Aktion versteht und erwartet.
Das versteckte Menü, das Hamburger-Symbol, ist ein interessantes Beispiel, das von den Benutzern nicht verstanden wurde, sich jedoch zu einem ziemlich verbreiteten Benutzermuster für die mobile Navigation und sogar die Desktopnavigation entwickelt hat. Es ist jedoch nicht unumstritten, viele Designer sprechen sich immer noch gegen den Gebrauch aus.
Während es Spaß machen kann, etwas völlig Neues und Neues zu schaffen, sollten Sie über die Ziele des Designprojekts nachdenken. Wenn Sie sich durch die Website bewegen und bestimmte Aktionen ausführen müssen, ist dies für E-Commerce-Websites von entscheidender Bedeutung.
Es gibt keinen Leerraum
Clutter ist ein Website-Killer. Leerzeichen können das Design speichern und helfen, den Benutzern Richtungshinweise zu geben, die Hierarchie festzulegen und alles leichter und verständlicher zu machen. Durch einfaches Vergrößern des Abstands zwischen einzelnen Textzeilen von einer Zeile auf 1,5 Zeilen kann die Zeit vor Ort und die Lesbarkeit erhöht werden.
Der Weltraum kann Benutzer auch an anderen Orten beeinflussen. Breitere Dachrinnen und Zwischenräume zwischen den Elementen können zum Verständnis und zum Verständnis beitragen. Ein übertriebener weißer Raum um ein Element kann dazu führen, dass es wichtig erscheint und diesen Bereich auf dem Bildschirm fokussiert.
Platz hat für viele Benutzer auch einen beruhigenden Effekt, wohingegen ein mit Elementen vollgestopftes Design dazu führen kann, dass ein Benutzer sich rasend und gehetzt fühlt.
Fazit
Dies ist eine Phrase, die wir in der Vergangenheit bei Design Shack verwendet haben: Wenn Sie Zweifel haben, lassen Sie es weg. Denken Sie an diese Idee, wenn Sie versuchen, ein Design zu rationalisieren, das sich als unübersichtlich oder überwältigend anfühlt. Visuelle Störungen sind sowohl auf einzelnen Websites als auch beim gelegentlichen Surfen im Internet ein echtes Problem.
Ein für die Augen schonendes Design hält die Benutzer länger und ermutigt hoffentlich zu mehr Conversions. Jede Seite oder jeder Bildschirm sollte eine einzelne Benutzeraktion im Auge behalten, um die richtigen Klicks zum richtigen Zeitpunkt zu fördern.