45
Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für mehr Onlineumsatz Mittelstand 4.0-Agentur Handel c/o IFH Köln www.handel-mittelstand.digital

Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für mehr Onlineumsatz

Mittelstand 4.0-Agentur Handel

c/o IFH Köln

www.handel-mittelstand.digital

Page 2: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 2

"Mittelstand 4.0-Agenturen" bearbeiten übergreifende Digitalisierungsthemen wie Cloud-Computing,

Kommunikation, Handel und Prozesse und werden diese mittels Multiplikatoren in die Breite tragen.

"Mittelstand 4.0-Kompetenzzentren" werden Unternehmen sensibilisieren, informieren, qualifizieren und

ihnen praxisnah konkrete Anschauungs- und Erprobungsmöglichkeiten bieten.

Mittelstand 4.0-Agentur Handel als Teil des

Förderschwerpunkts Mittelstand-Digital

Page 3: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit

Themenfokus der Mittelstand 4.0-Agentur Handel

3

Beispielhafte Leitfragen:

▪ Wie können sich Unternehmen auf

Online-Marktplätzen platzieren?

▪ Welches ist das passende Shop-

System für ein Unternehmen?

▪ Wie lassen sich Cross-Channel-

Services (z. B. Online-Verfügbar-

keitschecks) realisieren?

Digitalisierung im

Produktionsverbindungshandel

Beispielhafte Leitfragen:

▪ Wie lassen sich Finanzprozesse

im Backoffice optimal abwickeln?

▪ Wie können in Echtzeit verfügbare

Daten für das Liquiditäts-

management genutzt werden?

Digitalisierung von

Arbeitsprozessen im E-Finance

Praxispartner: Papier LIEBL GmbH; World-of-edv GmbH

Praxispartner: Paulaner Brauerei GmbH & Co. KG; Medienhaus aus Regensburg

Beispielhafte Leitfragen:

▪ Welche Technologien und

Maßnahmen bieten sich an, um

den PoS digitaler zu gestalten?

▪ Wie können z. B. virtuelle

Shopping Shelfs, Digital Signage

oder die Beacon-Technologie

konkret eingesetzt werden?

Innovative Technologien am

Point of Sale (PoS)

Praxispartner: Knauber Innovation Store, Einführung eines Shopping-Shelfs

Page 4: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit

Multiplikatoren

» Mittelstand

4.0-Kompetenz-

zentren

» IHKs

» Verbände

» etc.

Kleine und

mittlere

Unternehmen

Bedarfsanalyse

Lösungsansatz

Ausbringung

Evaluation

Workshops/Schulungen • Leitfäden • Checklisten •

Vorträge • etc.

Zielsetzung: Unterstützung kleiner

und mittlerer Unternehmen (KMU)

bei der digitalen Transformation

sowie der Entwicklung und Nutzung

moderner Informations- und

Kommunikationstechnologien (IKT).

Wissenstransfer und Prozesse

4

Page 5: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit

www.handel-mittelstand.digital

5

Page 6: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit

Ihr Referent: Sebastian Düring

Sebastian DüringCRO & SEO Manager netspirits

▪ Mag die schönen (Web-) Seiten des Lebens

▪ Von der Abteilung für digitale Medien bei der

Produktionsfirma von Günter Jauch ging es direkt als SEO zu

netspirits Online Marketing

▪ Mein Spezialgebiet: Conversion-Rate-Optimierung & User

Experience!

Page 7: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 7

Agenda: Was lernen Sie in den nächsten 30 Minuten?

• Was ist CRO eigentlich?

• CRO trifft Design (mit Praxisbeispielen)

• CRO trifft Psychologie (mit Praxisbeispielen)

• CRO und Content (mit Praxisbeispielen)

• Tipps für das Aufsetzen eines CRO-Prozesses im Unternehmen

Page 8: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 8

Was ist CRO eigentlich?

• Conversion-Rate-Optimierung beinhaltet alle Online-Marketingmaßnahmen, die

zum Ziel haben, dass ein Webseitennutzer auf der Webseite konvertiert.

• Erfolge können dadurch leichter nachvollzogen werden und ROIs können

besser kalkuliert werden.

• Mit Hilfe von Webdesign, Webpsychologie und User Testing sollen

Webseitenmodelle fortschreitend skalieren.

Page 9: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 9

