UX-Gesetze mit praktischen Beispielen.

Zuerst. Möchten Sie diesen Artikel auf Spanisch lesen? Überprüfen Sie es hier.

Vor ein paar Wochen habe ich gesehen, dass „Laws of UX“, eine sehr einfache Webseite, die über die wichtigsten Gesetze der UX (User Experience) spricht, einiges Aufsehen erregt hat. Es ist eine fantastische Seite, die ich zu 100% empfehlen kann.

Wenn wir eine Überschrift über UX-Gesetze erstellen müssten ...

„Die Sammlung von Gesetzen oder Designstandards, die Designer beim Denken und Verbessern der Benutzererfahrung berücksichtigen müssen.“

Gutes Design folgt in der Regel allgemeinen Grundsätzen, die den Designern allgemeine Richtlinien für die Arbeit geben. Für Benutzeroberflächendesigner und Benutzererfahrung gibt es jedoch auch bestimmte Gesetze, die jeder berücksichtigen sollte.

In „Laws of UX“ erhält jedes Gesetz eine eigene grafische Darstellung, die von den klassischen Umschlägen minimalistischer Bücher inspiriert ist. Anstatt sie einfach als Liste zu sammeln, besteht das Ziel darin, den Menschen zu helfen, diese Gesetze auswendig zu lernen.

"Es ist einfacher, sich an ein Objekt zu erinnern, sei es ein Bild oder ein Video, als an einen Text."

Offensichtlich werden diese Darstellungen im Internet mehr als nur diskutiert und verbreitet, und ich habe nicht die Absicht, sie hier zu diskutieren (außerdem bin ich zu 100% damit einverstanden), sondern einige Beispiele mit echten Produkten zu diesen Gesetzen vorzulegen. Lass uns anfangen!

Fitts'sches Gesetz

Es basiert auf der Arbeit des Psychologen Paul Fitts aus dem Jahr 1954, in der festgestellt wird: „Die Zeit, die benötigt wird, um sich schnell in ein Zielgebiet zu bewegen, ist eine Funktion des Verhältnisses zwischen Entfernung zum Ziel und Breite des Ziels.“

Dieses Gesetz wirkt sich direkt auf das Benutzererlebnis aus, wenn Sie Tasten, z. B. größere, entwerfen, insbesondere auf taktilen Mobilgeräten, und gelangt zu dem Schluss, dass die Interaktion mit kleineren Tasten schwieriger ist. Ein praktisches Beispiel wäre das Folgende.

Kickstarter

Dies wäre ein Fall der Anwendung des Fitts'schen Gesetzes, es kommt dem nahe, das die Lesezone der Maus voraussetzt (rechts, da wir westlich sind und von links nach rechts lesen), und es deckt auch einen großen Bereich ab ( Es ist keine kleine Schaltfläche. Die Wahrscheinlichkeit, auf die Schaltfläche zu klicken und sie zu treffen, ist daher hoch.

Hicks Gesetz

„Die Entscheidungszeit nimmt mit der Anzahl der Optionen zu.“

Die Zeit, die ein Benutzer benötigt, um eine Entscheidung zu treffen, nimmt zu, je mehr Optionen er hat. Daher ist es offensichtlich, dass der Benutzer versucht, alle möglichen Optionen und deren Auswirkungen zu betrachten und die für ihn oder sie beste Option zu wählen.

Welches ist besser?

  • Ein einzelnes Formular mit 20 Optionen zum Ausfüllen
  • Eine Schritt-für-Schritt-Form mit 4 Stufen und 5 Optionen pro Stufe.

Das hängt natürlich von der Branche und dem Nutzertyp ab, aber laut Hicks Gesetz ist die zweite Option die bessere. Ein praktischer Fall wäre der folgende.

Airbnb

Ein praktisches Beispiel, wie man Einfachheit auf die Spitze treibt und das Hicksche Gesetz anwendet. Airbnb schneidet nicht und zieht es vor, den Prozess zu teilen und zu vereinfachen.

"Sagen Sie mir direkt, wohin Sie wollen, dann frage ich Sie, wann und wie."

Jakobs Gesetz

Der beste Weg, etwas Neues zu schaffen, besteht darin, nach Referenzen zu suchen, damit die ersten Kunden verstehen, worum es geht, und in der Lage sind, Verknüpfungen herzustellen.

Was heißt das? Dies bedeutet, dass Benutzer die meiste Zeit auf anderen Websites verbringen (falls sie Ihre nicht kennen). Dies bedeutet, dass sie ähnliche Standorte bevorzugen wie die, die sie häufig besuchen und mit denen sie bereits vertraut sind. Deshalb ist es besser, nicht zu originell oder zu kreativ zu sein.

Diese Norm wurde von Jakob Nielsen, Direktor der Nielsen Norman Group, geprägt, die er zusammen mit Apples Vizepräsident für Forschung gründete. Ich weiß nicht, ich habe den Eindruck, dass er tatsächlich etwas über das Thema weiß :).

