Überwältigen Sie geistig Benutzer? (Und wie man damit aufhört)
Das Internet ist ein Wirrwarr, der visuell überlastet ist. Es gibt so viel zu sehen… und zu lesen… und zu verstehen, dass es schwierig sein kann, den Fokus zu finden und herauszufinden, was wichtig ist.
Wenn Ihr Design visuell überlastet ist, besteht die Möglichkeit, dass Sie Benutzer überwältigen und diese Ihre Website oder App verlassen. Woher weißt du, ob du es tust? Wir haben eine Liste mit Warnschildern für Sie sowie einige Möglichkeiten, um das Gewicht zu entlasten und es für Benutzer übersichtlicher zu gestalten.
Sie haben keine Stile definiert
Stile und Paletten sind das Rückgrat 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 beim Stylen von Elementen von Seite zu Seite nicht auf Speicher oder manuelle Änderungen.)
Definierte Stile umfassen alles von der Schriftpalette (mit Größe und Farbverwendung) über eine Farbpalette bis hin zur Darstellung und Funktion von Elementen wie Schaltflächen oder Links im Design. Ein Mangel an Stilen kann Benutzer überfordern, da die Art und Weise, wie Dinge zwischen Seiten aussehen und sich verhalten, häufig inkonsistent ist und Benutzer sich fragen, ob die Dinge ordnungsgemäß funktionieren oder ob sie die angeforderten Informationen mit einem vorherigen Klick erhalten haben.
Das Definieren von Stilen hilft auch dabei, das Design nicht zu übertreiben und ohne Grund Änderungen vorzunehmen. Ein logisches, konsistentes Muster kann Benutzern helfen, Informationen leicht zu finden und sich an das Design zu halten.
Das Perfect Grid Book ist ein solides Beispiel für einfaches, konsistentes Design.
Alles ist gleich groß
Sie können keine Konversation über Stile und CSS führen, ohne über Hierarchie zu sprechen. Hat Ihr Design eine klare Hierarchie für Text und andere Elemente (von Fotos über Schaltflächen bis hin zu Links)?
Der Schlüsselteil dieser Frage ist „klare Hierarchie“. Die Stile müssen so unterschiedlich sein, dass der gelegentlichste Benutzer den Unterschied zwischen einer Überschrift und einem Textkörper oder einer Schaltfläche oder einem Foto klar erkennen kann. Das häufigste Problem in Bezug auf überwältigende Benutzer ist, dass sich jedes Element gleich groß anfühlt (oder Elemente in Gruppen von mehreren Größen fallen).
Größe ist mehr als nur Breite und Höhe oder Punktgröße für Schriften. Wie groß oder unterschiedlich erscheinen Objekte, wenn sie nebeneinander platziert werden? Das visuelle Gewicht oder die visuelle Größe ist ebenso wichtig, und selbst Elemente unterschiedlicher Art (z. B. Text neben einem Foto) müssen unterschiedliche visuelle Gewichte aufweisen. 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 ein, um einen visuellen Pfad für Benutzer zu erstellen, der das Auge von den wichtigsten Elementen auf dem Bildschirm zu den am wenigsten wichtigen lenkt.
Ihre Absprungrate ist wirklich hoch
Achten Sie bei Ihrer Website-Analyse auf die Absprungrate? Wenn die Anzahl nach einer Designänderung ansteigt, 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 Benutzer sofort gefunden haben, wonach sie gesucht haben.)
Vergleichen Sie die Absprungrate mit der Zeit vor Ort. Idealerweise sind eine niedrige Absprungrate und eine hohe Zeit vor Ort gut. Wenn sich diese Zahlen in die andere Richtung verschieben, kann dies auf ein Problem hinweisen.
Wenn Benutzer Ihre Website zu schnell verlassen, gehen Sie etwas tiefer in die Analyse ein, um herauszufinden, wie sie überhaupt auf Ihre Website gelangt sind und wonach sie suchen (mithilfe von Klickmustern, oberen Seiten und Suchergebnissen). Passen Sie das Design an, um diesen Elementen Elemente mit hoher Priorität zuzuweisen.
Benutzer klicken nicht auf die richtigen Dinge
Notieren Sie sich beim Durchsuchen von Analysen, auf welche Benutzer klicken. Entsprechen die tatsächlichen Klicks den gewünschten Klicks? Wenn Benutzer nicht die Dinge tun, die sie mit dem Design „tun“ sollen, kann dies auf ein visuelles Problem hinweisen. Die Schaltflächen sind möglicherweise nicht groß genug oder nicht klar genug, oder die Kopie führt Benutzer möglicherweise nicht zu den entsprechenden Handlungsaufforderungen.
Oft ist das Problem, dass es zu viele Dinge zu tun gibt. Stellen Sie sich eine Website mit einem großen Aufruf zum Handeln im Heldenbild vor, mit einem E-Mail-Übermittlungsformular direkt darunter und einem Popup, in dem Informationen in Form eines Gutscheins angefordert werden. Was würden Sie zuerst klicken? Oder schließen Sie einfach die Website und fahren mit Ihrem Leben fort?
Wenn Sie Letzteres tun würden, liegt dies an der überwältigenden Natur des Designs und an der kognitiven Überlastung oder der Menge an Gehirnleistung, die für die 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. Begrenzen Sie die Anzahl der umsetzbaren Elemente auf eins pro "Bildschirm" außerhalb der Navigationselemente 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 befindet sich auf einer anderen Seite oder unterhalb der Schriftrolle, ebenso wie das Popup-Feld.
Das Design steckt voller Tricks
Zu viele Design-Tricks, Trends oder Elemente fühlen sich dabei möglicherweise cool an, können jedoch die Benutzererfahrung beeinträchtigen. Versuchen Sie, das Design auf einen Designtrick zu beschränken, der für Benutzer von Interesse ist, sie jedoch nicht mental überfordert.
Lassen Sie sich niemals von Modeerscheinungen oder Dingen, die Sie ausprobieren möchten, von KISS in die Quere kommen - halten Sie es einfach, dumm (was vielleicht die beste Designphilosophie aller Zeiten ist).
Benutzermuster sind eigentlich gar keine Muster
Sind die Funktionen Ihrer Website allgemein und gut verstanden? Nichts kann einen Benutzer so überwältigen wie eine neue Art, etwas zu tun. Scrollen 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 Benutzer mögen sie nicht.
Halten Sie sich an allgemein akzeptierte Benutzerströme, Tools und Aktionen, um sicherzustellen, dass die Mehrheit der Besucher weiß, wie sie mit Ihrer Website interagieren und interagieren können. Wenn das Design Anweisungen erfordert, ist es wahrscheinlich zu kompliziert. Verwenden Sie auch bekannte Symbole und Elemente. Das Warenkorbsymbol ist ein Beispiel für ein Element, das jeder Benutzer versteht und von dem er eine bestimmte Aktion erwartet.
Das versteckte Menü, das Hamburger-Symbol, ist ein interessantes Beispiel, das als etwas begann, das die Benutzer nicht verstanden haben, das sich jedoch zu einem ziemlich häufigen Benutzermuster für die mobile und sogar Desktop-Navigation entwickelt hat. Aber es ist nicht ohne Kontroversen, da sich viele Designer immer noch gegen die Verwendung aussprechen.
Während es Spaß machen kann, etwas völlig anderes und Neues zu schaffen, denken Sie über die Ziele des Designprojekts nach. Wenn Benutzer sich auf der Website bewegen und bestimmte Aktionen ausführen müssen - dies ist für E-Commerce-Websites von entscheidender Bedeutung -, sind gängige Benutzermuster von entscheidender Bedeutung.
Es gibt keinen Leerraum
Clutter ist ein Website-Killer. Leerzeichen können das Design speichern und den Benutzern Richtungshinweise geben, die Hierarchie festlegen und dafür sorgen, dass sich alles leichter und verständlicher anfühlt. Durch einfaches Erhöhen des Abstands zwischen Textzeilen von einzelnen auf 1, 5 Zeilen können die Zeit vor Ort und die Lesbarkeit erhöht werden.
Der Speicherplatz kann sich auch auf Benutzer an anderen Orten auswirken. Breitere Dachrinnen und ein größerer Abstand zwischen den Elementen können zum Verständnis und Verständnis beitragen. Ein übertriebener weißer Raum um ein Element kann es wichtig erscheinen lassen und den Fokus auf diesen Bereich auf dem Bildschirm lenken.
Der Raum wirkt sich auch für viele Benutzer beruhigend aus, während ein mit Elementen vollgestopftes Design dazu führen kann, dass sich ein Benutzer rasend und gehetzt fühlt.
Fazit
Diesen Satz haben wir in der Vergangenheit bei Design Shack verwendet: Wenn Sie Zweifel haben, lassen Sie ihn weg. Denken Sie an diese Idee, wenn Sie versuchen, ein Design zu optimieren, das sich überladen oder überwältigend anfühlt. Visuelle Unordnung ist ein echtes Problem, sowohl auf einzelnen Websites als auch beim gelegentlichen Surfen im Internet.
Ein Design, das die Augen schont, hält die Benutzer länger und fördert hoffentlich mehr Conversions. Jede Seite oder jeder Bildschirm sollte eine einzelne Benutzeraktion berücksichtigen, um die richtigen Klicks zum richtigen Zeitpunkt zu fördern.
){kind=link}