Der erste Eindruck zählt: Warum gutes visuelles Design so wichtig ist

Veröffentlicht: 2021-07-22

Menschen fällen schnelle Urteile. Es dauert nur 1/10 Sekunde, um sich einen ersten Eindruck von einer Person zu machen. Websites sind nicht anders.

Es dauert ungefähr 50 Millisekunden (ms) (das sind 0,05 Sekunden), bis sich Benutzer eine Meinung über Ihre Website bilden, die darüber entscheidet, ob sie bleiben oder gehen.

Diese Zahl stammt aus bestimmten Studien. In der ersten Studie bewerteten die Teilnehmer zweimal die visuelle Attraktivität von Web-Homepages, die jeweils 500 ms lang präsentiert wurden. In einer Folgestudie reduzierten sie die Belichtungszeit auf 50 ms.

Durchweg korrelierten die Bewertungen der visuellen Attraktivität von einer Phase zur nächsten hoch, ebenso wie die Korrelationen zwischen den 50-ms- und 500-ms-Bedingungen. So kann die visuelle Attraktivität innerhalb von 50 ms beurteilt werden, was darauf hindeutet, dass Sie etwa 50 ms Zeit haben, um mit Ihrer Website einen guten ersten Eindruck zu hinterlassen.

Dieser erste Eindruck hängt von vielen Faktoren ab: Struktur, Farben, Abstände, Symmetrie, Textmenge, Schriftarten und mehr. Dieser Beitrag:

  • Detaillierte Recherchen zu Websites und ersten Eindrücken.
  • Zeigt Ihnen, wie Sie ein visuelles Design erstellen, um den ersten Eindruck zu verbessern.

Hinweis: Alle folgenden Website-Screenshots dienen nur zur Veranschaulichung .

Recherche auf Websites und erster Eindruck

Benutzer bilden sich in 17 ms eine Meinung zum Design.

Vor einigen Jahren hat Google die 50-ms-Zahl in eigenen Recherchen bestätigt. Tatsächlich entwickeln sich laut ihrer Studie einige Meinungen innerhalb von 17 ms, obwohl der Effekt bei einigen Designfaktoren weniger ausgeprägt war.

Die wichtigsten Ergebnisse ihrer Studie waren, dass Websites mit geringer visueller Komplexität und hoher Prototypität (wie repräsentativ ein Design für eine bestimmte Kategorie von Websites aussieht) als sehr ansprechend empfunden wurden.

Squaresquare-Beispiel für eine prototypische Homepage
Menschen haben Erwartungen an das Aussehen einer Website. Davon abzuweichen ist ein Risiko, egal wie einfallsreich oder auffällig das Design ist.

Schlüssel zum Mitnehmen: Machen Sie Ihr Webdesign einfach und vertraut. Befolgen Sie Konventionen. Die Leute haben eine feste Vorstellung davon, wie eine E-Commerce-Site aussehen sollte . Wenn Sie sich für innovative, unkonventionelle Layouts entscheiden, werden die Leute sie wahrscheinlich weniger mögen.

Hinweis: In unserem umfassenden Bericht (247 Richtlinien speziell für E-Commerce) finden Sie zahlreiche E-Commerce-Richtlinien und Testideen.

Es dauert 2,6 Sekunden, bis sich die Augen auf Schlüsselbereiche einer Webseite niedergelassen haben.

Es dauert 2,6 Sekunden, bis die Augen eines Nutzers auf dem Bereich einer Website landen, der den ersten Eindruck am meisten beeinflusst.

Die Forscher überwachten die Augenbewegungen der Schüler beim Scannen von Webseiten. Die Forscher analysierten dann die Eye-Tracking-Daten, um zu bestimmen, wie lange es dauerte, bis die Schüler sich auf bestimmte Abschnitte einer Seite konzentrierten, wie z das Menü , Logo, Bilder und Social-Media-Symbole – bevor sie zu einem anderen Abschnitt wechselten.

Sie stellten fest, dass je besser der erste Eindruck ist, je länger die Teilnehmer blieben auf der Seite.

  • Die 21 besten Ideen für E-Commerce-A/B-Tests

    Von CXL

    Verbessern Sie Ihren ersten Eindruck, indem Sie testen, was funktioniert. Hier sind die 21 besten E-Commerce-Testideen, die aus der Forschung abgeleitet wurden.

  • Dieses Feld dient zu Validierungszwecken und sollte unverändert bleiben.
