Interaktives Design

Die Psychologie des Webdesigns

Designer nehmen sich oft nicht die Zeit, die sie benötigen, um zu erfahren, wie grundlegende psychologische Prinzipien die Erfahrung ihrer Besucher auf den Websites beeinflussen können, die sie erstellen.

Psychologische Prinzipien werden entweder als unnötig oder zu kompliziert angesehen. Aber die Wahrheit ist, dass sie es auch nicht sind.

Es gibt nicht viele Konzepte, die mit der grundlegenden Designpsychologie verbunden sind, und die meisten sind relativ einfach und leicht zu erlernen.

Sie sind auch hauptsächlich einfach zu implementieren, obwohl einige etwas mehr Sorgfalt und Planung erfordern als andere.

Lesen Sie weiter, um mehr zu erfahren. Bitte hinterlassen Sie Ihr Feedback und Ihre Kommentare am Ende dieses Posts.

Der Zweck des psychologischen Designs

Die Berücksichtigung der Psychologie in Ihrem Design-Prozess kann einige positive Auswirkungen auf Ihr Endergebnis haben. Wenn Sie sich die Zeit nehmen, darüber nachzudenken, was Ihre Besucher wollen und wie sie es bekommen wollen, dann sind Sie auf dem richtigen Weg, eine Website zu erstellen, die die psychologischen Antriebe Ihrer Zielgruppe anspricht.

Wenn Sie die Besucherpsychologie in Betracht ziehen, werden Sie wahrscheinlich glücklichere Besucher haben, die eher die Aktionen ausführen, die Sie möchten, egal ob Sie sich mit Ihnen in Verbindung setzen, Ihr Produkt kaufen oder Ihre Freunde weiterempfehlen.

Dies ist der Hauptgrund für die Berücksichtigung der Psychologie in Ihren Entwürfen. Sie möchten es wahrscheinlicher machen, dass Ihre Besucher tun, was Sie wollen.

Vertrauen aufbauen

Damit Ihre Besucher tun können, was Sie wollen, müssen sie Ihnen vertrauen. Vertrauen ist nicht einfach, besonders in diesem Zeitalter der Betrügereien, Pläne und unappetitlichen Charaktere fast überall, wo wir online suchen.

Für jemanden, der wenig darüber weiß, wie das Internet wirklich funktioniert, sind sie misstrauisch gegenüber jedem, der sie nach persönlichen Informationen fragt, egal wie notwendig oder wie sehr die Website empfohlen wird.

Als Designer übersehen wir dies oft, da wir es gewohnt sind, Online-Geschäfte zu machen. Aber für unsere Kunden und für ihre Kunden kann das Internet immer noch ein großes, beängstigendes schwarzes Loch sein, in das ihre Informationen fließen.

In diesem Sinne können Sie Design-Psychologie verwenden, um Ihre Website für den durchschnittlichen Besucher vertrauenswürdiger aussehen zu lassen. Wenn Sie eine Website erstellen, die Besucher beruhigt, bedeutet dies, dass sie sich eher für ein Konto anmelden, ein Produkt kaufen oder anderweitig mit Ihnen Geschäfte machen. Dies kann durch eine Kombination aus Design und Sprache auf der Website erfolgen.

Vertrautheit und erkennbare Muster

Wenn jemand auf einer Seite innerhalb einer Website landet, gibt es bestimmte Dinge, die er sofort sehen wird, unabhängig von der Art der Website, auf der er sich befindet.

Wenn sie diese Dinge nicht sehen, haben sie oft das Gefühl, als wären sie in einer seltsamen Ödnis gelandet, die für sie keinen Sinn ergibt (und daher nicht vertrauenswürdig ist). Die zwei großen Dinge, die die Leute erwarten, sind der Zweck der Website (von der Bereitstellung von Informationen zu einem bestimmten Thema über den Verkauf eines Produkts bis hin zum schönen Aussehen) und eine Art der Navigation.

