Verhaltensmuster im UX-Webdesign mit Gestaltprinzipien stärken
Treten Sie mit mir, wenn Sie so wollen, in meinen bescheidenen DeLorean und reisen Sie zurück in die Geschichte, bis Sie in Ihrem Designtheoriekurs eingeschlafen sind.
Du brauchst keine Gestalttheorien, hast du gedacht. Du wusstest bereits, wie man ein Killerlogo macht. Sie hatten wichtigere Dinge zu tun, wie zum Beispiel Tagtraum über das Werden Sagmeister 'S nächster Schützling.
Ich hasse es, es Ihnen zu brechen, aber diese Grundlagen der Wahrnehmungsorganisation gehen weit über ein schönes Bild hinaus.
In der Tat sind sie die Grundpfeiler des kognitiv-emotional-behavioralen Prozesses, und wenn wir ihre praktische Anwendung verstehen, können wir leistungsfähigere Benutzererfahrungen entwickeln.
25-sekündige Geschichte der Gestaltpsychologie
Das Feld von Gestaltpsychologie zielt darauf ab zu erklären, wie der Geist visuelle, auditive und somatosensorische Reize wahrnimmt und organisiert. Als Webdesigner und User Experience (UX) -Profis finden Sie die Forschung der Gestaltpsychologie als ein unschätzbares Werkzeug, wenn es darum geht, nicht nur die Benutzerfreundlichkeit Ihres Produkts, sondern auch sein Engagement zu optimieren.
Um die 1910er Jahre eingeführt, wird es den Arbeiten der Psychologen Max Wertheimer, Kurt Koffka und Wolfgang Köhler zugeschrieben. Gestalt, Deutsch für "Form", gibt uns Einblick in die Orchestrierung von Benutzererfahrungen, indem wir die Beziehung zwischen einem bestimmten Stimulus und der kognitiven Reaktion des Benutzers untersuchen.
Beispielsweise:
Wertheimers Theorie besagt, dass ein Mensch die Wirkung der Erfahrung als Ganzes sieht, im Gegensatz zur Ansammlung der einzelnen Teile der Erfahrung. Es läuft im Grunde darauf hinaus: die gesamte Wirklichkeit wird auf die einfachste und stabilste Weise wahrgenommen und organisiert.
Einführung in die emotionale Gruppierung
- Gesetz der Nähe
Objekte nahe beieinander neigen dazu, zusammen gruppiert zu werden. - Gesetz der Ähnlichkeit
Ähnliche Artikel neigen dazu, zusammen gruppiert zu werden. - Gesetz der Schließung
Objekte, die zusammen gruppiert sind, werden als Ganzes betrachtet. - Gesetz der Kontinuität
Linien werden als dem glattesten Pfad folgend betrachtet. - Gesetz der gemeinsamen Region
Elemente in ähnlichen Bereichen werden in der Regel zusammen gruppiert. - Gesetz der Verbundenheit
Elemente, die verbunden sind, werden als Gruppen angesehen.
Die Gruppierungsprinzipien der Gestalt, auch Gesetz der perzeptiven Organisation genannt, sind die bekanntesten Theorien der Gestalt innerhalb der Design-Community. Indem Sie diese Prinzipien verstehen und umsetzen, können Sie Designs erstellen, deren ästhetische Wirkung eine positive kognitive Antwort hervorruft. Der wahre Wert dieser Theorien liegt jedoch darin, was sie zum gesamten kognitiv-emotional-behavioralen Prozess beitragen können.
Indem wir den Wunsch des Geistes treffen, Objekte zu gruppieren, um einen Sinn für das zu bekommen, was sie wahrnehmen, können wir emotionale Elemente in unsere Designs einfügen. Zum Beispiel würden drei Hasenikonen kaum eine emotionale Wirkung auf den Benutzer haben, es sei denn, es ruft Ekel hervor, so viele generische Photoshop-Vektorhasen in einem Artikel zu sehen:
Aber zieh ein Baumwollsamt Kaninchen und plötzlich gehst du in Freudengas-Territorium:
Schließlich werden wir etwas Angst einwerfen, um es etwas zu mischen. Oh nein!
Die Anwendung dieser Theorien ermöglicht es Ihnen, Verhaltensweisen im Interaktionsdesign zu stärken und Ihre Conversions zu steigern, das Markenengagement zu stärken, die Weltherrschaft zu erreichen oder was auch immer Ihr Ziel sein mag.
Verhaltensweisen durch emotionales Engagement über die Gestalt verstärken
Durch die kognitive Gruppierung emotionaler Auslöser mit Verhaltenstriggern oder mit Handlungsaufforderungen können Sie die Legitimität der Anfrage stärken und den Benutzer zum nächsten Schritt überreden. Dies führt zu höheren Conversions für E-Mail-Anmeldungen und -Käufe: Schritte, bei denen Nutzer etwas von sich selbst in die Beziehung mit der Plattform investieren, im Gegensatz zu einfachen Click-Torns oder navigationsbasierten Verhaltensweisen.
Um diese Konzepte in die Praxis umzusetzen, hat die ASPCAs Joplin Tornado Facebook-Kampagne nimmt die traurigen Augen einer Katze, die als Tornadoopfer identifiziert wird und einen großen Spielknopf überlagert.
Dies greift das Proximity-Prinzip auf, indem es einen emotional zwingenden Handlungsaufruf schafft. Anstatt einfach ein YouTube-Video einzubetten, haben die Designer dieses Banner als Link zu der Seite mit dem Video erstellt, um mehr Kontrolle darüber zu haben, was dem Nutzer präsentiert wird. Während das Banner mit den Abmessungen der Videoplayer über das Internet konsistent ist und eine Wiedergabeschaltfläche überlagert wird (wodurch das Prinzip der Ähnlichkeit ausgenutzt wird), sind sie in der Lage, einen zwingenden Aufruf zum Handeln zu erzeugen.
Zum Vergleich die einfache Einbettung eines YouTube-Videos auf Tim Ferriss 'Blog fehlt die Verlobung, die wir mit der ASPCA-Anfrage sehen, ihr Video abzuspielen.
Emotionale Ansteckung im Webdesign
Also, wie funktioniert es? Warum sind einige visuelle Bilder so zwingend, während andere nicht? Starke visuelle Bilder und emotional ansprechender Text tragen dazu bei, " emotionale Ansteckung "Mit dem Benutzer. Emotionale Ansteckung ist ein psychologisches Phänomen, das im Grunde darauf hinausläuft: Emotionen sind ansteckend.
Mit anderen Worten, das Kätzchen dort oben hat dich gerade mit einem Fall des gemeinen Blues infiziert. Sie können es fast denken hören: "Bring mich nach Hause. Lieb mich. Werde mein Paparazzi und erschaffe aus meiner glücklichen Zeit grundlose Lolcat Meme. " Selbst wenn du kein Katzenmensch bist, wäre es schwer, keine Sympathie für seine Notlage zu empfinden. Die ASPCA kennt die Kraft trauriger Tieraugen; es stützt sich in seinen Kampagnen immer wieder auf das Bildmaterial.
Das obige Beispiel verwendet ein Foto, aber Illustrationen und Logos können auch dazu beitragen, emotionale Zustände bei Benutzern zu erzeugen. Ein Beispiel dafür ist LessAccounting 'S Homepage (wie von vorgeschlagen @ JbirdDesign ).
Die Seite richtet ihr Partnerschafts-Branding (um Glaubwürdigkeit zu gewinnen) visuell an ihre Handlungsaufforderungen und andere Verhaltensweisen aus, um Vertrauen aufzubauen. Indem die Partnerlogos die gleiche Größe und Form (Ähnlichkeitsprinzip) beibehalten und sie innerhalb eines Umfangs positionieren (Verschlussprinzip), veranlassen die Designer den Benutzer, sie als eine Einheit wahrzunehmen, obwohl sie die Breite der Seite einnehmen. Mit dem Connectedness-Prinzip verknüpfen die Designer die Logos optisch mit der zentralen Box "Buchhaltung sollte einfach sein", in der der Button "Mit einer kostenlosen Testversion starten" im Mittelpunkt steht.
Finanzinstitute geben eine Menge Geld aus, um ihre Marke mit Vertrauenswürdigkeit zu verbinden, wie in "Vertraue uns auf deine Geldeinlagen". Dies kann auch mit Co-op, Associate oder Press Branding erreicht werden.
Nachrichtenmedien positionieren ihre Marken auch als vertrauenswürdige Informationsquellen. Weit davon entfernt, eine Dose Würmer darüber zu öffnen, ob einer dieser Institutionen wirklich vertraut werden kann, erkennen wir nur an, dass Vertrauen eine tragfähige Emotion in ihren Markenstrategien ist. Andere Marken können wiederum das emotionale Engagement einer Marke nutzen, um die Effektivität ihrer eigenen Strategien zu steigern. Das Ende. Keine Flammenkriege in den Kommentaren, Leute.
Ein anderes Beispiel ist MailChimp 'S Newsletteranmeldung, unten. Angesichts von Logos glaubwürdiger Industriebehörden treten Nutzer auf einer höheren Vertrauensstufe in eine Beziehung mit der Plattform ein, sei es durch die Erstellung eines Kontos oder die Anmeldung für den Newsletter.
Wenn das Risiko höher ist, wie bei den Sozialversicherungs- und Kreditkartennummern, sollte auch die Glaubwürdigkeit in Bezug auf die Handlung stimmen. Wenn eine Marke nicht in sich allein glaubwürdig genug ist, wie Amazon, ist es in der Regel auf Logos und Vertrauenssiegel, wie die für das Better Business Bureau und die PCI-Compliance angewiesen, um das Vertrauen der Verbraucher stärken .
In einer Nussschale
Durch das Verständnis der perzeptiven Organisation, die am kognitiven Prozess beteiligt ist, können wir stärkere Strategien für emotionale und behaviorale Auslöser in unseren Benutzererfahrungen entwickeln.
- Die Koppelung von emotionalen und behavioralen Auslösern in irgendeiner Form kognitiver Gruppierung - sei es durch Nähe, Ähnlichkeit oder etwas anderes - stärkt die Motivation, auf das Verhaltenstaktik zu reagieren.
- Industriestandards sind nicht unbedingt emotional ansprechend, wie im obigen YouTube-Einbettungsvergleich dargestellt. Lernen Sie, Ihre Erfahrungen zu kuratieren, anstatt einen Standard zu abonnieren.
- Mithilfe von Gestalt-Prinzipien können UX-Experten das Vertrauen nutzen, um verkaufsbasierte Conversions zu steigern.
Wie verwenden Sie emotionale und verhaltensbezogene Gruppierungen in Ihren Benutzererfahrungen? Bist du beim Surfen auf ein tolles Beispiel gestoßen? Kommentare, Kommentare! Wir wollen es wissen, bitte!