Beispiel einer Eye-Tracking-Studie für den ersten Eindruck einer Website
Die Studie unterteilte die Website in sechs Abschnitte und überwachte dann die Augenbewegungen der Schüler. (Bildquelle)

Die sechs Website-Abschnitte, die bei den Zuschauern das größte Interesse geweckt haben, waren:

  1. Das Logo der Institution. Die Benutzer verbrachten 6,48 Sekunden damit, sich auf diesen Bereich zu konzentrieren, bevor sie weitergingen.
  2. Das Hauptnavigationsmenü. Fast so beliebt wie das Logo, verbrachten die Probanden durchschnittlich 6,44 Sekunden mit dem Betrachten der Speisekarte.
  3. Das Suchfeld . Benutzer konzentrierten sich etwas mehr als 6 Sekunden lang.
  4. Das Hauptbild der Website. Die Augen der Nutzer blieben durchschnittlich 5,94 Sekunden fixiert.
  5. Der schriftliche Inhalt der Website . Die Benutzer verbrachten etwa 5,59 Sekunden.
  6. Das untere Ende einer Website . Die Benutzer verbrachten etwa 5,25 Sekunden.

Schlüssel zum Mitnehmen: Ein guter erster Eindruck führt zu einem längeren Besuch. Stellen Sie sicher, dass die sechs hier aufgeführten Elemente gut aussehen.

Der erste Eindruck ist zu 94 % designbezogen.

Britische Forscher analysierten, wie verschiedene Design- und Informationsinhaltsfaktoren das Vertrauen von Online-Gesundheitsseiten beeinflussen. Die Studie zeigte deutlich, dass das Erscheinungsbild der Website der Haupttreiber für den ersten Eindruck war.

Beispiel für sauberes Website-Design
Eine britische Studie ergab, dass sich die meisten Kritiken an Websites auf die Wahrnehmung des Website-Designs und nicht auf dessen Inhalt stützten.

Von allen Feedbacks der Testteilnehmer betrafen 94% das Design:

  • Komplex;
  • Beschäftigtes Layout;
  • Mangel an Navigationshilfen;
  • Langweiliges Webdesign;
  • Verwendung von Farbe;
  • Pop-up-Werbung;
  • Langsame Einführungen in die Site;
  • Kleingedrucktes;
  • Zu viel Text;
  • Corporate Look and Feel;
  • Schlechte Suchfunktionen.

Nur 6% des Feedbacks betrafen den eigentlichen Inhalt. Visuelle Attraktivität und Website-Navigation hatten den größten Einfluss auf den ersten Eindruck der Menschen von der Website.

Gleichzeitig war schlechtes Interface-Design mit schneller Ablehnung und Misstrauen gegenüber einer Website verbunden. Wenn den Teilnehmern ein Aspekt des Designs nicht gefiel, wurde die gesamte Website selten über die Homepage hinaus erkundet.

Ähnliche Ergebnisse wurden in Untersuchungen für Consumer WebWatch gefunden, die von Glaubwürdigkeitsexperten der Stanford University durchgeführt wurden. Sie fanden heraus, dass das, was die Leute darüber sagen, wie sie das Vertrauen einer Website einschätzen und wie sie es wirklich tun, unterschiedlich ist.

Die Daten zeigten, dass der durchschnittliche Verbraucher den oberflächlichen Aspekten einer Site, wie etwa visuellen Hinweisen, weit mehr Aufmerksamkeit schenkte als ihrem Inhalt. Zum Beispiel bewertet fast die Hälfte aller Verbraucher (46,1%) die Glaubwürdigkeit von Websites teilweise aufgrund der Attraktivität des visuellen Designs, einschließlich Layout, Typografie, Schriftgröße und Farbschemata.

Schlüssel zum Mitnehmen: Großartiges Design bringt die Leute dazu, Ihnen zu vertrauen und zu bleiben. Schlechtes Design schafft Misstrauen und lässt die Leute gehen.

Für den ersten Eindruck übertrifft die visuelle Attraktivität sogar die Benutzerfreundlichkeit.