Während Markierungslinien helfen können, den Zweck zu erkennen, kann das Design diese Nachricht ergänzen und verstärken. Nehmen wir zum Beispiel an, dass Sie einen Umweltblog entwerfen. Wenn Ihr Design ist dunkel und brütend und hat eine Skyline der Stadt bei Sonnenuntergang in der Kopfzeile, wird es uns nicht einmal den geringsten Hinweis auf, was der Zweck der Website ist.

Auf der anderen Seite, wenn es eine saubere, modern aussehende Seite mit vielen grünen und natürlich aussehenden Akzenten ist, wird dies die Tatsache verstärken, dass dies ein Umweltblog ist.

Neben den Elementen, die jeder auf jeder Website erwartet, gibt es noch weitere Dinge, die Menschen auf bestimmten Arten von Websites oder in bestimmten Branchen erwarten können. Die Leute erwarten Blog-Posts auf der ersten Seite eines Blogs. Sie erwarten Produkte auf der Startseite einer E-Commerce-Website. Sie erwarten eine Suchfunktion auf jeder Seite, die mehr als ein paar Seiten tief ist. Und in den meisten Fällen erwarten sie irgendeine Art von "ungefähr" Informationen und eine Kontaktseite.

Branding-Konsistenz

Zusätzlich zu den allgemeinen Elementen, die die meisten Besucher auf einer Website sehen, gibt es oft Dinge, die Besucher mit Ihrer Firma verbinden können. Obwohl dies für ein neues Unternehmen oder ein sehr kleines Unternehmen keine Sorge ist, ist es für viele andere ein Problem.

Denken Sie über die Farben nach, die Sie in Ihren Offline-Werbematerialien verwenden. Diese Farben sollten in irgendeiner Weise in Ihre Website integriert werden, auch wenn es nur im Header-Bild oder als Akzentfarben ist.

Das Gleiche gilt für Ihr Logo. Wenn Sie ein Logo in Ihren gedruckten Marketingmaterialien verwenden, müssen Sie es ebenfalls auf Ihrer Website einfügen. Dies sind sehr grundlegende Dinge, aber es ist überraschend, wie viele Unternehmen die Konsistenz zwischen ihren Online- und Offline-Marketingbemühungen übersehen.

Psychologische Auslöser

Psychologische und emotionale Auslöser sind ein wertvolles Werkzeug, um Besucher zu beeinflussen, die gewünschten Aktionen zu machen. Zu den Auslösern gehören Schuldgefühle und Angst, aber auch ein Zugehörigkeitsgefühl und die Wertschätzung der Menschen.

Die Integration emotionaler Auslöser in Ihre Designs erfolgt am häufigsten über die Sprache auf der Website selbst, wobei grafische Elemente als Unterstützungssystem für diese Auslöser dienen. Verwenden Sie Bilder und Grafiken, die den verwendeten Auslöser verstärken.

Bilder zur Stärkung von Konzepten

Die Bilder, die Sie auf Ihren Websites verwenden, können den Besuchern helfen oder sie verwirren. Ein gut gewähltes Bild kann Ihren Besucher beruhigen und Ihre Absicht deutlich machen. Ein schlecht auserlesener kann sie am Kopf kratzen lassen und sich fühlen, als würden sie wieder in dieses schwarze Loch fallen.

Dieses Foto von einem Nilpferd in Disney World hat absolut nichts mit diesem Beitrag zu tun und dient nur dazu, Dinge zu verwirren.

Abstrakte Bilder können manchmal gut funktionieren, aber seien Sie vorsichtig bei der Verwendung, wenn ihre Bedeutung wichtig ist. Manchmal wird ein abstraktes Bild für verschiedene Menschen unterschiedliche Bedeutungen haben, oder die Bedeutung wird gänzlich übersehen.

Farbpsychologie

Die Psychologie der Farben ist eines der komplexeren Themen in der Designpsychologie, und wir werden hier nicht näher darauf eingehen. Aber die Farben, die Sie verwenden, können einen starken Einfluss darauf haben, wie Ihre Besucher Ihre Website wahrnehmen. Stellen Sie sicher, dass die ausgewählten Farben Ihre Nachricht und das Bild, das Sie darstellen möchten, verstärken.