Ein praktischer Fall dieses Gesetzes wäre jeder E-Commerce.

E-Commerce-Beispiel.

95% des E-Commerce verfügen über eine Bereitstellung dieses Stils. Links ein Bild und rechts Name, Preis, Konfiguration und „In den Warenkorb“.

Wenn Sie einen E-Commerce einrichten möchten, ist es logisch, dass Sie diese Struktur berücksichtigen, da ein potenzieller Kunde weiß, wie E-Commerce funktioniert, und so etwas erwartet. Lass sie nicht nachdenken!

Gesetz von Prägnanz

Wird auch als „Gesetz der Einfachheit“ bezeichnet und besagt, dass Benutzer komplexe Formen am einfachsten wahrnehmen, weil es die Interpretation ist, die weniger mentale Anstrengung erfordert.

Grundsätzlich beschreibt es, dass es einfacher ist, ein Quadrat als ein Achteck zu verstehen und zu assimilieren. Und es erfordert weniger mentale Intensität, um ein Verständnis dafür zu erlangen, was das ist und wofür es ist. Ein praktisches Beispiel hierfür wäre das Folgende.

Praktisches Beispiel des Gesetzes von Prägnanz.

Was bedeutet das? Was sehen wir vorher, Abbildung A, B oder C? offensichtlich das A, weil unser Gehirn versteht, dass es der einfachste Weg ist, den wir assoziieren müssen. Ein Beispiel für die praktische Verwendung wäre:

Warum ist die Schaltfläche "In den Warenkorb" kein Warenkorb, sondern ein Quadrat ?.

Gesetz der Nähe

Objekte, die nahe beieinander liegen, neigen dazu, sich zu verbinden. In der Benutzererfahrung werden sie als Mitglieder derselben Gruppe verstanden.

Das Prinzip besagt, dass, wenn Sie eine Gruppe von Daten bearbeiten, alle Daten, die wir verstehen und die derselben Gruppe entsprechen, zusammen sein sollten und wenn wir über verschiedene Daten sprechen, sollte ein Leerzeichen (Luft) zwischen ihnen sein. Unser Kopf wird den Rest erledigen und sie differenzieren.

Ein Beispiel dafür wäre ...

Amazonas

Amazon ist ein praktisches Beispiel dafür. Trotz des Gefühls des „Chaos“ auf Datenebene ist klar, wo sich jede Gruppe dieser Daten befindet.

  • A) Die neuesten Nachrichten unterscheiden sich deutlich von den Bestsellern, und Sie haben keine Probleme, die Gruppen zu unterscheiden.
  • B) Wenn Sie filtern möchten, haben Sie jede Technologie (LCD, LED usw.) zusammen und es gibt eine Trennung zwischen Marken (LG, Samsung usw.)

Millers Gesetz

Nach diesem Gesetz können sich Menschen bis zu 7 verschiedene Elemente in ihrem Arbeitsgedächtnis merken. Aus diesem Grund basieren die Menüs für Optionen und Navigation in einer Webseite mehr oder weniger auf dieser Größe. Das Vorhandensein von mehr als 7 Elementen führt zu Verwirrung und Fokusverlust des Benutzers, der sich nicht mehr daran erinnern kann, wo sich die gesuchte Option befunden hat.

Aus diesem Grund werden Anwendungen oder Dienste mit einer Vielzahl von Optionen gruppiert, um die Speicherauslastung zu verringern.

Es wurde zu Ehren von George Miller benannt, da es Teil seiner Kommunikationstheorie ist. Ein Beispiel für dieses Gesetz wäre:

Netflix

Obwohl Netflix Tausende von Kategorien für die Filme hat, versteht es sich, dass es sehr schwer ist, sich daran zu erinnern, so dass sich der Benutzer nicht an den Inhalt, sondern an die Position erinnert. Stattdessen zieht er es vor, die 6 „Top“ -Kategorien zu haben und von dort aus tiefer zu navigieren.

Parkinson-Gesetz

Dieses Gesetz besagt, dass jede Aufgabe verlängert wird, bis die dafür zur Verfügung stehende Zeit vollständig ausgeschöpft ist. Es ist auch ein Gesetz der Produktivität.

Aufgrund eines kulturellen Problems denken wir, dass es umso besser ist, je mehr Stunden wir etwas widmen. Aber die Praxis zeigt, dass das nicht so ist.

Wenn wir wissen, dass wir mehr Zeit haben, entspannt sich unser Gehirn. Wenn wir andererseits den Druck der Frist spüren, konzentrieren wir uns darauf, das zu tun, was wichtig ist und dass wir pünktlich fertig werden müssen.

Was bedeutet dies auf der User Experience-Ebene?