In einer Studie wurden die Auswirkungen von visueller Attraktivität und Benutzerfreundlichkeit auf die Leistung und Zufriedenheit der Benutzer mit einer Website untersucht.

Benutzer erledigten auf Websites verschiedene Aufgaben, die sich in visueller Attraktivität (hoch und niedrig) und Benutzerfreundlichkeit (hoch und niedrig) unterschieden. Die Ergebnisse zeigten, dass der erste Eindruck am meisten von der visuellen Attraktivität der Website beeinflusst wird.

Benutzer gaben Websites mit hoher Attraktivität eine hohe „Benutzbarkeits- und Interessenbewertung“ und Websites mit niedrigen „Benutzbarkeits- und Interessensbewertungen“ niedrig Beschwerde. Die Nutzerwahrnehmung einer Website mit geringer Attraktivität wurde auch nach einer erfolgreichen Erfahrung mit der Website nicht wesentlich durch die Benutzerfreundlichkeit der Website beeinflusst.

Schlüssel zum Mitnehmen: Investieren Sie in Design. Es ist das Wichtigste, um Benutzer anzuziehen. Lustigerweise führt ein großartiges visuelles Design zu höheren Benutzerfreundlichkeitsbewertungen und die tatsächliche Benutzerfreundlichkeit spielt eine viel geringere Rolle.

Ein positiver erster Eindruck kann die allgemeine Zufriedenheit steigern.

In einem Experiment, das durchgeführt wurde, um die Auswirkungen von Produkterwartungen auf subjektive Usability-Bewertungen zu untersuchen, lesen die Teilnehmer vor einem Usability-Test eine positive oder eine negative Produktbewertung zu einem neuartigen Mobilgerät. Die Kontrollgruppe las nichts.

mobiles Gerät, das bei der Priming-Studie mit positiven Produktbewertungen verwendet wird.
Das in der Studie verwendete Gerät. Positive Produktbewertungen bereiteten den Benutzern eine positivere Erfahrung vor, selbst wenn sie eine zugewiesene Aufgabe nicht erledigten.

Die Studie zeigte den überraschend starken Effekt positiver Erwartungen auf die subjektive Bewertung nach dem Experiment. Die Teilnehmer, die die positive Bewertung lasen, gaben dem Gerät nach dem Experiment signifikant bessere Bewertungen als die Gruppen mit negativem Prime und No-Prime.

Dieser Boost-Effekt der positiven Primzahl hielt auch im Hard-Task-Zustand an, wenn die Benutzer die meisten Tasks versagten.

Schlüssel zum Mitnehmen: Wenn Benutzer Ihre Website „sofort“ mögen, werden sie Ihnen etwas Zeit für Schluckauf auf der ganzen Linie nehmen. Diese Art des Primings kann auch anders funktionieren: A n egativ Der erste Eindruck verringert die allgemeine Zufriedenheit mit Ihrer Website.

Wenn Sie also einen guten Eindruck hinterlassen möchten, wo fangen Sie am besten an?

So hinterlassen Sie mit visuellem Design einen guten ersten Eindruck

1. Differenzieren Sie Ihre Website (und Ihr Unternehmen) durch Ihr Design.

Bist du schick, albern, sexy, versiert, smart, klassisch oder was? Wie unterscheiden Sie sich von der Konkurrenz? Kommunizieren Sie das so schnell wie möglich durch Typografie, Bilder und Design auf Ihrer Website?

Es gibt ein Gleichgewicht zwischen der Vermeidung von „innovativem“ Design – das die Verbraucher abschrecken kann – und der Suche nach einem einzigartigen visuellen Stil. Zu oft verfolgen Unternehmen in derselben Branche einen „Me-too“-Ansatz in ihrer Designästhetik.

Manchmal sind konkurrierende Sites so ähnlich, dass es fast unmöglich wäre, eine Site von einer anderen zu unterscheiden, wenn Sie das Logo aus dem Header der Site entfernen würden.

Soweit mir aufgefallen ist, hat dies zwei Hauptgründe:

  1. Die interne Diskussion über Designästhetik wird zu einer über Features, anstatt eine eindeutige visuelle Identität zu entwickeln.
  2. Die Funktionen und Ästhetiken, die für den Wettbewerb „funktioniert aussehen“, werden übernommen.