Im Folgenden finden Sie eine grundlegende Liste von Farben und deren Bedeutung. Natürlich haben die Kombinationen von Farben, die Sie verwenden, mit ihrer genauen Schattierung, ihrem Farbton oder Ton auch einen Einfluss auf ihre Bedeutung.

  • rot
    Feurig und leidenschaftlich, kann sowohl Liebe als auch Wut darstellen.
  • Orange
    Teile Attribute von rot und gelb. Verbunden mit Energie und Wärme. Es ist ruhiger als rot und fröhlicher.
  • Gelb
    Eine warme, fröhliche Farbe. Es kann entweder Freude oder Feigheit darstellen.
  • Grün
    Bezeichnet Natur, Wachstum und Erneuerung. In ähnlicher Weise kann Grün manchmal Unerfahrenheit darstellen. Auf der anderen Seite ist Grün manchmal mit Neid oder Eifersucht verbunden.
  • Blau
    Beruhigend und kühl, aber zu viel kann deprimierend sein. Oft mit Unternehmensimages verknüpft.
  • Lila / Violett
    Lange mit Königtum und Reichtum verbunden. Es ist auch eine spirituelle Farbe und gilt als kreativ.
  • Schwarz
    Ein bisschen wie ein Chamäleon, kann es konservativ oder kantig, traditionell oder modern sein. Es kann mysteriös und sexy oder konventionell und sicher sein, je nachdem, wie es benutzt wird.
  • Weiß
    Verbunden mit Reinheit und Unschuld. Es passt zu jeder anderen Farbe.
  • Grau
    Neutral und ausgewogen. Gray ist konservativ und anspruchsvoll, kann aber auch als launisch angesehen werden.
  • Braun
    Eine gesunde und bodenständige Farbe, die Stabilität und Zuverlässigkeit bedeutet.

Lesemuster

Menschen neigen dazu, ein "Z" -Muster auf einer Website zu lesen, beginnend von oben von links und endend in der unteren rechten Ecke ihres Bildschirms.

Als Designer sollten Sie sich bemühen, den wichtigsten Inhalt in diesem Bereich zu platzieren. Aus diesem Grund enthalten viele Websites das Logo in der oberen linken Ecke der Kopfzeile.

Durch das Einbeziehen nicht wichtiger Informationen in diese Lesezone können Ihre Besucher die Website verlassen, bevor sie finden, wonach sie suchen, da sie denken, dass sie auf Ihrer Website nicht vorhanden sind.

Fokus jeder Seite

Jede Seite auf Ihrer Website sollte einen Schwerpunkt haben. Jede Seite sollte einen Zweck haben, sei es, um ein Produkt zu präsentieren, etwas über Ihr Unternehmen zu erzählen oder aktuelle Nachrichten zu präsentieren.

Ihr Design muss das Schwerpunktelement jeder Seite betonen. Der Fokus jeder Seite sollte auch sofort ersichtlich sein, damit die Besucher wissen, was sie dort tun. Dies kann durch Hinweise in der Navigation oder durch eine Kopfzeile zusätzlich zu dem Inhalt der Seite erreicht werden.

Eine der größten Marken einer Amateurseite ist der Versuch, zu viele Informationen auf jeder Seite zu hinterlassen. Haben Sie keine Angst vor Leerraum auf Ihren Seiten und fürchten Sie nicht, einen definierten Zweck für jede einzelne Seite Ihrer Website zu haben.

Atemraum

Das bringt uns zum Konzept von Leerraum und Atemraum. Wenn ein Besucher auf einer überladenen Seite mit allen denkbaren Dingen ankommt, werden sie sich überwältigt und klaustrophobisch fühlen.

Es ist wahrscheinlich, dass die Seite sich willkürlich und chaotisch anfühlt. Dadurch fühlen sich die Besucher, als wüssten sie nicht, wo sie anfangen sollen, was bedeutet, dass sie einfach Ihre Seite ganz überspringen und zu einem Platz weitergehen, wo sie etwas Luft zum Atmen haben.