Daß der Benutzer bestimmte vorübergehende "Regeln" festgelegt hat, hängt natürlich von der Art des Benutzers ab, aber um ein Beispiel zu nennen, ein Kauf bei Amazon (sobald Sie den Kauf offensichtlich ausgewählt haben) hat eine Dauer von 5 Minuten (zwischen dem Ausfüllen der Daten, Karten usw.) Alles, was diese Fristen verkürzt, ist positiv.

Bezahlung mit Stripe.

Stripe vereinfacht zum Beispiel den Zahlungsvorgang und ermöglicht es Ihnen, sich die Daten zu merken, sodass sich die Kaufzeit bei nachfolgenden Verkäufen erheblich verkürzt.

Serieller Positionseffekt

Nach diesem Gesetz werden sich Benutzer unter den Elementen einer Serie immer besser an das erste und das letzte erinnern.

Aus diesem Grund sehen wir, dass in der Anwendungsnavigationsleiste die wichtigsten Aktionen links oder rechts angeordnet sind und Elemente wie Start oder Profil unter Berücksichtigung der Serienposition eingeführt werden.

Ein praktisches Beispiel für dieses Gesetz wäre Instagram.

Instagram

Das erste Element ist Home (People) und das letzte Element ist Profile (You). Die wichtigsten und wichtigsten Teile der Verwendung der Anwendung.

Teslers Gesetz

Auch bekannt als "Erhaltung der Komplexität", von Larry Tesler. Es stellt fest, dass es für jedes System eine gewisse Komplexität gibt, die nicht auf das Maximum reduziert werden kann.

Jeder UX-Designer möchte Prozesse vereinfachen und beschleunigen, aber wir müssen berücksichtigen, dass es Dinge gibt, die nicht einfacher zu vereinfachen sind. (Sofern sich das Format nicht ändert).

Wir würden in jeder Agentur ein Beispiel finden, um Tickets zu kaufen.

Kajak

So sehr es uns gefällt und so sehr wir es möchten, um einen Flug zu buchen, gibt es 4 grundlegende Daten. (Herkunftsschicksal, wann und wie viele). Ohne diese 4 Daten kann der Vorgang nicht abgeschlossen werden.

Von Restorff-Effekt

Dieses Prinzip, das auch als „Isolationseffekt“ bezeichnet wird, sagt voraus, dass bei mehreren Zielen dasjenige, das sich vom Rest unterscheidet, immer in Erinnerung bleibt.

Es sind einfache, unterschiedliche Dinge, die uns anziehen und die für uns typisch sind. "Go!" In UX ist genau ein Symptom für dieses Gesetz.

Ein praktisches Beispiel für dieses Gesetz wäre der Kundensupport wie Intercom.

Gegensprechanlage

In diesem Fall kommt der Dienst auf der Intercom-Website selbst heraus und unterscheidet sich nicht so stark, Sie bemerken jedoch die Änderung des „Stils“, da es sich um etwas Überlagertes handelt, das anfangs nicht vorhanden sein sollte, mit einem Hintergrund und sogar einem andere Schrift.

Am Ende wollen wir in Form und Farbe auf etwas anderes aufmerksam machen.

Zeigarnik-Effekt

Definiert die Tendenz, sich unfertige oder unterbrochene Aufgaben leichter zu merken als abgeschlossene.

Wenn wir dieses Konzept auf die UX anwenden, können wir über neue Funktionen (Dienste) sprechen, sie für einen bestimmten Moment anbieten und dem Benutzer mitteilen, dass er X-Aktionen ausführen muss (registrieren, kaufen usw.), wenn er fortfahren möchte. Ein visuelles Beispiel, das wir erwähnen könnten, ist eines mit einer Liste ausstehender Aufgaben, die in Betracht gezogen werden sollen, wie im Fall von Startupxplore.

Wenn Sie bestimmte Aufgaben „unvollständig“ lassen, sodass Ihr interner Prozess sie abschließen möchte, haben Sie jedoch auch das Gefühl, dass Sie sich daran erinnern, dass sie unvollständig sind.

"Eine gute UX erwägt oder versucht, alle Optionen in Betracht zu ziehen, die ein Benutzer finden wird, und versucht, den Weg zur Vervollständigung des von Ihnen angebotenen Dienstes zu vereinfachen."

Zusammenfassend muss ein durchdachtes Design, das auf der Benutzererfahrung basiert, einen Teil jeder dieser Normen erfüllen.

Außerdem denke ich, wie bereits erwähnt, immer an ein MAP-Produkt (Minimum Awesome Product).

Hat dir die Post gefallen?

Gib es klatscht! Sie können bis zu 50-mal klatschen, damit mehr Leute diesen Beitrag finden und darüber Bescheid wissen, und natürlich ... vergessen Sie nicht, ihn mit anderen zu teilen.

Lasst uns diese Applaus sehen!

Diese Geschichte wurde in The Startup veröffentlicht, der größten Veröffentlichung zu Unternehmertum von Medium, gefolgt von mehr als 295.232 Personen.

Abonnieren Sie hier unsere Top Stories.