Wesentliche Elemente der Conversion-Optimierung

Content Optimierung

Design & Usability

Verhaltens-psychologie

Technologie

Betriebs-wirtschaft

Traffic-Management

Page 10: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 10

Über was sprechen wir heute?

Content Optimierung

Design & Usability

Verhaltens-psychologie

Technologie

Betriebs-wirtschaft

Traffic-Management

Page 11: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 11

I. Design

Page 12: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 12

UX Design – Automatische Slider sind nicht gut

Page 13: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 13

UX Design – Automatische Slider sind nicht gut

• Unser Stammhirn verarbeitet Bewegungen im

Augenwinkel und nimmt diese negativ wahr.

• Wenn Nutzer Elemente einer Website selber

entdecken können, vermittelt dies ein Gefühl

von Kontrolle und das wiederum schafft

Vertrauen.

• Interaktion mit der Website erhöht die Time on

Site gut für SEO.

Page 14: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 14

UX Design – Alternative Startseiten ohne Slider /1

Page 15: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 15

UX Design – Alternative Startseiten ohne Slider /2

Page 16: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 16

UX Design – Empfehlungen Slider-Ersatz

• Bei Zielgruppen, die sich viel in sozialen Netzwerken bewegen, kann das

Design entsprechend dem gängigen Design der Netzwerke angepasst

werden.

• Der wichtigste Content inkl. Call to Action sollte direkt above the fold

verortet werden.

• Wenn es unbedingt ein Slider seien muss, dann bitte nicht automatisch,

sondern klickbar gestalten.

Page 17: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 17

UX Design – Das Prinzip der Einfachheit

• Je weniger komplex ein Interface (Bedienelement) ist, desto einfacher ist es

handzuhaben und intuitiv zu erfassen.

• Extrem wichtig, da Websites heutzutage als wichtiges Unternehmens-Asset

in jeder Auflösung auf jedem Endgerät reibungslos funktionieren sollen.

• Die Navigation auf einer Website ist oft der neuralgische Punkt, wenn es

um das Thema Einfachheit geht.

Page 18: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 18

Das Prinzip der Einfachheit – So nicht!

Page 19: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 19

Das Prinzip der Einfachheit – Viel Besser!

Page 20: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 20

UX Design – Empfehlungen für die Einfachheit

• Es kann so einfach sein.

• Konzentrieren Sie sich bei dem UX-Design auf das Wesentliche.

• Überfordern Sie ihre Kunden nicht kognitiv. Weniger Auswahl macht es

leichter, eine Entscheidung zu treffen.

Page 21: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 21

II. Psychologie

Page 22: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 22

Das limbische System – Ausrichtung im Marketing

• Natürlich tickt jeder Mensch anders und ist immer in mehreren Bereichen mit

unterschiedlichen Ausprägungen zu verorten.

• Zu verstehen ist das Ganze als Framework, um seine Zielgruppe besser zu

klassifizieren und individuell ansprechen zu können.

• Dabei hilft die Einteilung in vielerlei Hinsicht bei der Ausrichtung der Online-

Marketingmaßnahmen (Entwicklung von Buying Personas, Content-

Entwicklung, Farbwelt, Personalisierung etc.).

Page 23: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 23

Das limbische System – Ausrichtung im Marketing

Page 24: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 24

Das limbische System – Ausrichtung im Marketing

DOMINANZ

Nur für echte

Männer

BALANCE

24h Schutz vor

Hautalterung

STIMULANZ

Jetzt neu mit

Aktivkohle

Page 25: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 25

Das limbische System – Nutzen im Marketing

• Wenn möglich, kann eine unterschiedliche Ausrichtung über die Produkte

erfolgen.

• Es geht auch weniger tiefgreifend, indem man Texte vom Wording so

gestaltet, dass sich jeder identifizierte, limbische Typ in der Zielgruppe

angesprochen fühlt.

• Die Nutzung zur Klassifizierung kann in nahezu jeden Online-

Marketingprozess als Entscheidungshilfe miteinbezogen werden.

Page 26: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 26

Psychologie – Social Proof

• Der Mensch ist ein Herdentier.

• Dieser Herdentrieb kann auf Webseiten sehr gut genutzt werden, um aus

Nutzern Käufer zu machen.

• Ob zum Beispiel Bewertungen und/oder Transformationsprozesse, dies