Erlaube dem negativen Bereich auf deiner Website, deine Besucher zu den Bereichen zu leiten, auf die sie sich konzentrieren sollen. Durch die Kombination von Leerraum und richtig gestylten und proportionierten Elementen können Sie Ihre Besucher dazu ermutigen, eine bestimmte Sache zu betrachten und eine gewünschte Aktion zu unternehmen.

Schritte zur Integration der Design-Psychologie

Nun, da Sie bereits wissen, was Designpsychologie ist und was es für das Webdesign bedeutet, fragen Sie sich vielleicht, wie Sie es in Ihren eigenen Designprozess integrieren sollten. Hier sind ein paar Techniken, die Sie verwenden können:

Finde heraus, wer deine Besucher sind
Zu wissen, wer Ihre Besucher sind, ist ein sehr wichtiger erster Schritt in der Gestaltung einer Website, die sie ansprechen wird. Wenn Ihre Besucher technisch versierte Internet-Veteranen sind, werden sie andere Prioritäten haben als jemand, der nur online geht, um sich Fotos von ihren Enkelkindern anzuschauen. Finden Sie heraus, wer Ihr Zielbenutzer ist, und überlegen Sie dann, welche emotionalen Auslöser für sie arbeiten.

Interview deine Benutzer
Wenn Sie nicht sicher sind, was Ihre Benutzer oder Besucher wünschen, versuchen Sie, einige von ihnen zu interviewen. Finden Sie aktuelle oder ehemalige Kunden und sehen Sie, ob sie bereit sind, einige Fragen zu Ihrer Website zu beantworten. Erstellen Sie dann basierend auf den spezifischen Zielen Ihrer Website sinnvolle Fragen. Am wichtigsten, handeln Sie auf den Rat, den sie Ihnen geben. Zu oft führen Unternehmen Interviews oder Umfragen durch, machen aber niemals Änderungen aufgrund dessen, was ihnen gesagt wird.

Erstellen Sie eine Sitemap für Ihre Site
Sie müssen eine Karte für jede Seite Ihrer Website erstellen, um sicherzustellen, dass jede Seite nur einen Fokus hat. Erstellen Sie zunächst eine Liste mit allem, was auf Ihrer Website sein muss, und ordnen Sie dann zu, auf welcher Seite jedes Element ausgeführt werden sollte (idealerweise sollte es eine Seite pro Element geben, es sei denn, die Dinge sind sehr, sehr eng verwandt).

Stellen Sie Ihre Branding-Elemente zusammen
Erstellen Sie eine Liste oder erstellen Sie eine Datei mit den allgemeinen Elementen, die zur Darstellung Ihrer Marke verwendet werden. Wahrscheinlich würde dies ein Logo, ein Farbschema und möglicherweise eine bestimmte Schriftart umfassen. Dann finden Sie heraus, wo Sie diese in Ihr Website-Design integrieren können.

A / B-Tests durchführen
Selbst wenn Sie dies nur eingeschränkt tun, ist es wichtig herauszufinden, welche Websiteelemente am besten funktionieren. Wenn Sie sich nicht sicher sind, auf was sich Ihre Besucher auf einer bestimmten Seite bequemer einstellen, testen Sie sie mit zwei Versionen, um zu sehen, welche bessere Ergebnisse erzielt werden.

Designpsychologie ist etwas, was jeder Designer anstreben sollte, um mehr über seinen Workflow zu lernen und ihn zu integrieren. Es kann der wichtigste Faktor für die Effektivität Ihrer Designs sein und wie glücklich Ihre Kunden sind. Es braucht nicht viel Zeit und ist nicht besonders schwierig, also gibt es wirklich keine Entschuldigung, nicht einige dieser Prinzipien zu übernehmen und sie in die Praxis umzusetzen.

Mehr Ressourcen


Geschrieben exklusiv für WDD von Cameron Chapman

Behalten Sie bei Ihrer Designarbeit die psychologischen Prinzipien im Kopf? Welche sind die am häufigsten verwendeten in Ihrer eigenen Arbeit und warum?

Design Web-Design Psychologie