Inhaltsverzeichnis
Eine der einflussreichsten psychologischen Theorien im Bereich UX und Interaktionsdesign ist die Gestalttheorie, die von deutschen Psychologen begründet wurde und deren Wort "Gestalt" so viel wie "Gestalt" bedeutet. Formular oder Form Wie der Name schon sagt, liegt den Gestaltprinzipien die Idee zugrunde, dass der Mensch Gruppen von Objekten als Muster wahrnimmt und nicht einzelne Objekte.
Es gibt viele Artikel über die Gestaltprinzipien, aber nicht so viele davon helfen Ihnen zu verstehen, wie Sie sie in Ihrer Arbeit als UX/UI-Designer anwenden können. Dieser Artikel wird Ihnen einige Ideen geben, wie Sie die Gestaltprinzipien nutzen können, um bessere UX- und UI-Designs zu erstellen, die Menschen helfen, ihre Ziele mit weniger Aufwand zu erreichen.
Das Gesetz der Ähnlichkeit
Das Prinzip der Ähnlichkeit besagt, dass wir bei physisch ähnlichen Objekten dazu neigen sie zusammenzufassen und gehen davon aus, dass sie die gleiche Funktionalität In der folgenden Abbildung ist es zum Beispiel ziemlich einfach, die Linie mit den burgunderroten Kreisen vom Rest des Bildes zu unterscheiden, da sie eine andere Farbe hat.
Ein Beispiel für das Ähnlichkeitsprinzip (Foto vom Autor).
Verwendung von Ähnlichkeit im UX- und UI-Design
Stellen wir uns vor, Ihr Unternehmen hat eine App namens "Il Mio Chef" entwickelt, die von Liebhabern der italienischen Küche in den USA und Kanada genutzt wird (wir werden sie für den Rest dieses Artikels verwenden). In einem Bericht, den Ihnen Ihr UX-Forscher vor kurzem vorgelegt hat, heißt es, dass sich die Nutzer bei der Bestellung von italienischem Essen vor allem darum kümmern, welche Restaurants ihnen am nächsten sind. Schließlich möchten wir alle unsereLasagne oder Pizza geliefert bekommen, solange sie noch frisch und warm ist, nicht wahr?
Um unseren App-Benutzern zu zeigen, welche Restaurants ihnen am nächsten sind, können wir das Prinzip der Ähnlichkeit nutzen, indem wir diese Restaurants in der Benutzeroberfläche hervorheben. In der Abbildung unten sehen Sie, wie die gelbe Hervorhebung dieser Optionen (rechts) einen großen Unterschied macht, indem sie den Unterschied zwischen den nächstgelegenen und den weiter entfernten Restaurants visuell hervorhebt. So können Siekann das Prinzip der Ähnlichkeit nutzen, damit Ihre Nutzer schnell finden, was sie suchen.
Anwendung des Gestaltprinzips der Ähnlichkeit, Bild des Autors.
Das Gesetz der Annäherung
Das Prinzip der Nähe besagt, dass Objekte, die sich nahe beieinander befinden scheinen eher verwandt zu sein Das erste Bild und das zweite Bild haben beispielsweise die gleiche Anzahl von Kreisen. Im zweiten Bild liegen jedoch bestimmte Spalten näher beieinander, so dass der Eindruck entsteht, es handele sich um drei verschiedene Gruppen anstelle einer großen Gruppe.
Siehe auch: Eine große Welle: Japanische Illustratoren und Künstler bei der Rettung des Ozeans
Nähe - Beispiel 1 - eine große Gruppe. Bild vom Autor.
Siehe auch: 7 brillante Grafikdesign-Bücher, die Sie in Ihrer Sammlung brauchen
Nähe - Beispiel 2 - drei verschiedene Gruppen. Bild vom Autor.
Verwendung von Proximity im UX- und UI-Design
Nehmen wir ein Beispiel aus dem Bereich der Informationsvisualisierung.
Stellen wir uns vor, Sie sind eine Führungskraft, die sehen möchte, wie Ihre App "Il Mio Chef" abschneidet. Sie möchten KPIs betrachten, die die finanzielle Leistung, das Nutzerengagement und die Zufriedenheit messen. Zu Beginn erstellt Ihr Spezialist für Informationsvisualisierung das unten stehende Dashboard, das Sie und alle anderen Führungskräfte dazu bringt, sich in den Zahlen zu verlieren und noch mehr Fragen zu stellen. Nach einem Monat haben viele von Ihnendieses Dashboard einfach nicht mehr verwenden.
KPI-Dashboard - Il Mio Chef. Bild vom Autor.
An diesem Punkt gehen Sie zurück zu Ihrer Spezialistin für Informationsvisualisierung und bitten sie, das Dashboard so umzugestalten, dass die Leute das große Ganze besser verstehen können. Das Prinzip der Nähe ist in diesem Fall sehr nützlich, und Sie können das neue Design unten sehen. Es enthält drei Gruppen, die nach der Art der KPI unterteilt sind, und es hilft allen, zu verstehen, wie die App in finanzieller Hinsicht abschneidetDie Gruppierung von Objekten und die Verwendung von mehr Leerraum zwischen den Gruppen kann dazu beitragen, dass Ihre Benutzer Informationen schneller verarbeiten können.
Anwendung des Gestaltprinzips der Nähe bei der Gestaltung von Armaturenbrettern, Bild vom Autor.
Das Gesetz der Kontinuität
Das Prinzip der Kontinuität besagt, dass das Auge, sobald es beginnt, einem Objekt zu folgen, die "Bewegung" in diese Richtung fortsetzt, bis es auf ein anderes Objekt stößt. Diese Bewegung hilft uns, das Objekt als Teil desselben Pfades wahrzunehmen, den wir durchlaufen müssen, um Informationen zu finden. Die folgende Abbildung zeigt, wie wir das Prinzip der Kontinuität nutzen können, um solche visuellen Muster zu schaffen, die dieAuge in eine bestimmte Richtung.
Ein Beispiel für das Prinzip der Kontinuität, Bild des Autors.
Kontinuität im UX- und UI-Design nutzen
Ihr UX-Forscher hat einen neuen Bericht vorgelegt, aus dem hervorgeht, dass die Hauptmotivation der Nutzer für die Nutzung der "Il Mio Chef"-App die Erkundung von Lebensmitteln ist, da sie damit jede Woche neue italienische Restaurants kennenlernen können. Sie sehen sich die Metrik an, die angibt, wie oft die Nutzer mit dem aktuellen UI-Design in der Abbildung unten (linke Seite) durch ihre Optionen streichen, und stellen fest, dass sie nie mehr als zweimal aufDurchschnitt, um zu sehen, welche Optionen ihnen zur Verfügung stehen.
Durch die Anwendung des Prinzips der Kontinuität (rechts im Bild unten) konnte Ihr UX-Designer diese Zahl auf durchschnittlich 10 Wischbewegungen erhöhen. Wie ist das passiert? Indem ein Teil des Bildes ausgeblendet und die Tatsache hervorgehoben wurde, dass man nach links oder rechts wischen muss, um zu sehen, was sich darin befindet, wurden die Augen der Nutzer dazu gebracht, buchstäblich die "Wisch"-Bewegung auszuführen, und sie wurden stärker motiviert, weitere Restaurants zu erkunden.Das ist etwas, wozu das frühere Design Sie überhaupt nicht motiviert hat, selbst wenn Sie von Natur aus dazu motiviert sind.
Anwendung des Gestaltprinzips der Kontinuität im UX/UI-Design. Bild vom Autor.
Zusammenfassend Wenn Sie die in diesem Artikel vorgestellten Gestalt-Prinzipien in Ihrem UX- und UI-Design anwenden, können Sie Ihren Nutzern helfen, Informationen schneller zu finden und besser zu verdauen, und ihre Zufriedenheit mit Ihrem Produkt erhöhen, indem Sie sie zu den Aktionen motivieren, die sie am meisten lieben.
Der Umschlag enthält Grafiken von Miklos Philips, die in Vectornator bearbeitet wurden.