Wenn die neue Site startet, sind natürlich alle zu sehr damit beschäftigt, sich gegenseitig High Fives zu geben, um zu bemerken, dass das neue Design fast eine Kopie eines Majors ist Wettbewerber, oder dass Sie es völlig versäumt haben, bestehende Kunden zu fragen, warum sie überhaupt gerne bei Ihrem Unternehmen einkaufen.

Wenn Sie Ihrer visuellen Kommunikation mehr Unterscheidungskraft verleihen möchten, aber nicht wissen, wo Sie anfangen sollen, schauen Sie sich die Zaltman Metapher Elicitation Technique an und wenden Sie sie auf Ihre qualitativen Umfragen an. Dies kann Ihnen helfen, einen ersten Eindruck zu erstellen, der die Kernwerte Ihrer Marke widerspiegelt, ohne Besucher zu verwirren.

ZMET-Technik in der Marktforschung von Taylan Demirkaya

„Markenidentität“ ist nicht nur eine matschige Sache, die man wegschieben kann. The Cheskin Research & Studio Archetype fand bereits 1999 heraus, dass die sechs wichtigsten Faktoren beim Aufbau von Vertrauen zu einem E-Commerce-Unternehmen sind:

  • Marke;
  • Navigation;
  • Erfüllung;
  • Präsentation;
  • Modernste Technologie;
  • Sicherheitslogos.

Denken Sie eine Sekunde darüber nach. Wenn der erste Eindruck ist, dass Ihre Website nicht von anderen Websites zu unterscheiden ist, warum sollte dann jemand Ihre Produktseiten erkunden, geschweige denn Sie der Konkurrenz vorziehen?

Hier ist ein Beispiel: Ich habe "Lederjacke" gegoogelt, um zu sehen, ob die visuelle Unterscheidung und der erste Gesamteindruck bei einer zufälligen Suche ein Problem darstellen. Das waren die ersten drei Ergebnisse:

Trennt irgendetwas diese drei Seiten? Nicht wirklich, auch wenn sie nicht genau dieselbe demografische Gruppe haben.

Es dauerte eine Weile, durch die Suchergebnisse zu scrollen, bis ich eine Website fand, die nicht wie die oben genannten aussah, und schließlich über Bomboogie stolperte. Es ist nicht zu leugnen, dass sich die Seite von ihren Konkurrenten unterscheidet:

Im Gegensatz zu anderen Websites vermittelt die Seite sofort ein anderes Gefühl – dies ist kein Unternehmen, das zarte High-Fashion-Jacken herstellt. Ihre Jacken sind „inspiriert von den Jacken der Flieger“ und die Seite sieht so aus.

Als ich vor Jahren zum ersten Mal diese Recherchen durchführte, war die auffälligste Seite, die ich fand, Schott. Obwohl ich den Bildschieberegler, die Getränkekappen-Navigation und viele der gefälschten Texturen aufgegeben hätte, hatte das Design einen Charme, der einen starken ersten Eindruck hinterließ, insbesondere angesichts der Tatsache, dass es sich um eine alte Marke handelt.

Schott

Sie können den Charakter und die Emotionen spüren und ein Gefühl dafür bekommen, ob sie vertrauenswürdig sind oder nicht, worum es beim ersten Eindruck geht.

Der Designtrend hat sie jedoch auch eingeholt und jetzt sehen sie viel mehr aus wie jede andere Seite da draußen:

Shopify hat eine Liste von 100 schönen E-Commerce-Designs erstellt, die Unternehmen mit unterschiedlichen ersten Eindrücken zeigen.

Schlüssel zum Mitnehmen : Sie können (und sollten) eine einzigartige Markenidentität kommunizieren, ohne so innovativ zu sein, dass Sie die Benutzer verwirren oder verärgern.

2. Inspirieren Sie die Website-Besucher, eine stärkere First zu schaffen Eindruck.

Eine Studie, die sich mit der Rolle des ersten Eindrucks auf Tourismus-Websites befasste, ergab, dass inspirierende Elemente den größten Einfluss auf erster Eindruck s.

