GUI Psychologie. Unsere Wahrnehmung von Informationen und Bildern

Zielgruppe : Tester, Designer, Analysten, Frontend- Entwickler , #für einfache Entwicklung

Über mich:
Hallo an alle. Mein Name ist Lena, ich arbeite seit etwas mehr als 3 Jahren in der Qualitätssicherung. Beim Testen bin ich auf verschiedene Projekte gestoßen, von Bankensoftware und mobilen Anwendungen bis hin zu kommerziellen und Unternehmens-Websites.

In meinem aktuellen früheren Projekt standen die Anforderungen an die GUI an zweiter Stelle, nachdem die Nützlichkeit der für den Benutzer eingeführten Funktionen jeweils sogar geringfügige Mängel des # Perfektionismus-Kontakts behoben wurden. Natürlich kann ich bei einer rationalen Bewertung des Projekts nicht sagen, dass es nach allen Grundsätzen der Benutzerfreundlichkeit geschrieben wurde, und nur wenige Menschen können damit angeben, da bei der Neugestaltung und Kürzung der Funktionalität oft alles von der finanziellen Seite des Problems abhängt ... Aber! Positive Nutzerbewertungen zeigten, dass wir auf dem richtigen Weg waren.

Dementsprechend sammelte sich eine gewisse Menge an Wissen an, die ich teilen wollte. Fangen wir an.

Wenn wir eine allgemeine Klassifizierung von Websites vornehmen, erhalten wir Folgendes:



Auch wenn Ihre Website nicht darauf abzielt, Gewinne zu erzielen, interessieren Sie sich dennoch für das Publikum, oder?

Und wenn Sie ein eigenes Unternehmen haben, sind Sie daran interessiert, das Publikum Ihrer Ressource zu steigern, Conversions, SMM und andere modische Dinge zu steigern, um Ihren Ruf als Unternehmen zu erhalten. Um all diese Ziele zu erreichen, benötigen Sie jedoch zunächst coole, benutzerfreundliche Inhalte.

Ich würde sagen, dass für Websites, die sich auf die unten aufgeführten Nischen spezialisiert haben:

• Handel (Waren, Dienstleistungen, Message Boards - was macht Gewinn),
• Websites - Visitenkarten von Unternehmen (Promos),
• Unternehmensseiten (Firmengesicht).

Konzepte wie Benutzerfreundlichkeit und gut gestaltetes Design spielen eine Schlüsselrolle.

Im Folgenden werden allgemeine Empfehlungen dazu zusammengestellt, wie Sie die Benutzeroberfläche Ihrer Website qualitativ hochwertig schreiben können, damit der Benutzer sie unbewusst so wahrnimmt, wie wir sie benötigen # magic

Machen Sie das einfache Crawlen von Seiten

In den meisten Fällen schauen Besucher auf die Seite, sehen sich einen Teil des Textes an und klicken auf den ersten Link, der ihre Aufmerksamkeit erregt, oder ähneln indirekt dem, wonach sie suchen.

So ist unser Gehirn so angeordnet, dass die Wahrnehmung von Informationen im Uhrzeigersinn aufgebaut wird. Ohne Sucht im Leben ist eine Person Linkshänder oder Rechtshänder. So etwas sieht so aus:



Das heißt, in der Mitte stellen wir den Hauptinhalt, es ist einfach und ohne Erklärung ist es klar. Indem wir das Menü (oder den Produktkatalog) auf der linken Seite der Website platzieren, rufen wir den Benutzer zum Handeln auf, er würde seinen Blick weiter richten, aber hier halten wir seine Aufmerksamkeit aufrecht.
Sie können auch die blinde Zone verwenden. Zeigen Sie dort beispielsweise die Suchergebnisse auf der Website an, nach der der Benutzer gesucht hat.

Das Fazit ist, dass die Informationen, die wir dem Benutzer zuerst übermitteln möchten, damit er sich daran erinnert, 12, 3 und 4 Stunden betragen.

Informationen, die den Benutzer zum Handeln auffordern, werden am besten nach 6 und 9 Stunden platziert.

Überladen Sie Webformulare nicht

Hicksches Gesetz => experimentell ermittelte Abhängigkeit der Reaktionszeit der Wahl von der Anzahl alternativer Signale. Der Psychologe hat sogar die logarithmische Funktion der Reaktionszeit # abgeleitet, aber das ist zu kompliziert

Mit einfachen Worten: Je weniger Menüelemente, desto weniger Zeit wird für die Auswahl eines dieser Elemente benötigt. Und auch, dass ein Menü besser ist als zwei. Das gleichzeitige Bereitstellen mehrerer Optionen für den Benutzer ist normalerweise effektiver als das Organisieren derselben Optionen in hierarchischen Gruppen. Die Auswahl aus einem Menü mit 8 Elementen ist schneller als mit zwei Menüs mit jeweils 4 Elementen.

