Wir sprechen über das Entwerfen von etwas, das einen Benutzer emotional verbindet. Diese Verbindung kann eine Schlüsselkomponente beim Aufbau von Vertrauen und Relativität sein. Es ist viel schwieriger als es klingt. Es gibt so viele Dinge zu beachten. Emotionen sind breit, kompliziert und oft sehr schwer zu beeinflussen oder zu verändern.
Daran werden wir heute denken. Was ist eine emotionale (oder emotionale) Benutzeroberfläche? Wie können Sie eine Benutzeroberfläche erstellen, die diese emotionale Verbindung tatsächlich hervorruft? Und sollten Sie dies bei Ihrem nächsten Designprojekt genauer prüfen?
Was ist eine emotionale (emotionale) Benutzeroberfläche?
Unsere E-Mails, Texte und Social-Media-Profile geben einen Einblick in die Welt der emotionalen Benutzeroberfläche. Unsere tägliche Kommunikation ist mit winzigen Gesichtern gefüllt, die anderen das genaue Gefühl vermitteln, was wir fühlen.
Eine emotionale Benutzeroberfläche ist der neue heilige Gral des Website-Designs. Es ist die Kombination einer Schnittstelle, die äußerst benutzerfreundlich ist und Menschen auf viszeraler Ebene verbindet. Egal, ob es Freude oder Freude oder Angst oder Wut oder Trauer ist, die Menschen spüren eine Reihe von Dingen, wenn sie mit einem guten Design interagieren.
Es gibt nichts Schlimmeres als ein Design, bei dem der Benutzer nichts spürt. (Weil es ihnen egal ist.)
Es gibt eine Reihe von Emotionen, die berücksichtigt werden müssen, und die Benutzer können sich im Verlauf der Interaktion durch mehrere Phasen bewegen. Es ist wichtig, sich daran zu erinnern, dass der emotionale Teil der Gleichung aufgrund des Inhalts und des Designs eintritt. Es ist Teil der Geschichte, die Sie erzählen. Die Emotionen der Benutzer sollten nicht auf die direkte Verwendung der Website oder der App selbst zurückzuführen sein (z. B. Frustration durch etwas, das nicht ordnungsgemäß funktioniert).
Wie Sie wissen, sind wir alle ziemlich komplex. Für Benutzer kann es schwierig sein, Ihnen genau zu sagen, was sie fühlen und ob die emotionalen Verbindungen richtig sind. Es gibt jedoch einige Theorien, die Ihnen helfen können.
Das Recht? Emotion
Sherine Kazim, Managing Director of Experience Design für Huge, entwickelte ein Emoji-basiertes Emotionsrad, das auf dem Rad von 1980 basiert, an das heute viele Designer denken. Das Rad ist eine Kombination aus dem Standardfarbrad und fügt jeder Farbe emotionale Werte und Assoziationen hinzu. Es ist ein guter Ausgangspunkt, um zu verstehen, wie Farbe ein Design beeinflussen kann.
Die heutige Dynamik hat sich jedoch verändert, und Kazims Emoji-Overlay könnte eine realistischere Interpretation dessen sein, wo wir heute sind.
Hier ist, was sie dazu sagte:? Sie können in der Tabelle sehen, dass es eine Abschwächung der Intensität gibt, wenn Sie sich weiter auf dem Rad bewegen, und im Design spricht noch niemand darüber. Wir entwerfen derzeit Dinge, bei denen Menschen grundlegende Emotionen spüren - vielleicht Freude oder Traurigkeit -, aber wir sprechen nicht darüber, wie wir die Benutzeroberfläche daran anpassen sollten, wie die Emotionen des Benutzers sich verstärken oder zerstreuen.?
Was bedeutet das alles? Grundsätzlich sind Emotionen komplex und viel weniger direkt, als wir es entworfen haben. Die meisten Designer nehmen diese rote Wut an. oder? Ärger? Vereinigung und laufen damit. Aber es ist nicht genau so.
So viel von dem, was wirklich in diese emotionale Verbindung eingeht, bezieht sich auch auf den Rest des Designs. Eine Farbe alleine kann das nicht.
Emotion gestalten
Denken wir also eine Minute über dieses Emojis-Rad nach. Hier gibt es einen riesigen Imbiss für Designer, der mehr als eine coole Infografik ist. Das Radkonzept definiert fast einen dreiteiligen Prozess zum Nachdenken über das tatsächliche Design, das Sie der Emotion zuordnen, die die Benutzer empfinden sollen.
Die überzeugendsten Designs verwenden Farben, Bilder, die Gesichter und die richtigen Wörter als emotionale Werkzeuge enthalten.
Farbe
Beginnen Sie mit dem Farbkonzept, das Sie bereits kennen, aber denken Sie an Kazims Rat und überlegen Sie sich die emotionale Verbindung zwischen den Nutzern. Farbe allein reicht wahrscheinlich nicht aus, um eine emotionale Verbindung herzustellen.
Farbe ist ein guter Rahmen, um Sie beim Nachdenken über eine Baseline-Verbindung zu unterstützen. Die Zuordnung zu einer Farbe kann sich von der des Benutzers unterscheiden.
Was fühlst du, wenn du das Bild oben anschaust? Ist die helle Farbauswahl ausreichend, um eine bestimmte Emotion zu wecken? Oder haben Sie mehr neutrale Gefühle, bis Sie andere Teile des Designs betrachten?
Gesichter
Optisch ist die beste Chance, die gewünschte Emotion zu erzeugen, die Verwendung von Gesichtern. Bilder von Menschen, die die Emotionen zeigen, die Sie vermitteln möchten, sind der effektivste Weg, den Benutzern zu zeigen, was sie fühlen sollen.
Schauen Sie sich das Bild oben von der Elegant Seagulls-Website an. Das Foto zeigt einen Mann, der eine gewisse Überraschung zeigt. Hast du ein bisschen das gleiche gespürt? Haben Sie ein Grinsen auf Ihrem Gesicht gespürt, als Sie das Bild betrachteten?
Das ist eine effektive emotionale Benutzeroberfläche. Vor allem, wenn Sie die nächste Aktion in Betracht ziehen, die Sie ergreifen. Haben Sie zum nächsten Verdächtigen in der Sequenz übergegangen, nur um zu sehen, was passieren würde?
Wörter
Schließlich sind Wörter und Sprache die Designtechnik, die alles zusammenbringt. (Denken Sie normalerweise an Wörter als Gestaltungselement? Sie sollten. Die Wörter sind genauso wichtig wie die Schriftbilder.)
Die Worte sind das letzte Stichwort, mit dessen Hilfe der Benutzer bestimmen kann, was Farbe und Bildmaterial wirklich bedeuten. (Ja, Sie müssen es für die meisten Benutzer wirklich buchstabieren.)
Der Ton der Wörter kann einen Benutzer verstehen lassen, dass der Inhalt der Schnittstelle weich und leicht ist, oder das Gefühl von Angst und Angst verstärken. Die Art und Weise, wie Sie mit dem Benutzer sprechen, die Befehle in den Aktionsschaltflächen und die Erzählung tragen zu dieser Emotion bei. Schafft es die Szene, die Sie beabsichtigen?
Nehmen Sie zum Beispiel die Kleidungsstätte von Draper James. Das Heldenbild beinhaltet ein glücklich lächelndes Gesicht, um eine Linie südlicher Kleidung zu verkaufen. Die Farben sind hell und einladend. Nun schau dir den Text an: "Happy Fall, Y'all!" Es zieht eine direkte emotionale Korrelation zu dem, was der Benutzer bei der Interaktion mit diesem Design empfinden soll.(Die größere Frage ist hier das Publikum. Kann diese Art von Emotion tatsächlich einige Benutzer abweisen? Das müssen Sie entscheiden.)
Fazit
Auch wenn es nicht neu ist, auf emotionaler Ebene zu entwerfen, wird das Gespräch dank technologischer Veränderungen immer wieder neu. Virtuelle Realität und künstliche Intelligenz stellen uns viele Fragen zur Zukunft von Schnittstellendesigns. Müssen sie noch menschlicher sein, um arbeiten zu können?
Mit diesen Konzepten fordern die Nutzer wahrscheinlich einen "echten" Erfahrung und Emotion sind ein großer Teil davon. Es ist der Faden, der die Menschen zu diesen aufkommenden Geräten und Ideen zurückbringen wird. Mach dich bereit für eine ziemlich verrückte Fahrt!