sind alles vertrauensbildende Maßnahmen, die Kunden in ihrer

Kaufentscheidung bestärken.

Page 27: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 27

Social Proof - Lasst eure Kunden für euch sprechen

/1

Page 28: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 28

Social Proof - Lasst eure Kunden für euch sprechen

/2

Page 29: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 29

Social Proof - Lasst eure Kunden für euch sprechen

/3

Page 30: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 30

II. Content

Page 31: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 31

Content – So lesen wir Websites

Skim

Schnelles Überfliegen der Inhalte, ob der angebotene

Content passt

Scan

Suche nach konkreten Keywords und Inhalten

Read

Aufmerksames Lesen der Inhalte

Page 32: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 32

So lesen wir Websites – Skimming

Was wird wahrgenommen

Große Überschriften, primäre Bildinhalte, Linktexte

Einsatzgebiet

Homepage, Landing Page im ersten Drittel, Produktdetailseite

im ersten Drittel

Techniken

Semantische Intuition

Page 33: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 33

So lesen wir Websites – Scanning

Was wird wahrgenommen

Leadtexte, fette Wörter, Bilder & Bildunterschriften, Aufzählungslisten

erstes und letztes Drittel, Absatzüberschriften, Symbole

Einsatzgebiet

Kategorieseiten, Landing Page im zweiten Drittel, Produktdetailseiten

im Beschreibungsteil

Techniken

Zeigarnik-Effekt

Page 34: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 34

Skim Scan Read – Zeigarnik-Effekt

Page 35: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 35

So lesen wir Websites – Reading

Was wird wahrgenommen

70 % des Inhaltes, Fachausdrücke, kontextabhängige

Elemente

Einsatzgebiet

Produktdetailseiten, Landing Page im letzten Drittel

Techniken

3-Satz, Decoy-Effekt

Page 36: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 36

Skim Scan Read – Decoy-Effekt

Page 37: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 37

Tipps für das Aufsetzen eines CRO-

Prozesses im Unternehmen

Page 38: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 38

1. CRO-Prozess – heuristic evaluation

• Die heuristische Analyse ist der erste Schritt in einem strategischen CRO-

Prozess.

• Dabei werden Webseite oder Teilbereiche von Webseiten einer Sichtkontrolle

durch einen Experten unterzogen und anhand eines standardisierten

Review-Kataloges bewertet.

• Das räumt die groben Schnitzer aus dem Weg.

Page 39: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 39

Page 40: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 40

Page 41: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 41

Page 42: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 42

3. CRO-Prozess – A/B-Testing

• A/B Tests oder auch Split-Tests helfen, Optimierungsmaßnahmen quasi

im laufenden Webseitenbetrieb zu validieren.

• Dabei gilt es, sowohl ein statistisches Regelwerk zu beachten als auch das

Aufsetzen von qualifizierten Testings, die auf guten Hypothesen beruhen.

• Deswegen gilt, dass Split-Tests ergänzend zur Qualifizierung von CRO-

Maßnahmen dienen und nicht initiales Mittel eines CRO-Prozesses sind.

Page 43: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit 43

Danke!Sebastian Düring

CRO & SEO Manager

netspirits GmbH & Co. KG

Im Klapperhof 33

50670 Köln

T +49 (0)221 6400 570

www.netspirits.de

[email protected]

Page 44: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit

Was können wir für Sie tun?

Mailin SchmelterSenior Projektmanagerin

IFH Köln

Tel +49 (0) 221 94 36 [email protected]

IFH Institut für Handelsforschung GmbH

Dürener Str. 401b / 50858 Köln

T +49 (0) 221 / 94 36 07-0

F +49 (0) 221 / 94 36 07-59

[email protected]

www.ifhkoeln.de

Mittelstand 4.0 Agentur Handel

44

Page 45: Aus Websitebesuchern Kunden machen: 3 konkrete Tipps für ... · UX Design –Automatische Slider sind nicht gut •Unser Stammhirn verarbeitet Bewegungen im Augenwinkel und nimmt

In Zusammenarbeit mit

Sie wollen wissen, welche Veranstaltungen und

Publikationen die Mittelstand 4.0-Agentur Handel

anbietet?

» Mit unserer XING-Gruppe bleiben

Sie immer auf dem Laufenden!

» Jetzt Mitglied werden unter

http://bit.ly/agentur-handel-xing

45