Dies deutet darauf hin, dass visuell ansprechende Reize ein wichtiges Instrument sind, um Menschen dazu zu bringen, länger auf einer Website zu bleiben und so mehr Besucher in Käufer zu verwandeln.

inspirierende ansicht der natur auf einer chilenischen reiseseite

Usability war der zweitwichtigste Faktor für die Bildung des ersten Eindrucks, gefolgt von Glaubwürdigkeit.

Alles in allem sagt uns dies, dass Reisende sich für ein Reiseziel (Bilder) inspirieren lassen wollen. Sie wollen keine mentale Energie damit verschwenden, Dinge herauszufinden (Usability), und sie möchten sicher sein, dass der Reiseanbieter seriös ist (Glaubwürdigkeit).

Schlüssel zum Mitnehmen: Wenn Sie einen Traum verkaufen (z. B. die Idee, nach Chile zu reisen), ist inspirierende Fotografie der führende erste Eindruck.

3. Stellen Sie sicher, dass der Bereich oberhalb der Falte schaukelt.

Im Laufe der Jahre wurde das Thema „Over-the-Fold“ heiß diskutiert. Untersuchungen haben ergeben, dass die Leute kein Problem mit dem Scrollen haben und es sogar bevorzugenteilen den Inhalt auf viele Seiten. Was hat das mit ersten Eindrücken zu tun?

9 Website-Glaubwürdigkeitskiller

Von Alex Birkett

Erfahren Sie, wie Sie eine Webseite erstellen, die Vertrauen weckt, nicht Skepsis – die einen Kauf unterstützt, anstatt ihn abzuschrecken.

  • Dieses Feld dient zu Validierungszwecken und sollte unverändert bleiben.

Hier ist eine neue Denkweise über das oben genannte Problem: Es muss der beste Teil Ihrer Website sein. Der erste Eindruck entsteht in 0,05 Sekunden. Benutzer scrollen in dieser Zeit nicht nach unten.

Daher bestimmt das, was sie ohne Scrollen sofort sehen, ob sie jemals nach unten scrollen. In diesem Sinne…

Achten Sie besonders auf Ihre Navigation.

Beispiel für eine übersichtliche Seitennavigation

Zahlreiche Heatmap-Studien haben gezeigt, dass die Navigation typischerweise zu den zuerst und am häufigsten aufgerufenen Bereichen einer Website gehört. Aber was sollten Sie über die typischen Kategorien hinaus aufnehmen? ?

Laut einer Studie von Business Insider über die Gründe, warum Menschen Warenkörbe aufgeben, gaben 25 % der Personen an, dass die „Website zu kompliziert ist“ (dh die Navigation ist schwierig zu verwenden) und fast 60 % gaben an, „versteckte Kosten“ (dh Versandkosten) ) als Hauptgrund, warum sie ohne Pa . gegangen sind ying .

Diagramm, das zeigt, warum Käufer den E-Commerce-Shop verlassen, ohne zu bezahlen
Versteckte Kosten und komplizierte Websites sind zwei der Hauptgründe dafür, dass Benutzer Websites verlassen, ohne zu bezahlen.

In einer anderen Studie von eConsultancy stellten Besucher, die nach dem Kauf auf einer unbekannten E-Commerce-Website fragten, fest, dass „professionelles Design“, „die Website enthält bekannte Marken“ und „die Sichtbarkeit von Kontaktinformationen“ ihre Entscheidung zum Kauf (oder Nichtkauf) beeinflussten ).

Studienergebnisse zum Einkaufen bei einem Händler, den Sie nicht kennen.

Gut gemacht, kann die Navigation einer Site einige oder alle Dinge enthalten, die Besucher vom Kauf abhalten, wenn sie nicht vorhanden sind.

Schauen Sie sich nur an, wie viel in der Navigation einer meiner Lieblingsseiten, ThinkGeek, kommuniziert wird, ohne jemals auf den Inhalt der Seite einzugehen:

Seitennavigation, die viele wertvolle Informationen vermittelt.