Die Fähigkeiten unseres Gehirns sind nicht unbegrenzt und eine Person kann 5-9 Entitäten im Kurzzeitgedächtnis behalten. Platzieren Sie daher nicht mehr als 8 Formulare auf einer Seite.

Indem Sie unnötige Optionen entfernen, erhöhen Sie die Effizienz der Verwendung des Produkts (in unserem Fall der Website).

Gib mehr Platz

Freier Speicherplatz ist nicht immer schlecht, sondern umgekehrt: Er verbessert die Wahrnehmung von Informationen und das Verständnis und konzentriert den Benutzer auf das, was er benötigt.

"Luft" zwischen den Elementen trennt das Site-Layout und die Informationen visuell in Abschnitte, wobei auf das Wichtigste geachtet wird. Die Bereiche, die leer bleiben, sind für das Auge optisch ansprechend. Die korrekte Nutzung des freien Speicherplatzes ermöglicht es Ihnen, die Navigation auf der Website zu vereinfachen, sie bequem und lesbar zu machen und den Benutzer sanft zum Handeln zu bewegen, wodurch die Konvertierung des Dienstes erhöht wird.

Die Änderungen sollten keinen merklichen Unterschied verursachen (oder Webers Gesetz)

Facebook nutzen?

In den letzten 5 Jahren, seit ich mich dort registriert habe, habe ich keine spürbaren Veränderungen gesehen. Warum behält Facebook jedes Schlüsselelement seines Designs bei? Die Antwort auf diese Frage erklärt, warum jede große Website, einschließlich Google, Twitter und Amazon, trotz ihres großen Budgets keine radikalen Neugestaltungen vornimmt.

Studien zeigen, dass wir die massiven Veränderungen in bestehenden Strukturen und Systemen nicht mögen, auch wenn diese Veränderungen uns zugute kommen.

Einfach ausgedrückt, Webers Gesetz, kombiniert mit unserer natürlichen Abneigung gegen Veränderungen, zeigt, dass der beste Weg, dem Redesign näher zu kommen, darin besteht, es so unauffällig zu machen, wie es jetzt lustig klingt, mit anderen Worten, punktuell und sich hier und da allmählich ein wenig zu ändern. Auf diese Weise sparen Sie die Conversion Ihrer Website so weit wie möglich, und ein erheblicher Teil des Publikums wird sich bereits an das Redesign gewöhnen, bevor Sie es vollständig abschließen.

Was ist mit dem Verhalten?

Die durchschnittliche Zeit, die ein neuer Benutzer zum ersten Mal auf der Website verbringt, um nach den benötigten Informationen zu suchen, beträgt etwa 27 Sekunden. Gleichzeitig scrollen nur 20% des gesamten Publikums durch die Seite (80% tun dies nicht). Es gibt auch eine 3-Klick-Regel, die besagt: Der Benutzer muss alle Informationen, die er dafür benötigt, mit 3 Mausklicks finden. Natürlich haben Websites aufgrund ihrer Spezifität nicht immer eine einfache Struktur. Wenn Ihre Webressource viele Kategorien und Unterkategorien enthält, sollten Sie diese Drei-Klick-Regel vergessen und Ihre Aufmerksamkeit besser darauf richten, die Intuitivität und logische Reihenfolge des Systems sicherzustellen.

Insgesamt können die obigen Empfehlungen in die folgenden Punkte eingepasst werden:

• Platzieren Sie die wichtigsten Inhalte oder Elemente dort, wo Benutzer sie sehen, und vermeiden Sie „blinde Flecken“.
• Machen Sie deutlich, welche Aktionen Benutzer auf jeder Seite ausführen sollten, und lassen Sie die Benutzer nicht nachdenken. (C)
• Entscheiden Sie, welche Seitenelemente die höchste Priorität haben. Erstellen Sie eine visuelle Hierarchie, die den Benutzer zuerst zu ihnen weiterleitet
• Befreien Sie sich von allem, was keinen wirklichen Beitrag leistet.
• Formatieren Sie den Text, um die Wahrnehmung zu erleichtern: Verwenden Sie eine große Anzahl von Überschriften, kürzen Sie Absätze und Listen mit Aufzählungszeichen, und denken Sie daran, dass grafische Schriftarten vom Benutzer viel langsamer gelesen werden.
• Stellen Sie den Kunden nur die Informationen zur Verfügung, die sie derzeit auf jeder Seite benötigen, und lassen Sie sie selbst entscheiden, ob sie weitere Details wünschen.

Dieser Artikel enthält meine praktischen Beobachtungen, sie sind keine klare Anweisung zur Ausführung, aber sie funktionieren wirklich. Ich habe nur die Spitze des Eisbergs des Wissens über die Psychologie des Benutzers in Bezug auf die Wahrnehmung von Informationen berührt, aber ich hoffe, meine Tipps sind nützlich.

Fortsetzung folgt ...