Ohne lange suchen zu müssen, ist es leicht zu finden:

  • Zeitsensitiv Werbeaktionen;
  • Mehrere Möglichkeiten, tiefer in die Site zu navigieren (Kategorien, Interessen, Suche);
  • Neue, Top- und Exklusivprodukte sowie ein Hinweis auf die Produkte, die sie führen (Geschenke, T-Shirts, Elektronik, Geschenkgutscheine);
  • Ein Belohnungsprogramm;
  • Produkte zum Verkauf;
  • Ihre Schwelle für "Kostenloser Versand";
  • Verfügbarkeit des Kundensupports (über die Schaltflächen „Live Chat“ und „Hilfe“).

Vergleichen Sie das mit einem extremen Beispiel wie Zara, und Sie werden sehen, warum dies wichtig ist:

Beispiel für minimalistische Navigation

Fallstudie: Alight steigert Website-Suchanfragen um 16 % und Käufe um 25 %

Alte aussteigen

Alight (jetzt CurvyHQ) wusste, dass sich ihre Website veraltet anfühlte. Der Plus-Size-Damenhändler hat seine standortweite Navigation moderner gestaltet.

Sie vergrößerten ihre Suchleiste, entfernten das Vertrauenssymbol, nahmen die Kategorien „Sale“ und „neu“ in den pinkfarbenen Navigationsbereich auf und verdeutlichten unter anderem ihr Wertversprechen.

aktualisierte Homepage-Navigation mit Suchleiste

Das Ergebnis war ein Anstieg der Site-Suchanfragen um 16 % und ein Anstieg der Gesamtkäufe um 25 %, alles durch die Navigation als Teil eines starken ersten Eindrucks.

Der erste Eindruck – auf Websites oder in der NBA – kann Jahre dauern.

Die Ökonomen Barry Staw und Ha Hoang untersuchten die Auswirkungen des Verordnungsentwurfs in der NBA. Sie beobachteten die Karrieren der Spieler fünf Jahre lang, nachdem sie eingezogen wurden. Fünf Jahre reichen aus, um sich in vielerlei Hinsicht zu beweisen, also sollte ein Ordnungsentwurf keine Rolle spielen, oder?

Falsch. Laut der Studie korreliert die Spielzeit der Spieler mit ihrer Draft-Reihenfolge. Die Teams gewährten hochgradig gedrafteten Spielern mehr Spielzeit und behielten sie länger, selbst nachdem sie die Leistung der Spieler auf dem Platz, Verletzungen, Handelsstatus, gespielte Position und andere Faktoren kontrolliert hatten.

Jede Erhöhung der Draft-Nummer (dh der neunte statt achte Draft-Drawing) verkürzte die Spielzeit um bis zu 23 Minuten. Unglaublicherweise sagte die Draft Order weiterhin die Spielzeit bis zum fünften Jahr eines Spielers in der NBA voraus, dem letzten Jahr, das in der Studie gemessen wurde. Spieler, die in der ersten Runde gedraftet wurden, hatten auch längere Karrieren; sie spielten 3,5 Jahre länger als der Rest.

Homepage-Beispiel, das einen klaren, starken ersten Eindruck macht

Eine weitere Studie untersuchte die Beständigkeit des ersten Eindrucks. Sie entdeckte, dass neue Erfahrungen, die einem ersten Eindruck widersprechen, an den Kontext, in dem sie gemacht wurden, „gebunden“ werden. Der erste Eindruck dominiert jedoch noch andere Kontexte.

Unser Gehirn speichert erwartungswidrige Erfahrungen als „Ausnahmen von der Regel“. Die Regel (dh der erste Eindruck) wird als gültig behandelt, mit Ausnahme des spezifischen Kontexts, in dem sie verletzt wurde.

Schlüssel zum Mitnehmen: Wenn ein erster Eindruck negativ ist, kann er den Benutzer über Jahre hinweg gegen Sie belasten.

Fazit

Visuelle Attraktivität zählt. Viel. Mein Rat: Versuchen Sie niemals, Geld beim Design zu sparen. Ich habe immer wieder gesehen, wie eine „einfache“ Designüberarbeitung zu deutlichen Conversion-Boosts führte.

Menschen bilden sich in Millisekunden eine Meinung über Ihre Website. Die erste Sekunde auf Ihrer Website ist möglicherweise wichtiger als alle folgenden Sekunden (sofern vorhanden). Stellen Sie sicher, dass eine Sekunde einen guten ersten Eindruck hinterlässt.