![Page 1: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/1.jpg)
K u n d e n o r i e n t i e r t e We b s i t e
1 7 . 1 0 . 2 0 1 9
![Page 2: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/2.jpg)
![Page 3: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/3.jpg)
Content User Interface User Experience
Worauf es ankommt Das Werkzeug Der „Genuss“ (Konsum)
![Page 4: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/4.jpg)
Content: Inhalt
![Page 5: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/5.jpg)
User Interface
![Page 6: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/6.jpg)
User Experience: Nutzererlebnis
![Page 7: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/7.jpg)
Der UserEine Geschichte voller Missverständnisse
![Page 8: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/8.jpg)
Der User ist faul.
![Page 9: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/9.jpg)
Der User hat einenSpieltrieb.
![Page 10: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/10.jpg)
Der User ist meist
abgelenkt.
![Page 11: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/11.jpg)
User soll sich auf Ihrer Website wiederfinden
![Page 12: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/12.jpg)
Was also tun?
![Page 13: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/13.jpg)
Fokussierung
• Inhalte fokussiert anbieten• Besonderes Produkt vorstellen
> LANDINGPAGE
![Page 14: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/14.jpg)
Landingpage
• User zum Kaufen, Downloaden oder Kontaktieren animieren
• Call-To-Action Button• Gute Möglichkeit für
Suchmaschinenoptimierung• Einfach URL (www.einfache-url.de)• Microsoft.com• Office.com• Windows.com
![Page 15: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/15.jpg)
Interaktion
• Spielerischer Einstieg in ein Thema oder Produkt
> KONFIGURATOR> STORYTELLING> HOT SPOTS
![Page 16: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/16.jpg)
HotSpots
![Page 17: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/17.jpg)
Merkzettel
![Page 18: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/18.jpg)
ü User First
ü Content + User Interface
ü User Experience
ü Potentielle Kunden auf die Website bringen
![Page 19: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/19.jpg)
Simple
• Einfaches und schnelles zurechtfinden
> GESCHWINDIGKEIT> STRUKTUR> VERTRAUEN
![Page 20: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/20.jpg)
10 – 40 Sekunden
• Der erste Eindruck zählt• Durchschnittliche Verweildauer• Die Zeit, den User zu überzeugen
![Page 21: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/21.jpg)
Wie kann man den User überzeugen?
![Page 22: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/22.jpg)
Vertrauen
![Page 23: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/23.jpg)
Bauen Sie Vertrauen zwischen Ihrer Website und dem User auf
![Page 24: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/24.jpg)
1. Navigation
![Page 25: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/25.jpg)
Strukturierte User
• Systematisch• User geht strukturiert vor• Navigiert mit Menü
> KLARE NAVIGATION
![Page 26: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/26.jpg)
![Page 27: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/27.jpg)
Navigation
• Klare Struktur• Max. 3 Klicks zum Ziel• Pfadhistorie (Breadcrumb)
![Page 28: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/28.jpg)
Flyout Menü
![Page 29: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/29.jpg)
![Page 30: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/30.jpg)
![Page 31: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/31.jpg)
![Page 32: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/32.jpg)
Emotionale User
• Kontext geführt• User lässt sich treiben• Nutzt Verlinkungen innerhalb des
Contents
> INHALTSBEZOGENENAVIGATION
![Page 33: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/33.jpg)
![Page 34: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/34.jpg)
Inhaltsbezogene Navigation
![Page 35: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/35.jpg)
![Page 36: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/36.jpg)
Merkzettel
![Page 37: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/37.jpg)
ü 10 – 40 Sekunden
ü Vertrauen zwischen Website und User
ü Strukturierte Navigation
ü Inhaltsbezogene Navigation
![Page 38: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/38.jpg)
2. Gute Benutzerführung
![Page 39: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/39.jpg)
Call-To-Action
• Entscheidungen abnehmen• Aktion anbieten
> EIN CTA-BUTTON
![Page 40: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/40.jpg)
Viel Kontrast zur übrigen Seite: Auffällige Farbe
Call-To-Action Button
![Page 41: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/41.jpg)
Wiederholt anbieten
![Page 42: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/42.jpg)
Aufforderung in der Benennung
![Page 43: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/43.jpg)
Fokus behalten
![Page 44: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/44.jpg)
Icon Labels
• Eindeutige Benennung• Den User nicht rätseln lassen
![Page 45: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/45.jpg)
3. Einfacher Aufbau
![Page 46: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/46.jpg)
Übersichtlichkeit
• Layout mit Struktur• Keine überladenen Seiten• Zielgruppen-Einstiege anbieten
> VISUELLE HIERARCHIE
![Page 47: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/47.jpg)
Inhalte gliedern in Blöcke
Visuelle Hierarchie
![Page 48: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/48.jpg)
4. Schnelle Ladezeiten
![Page 49: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/49.jpg)
Ladeverzögerung
½ Sekunde20% Umsatzrückgang
![Page 50: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/50.jpg)
• Bildmaterial und Code optimieren• Ladebalken anzeigen, um Feedback zu geben
Website optimieren
![Page 51: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/51.jpg)
Ladebalken nicht bei 0 beginnen
Fortschritt zeigen
![Page 52: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/52.jpg)
5. Feedback geben
![Page 53: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/53.jpg)
InteraktivesFeedback• Kommunizieren• Feedback geben
> MICROINTERACTIONS
![Page 54: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/54.jpg)
6. Assistenz
![Page 55: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/55.jpg)
Assistenz
• Schritte bei Formulare (Wizard)• Validierung (unterstützend)• Info Tooltips• Kontaktmöglichkeit
> FORMULAR
![Page 56: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/56.jpg)
![Page 57: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/57.jpg)
![Page 58: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/58.jpg)
![Page 59: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/59.jpg)
Formulare
![Page 60: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/60.jpg)
• Nur nötigste Informationen verlangen• Bei zu vielen Feldern die Gefahr, dass User abbricht
Formularfelder
![Page 61: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/61.jpg)
• Benutzerfreundliche Gestaltung von Formularen• sinnvolle Unterteilungen in wichtige Abschnitte (Fieldsets)• Erklärungen / Tooltipps / Assistent• ‚Live-Feedback‘ (Häkchen)
Ratgeber
![Page 62: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/62.jpg)
7. Konsistenz
![Page 63: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/63.jpg)
Konsistenz
• Mensch ist ein Gewohnheitstier• Gutes geografisches Gedächtnis
> KONSISTENTES UI
![Page 64: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/64.jpg)
• Ein konsistentes UI ist einfacher zu bedienen• Elemente sind gelernt: Buttons, Links• Positionierung von Elementen, Benennung von Labels
Konsistentes UI
![Page 65: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/65.jpg)
• Klickbare Elemente (Buttons, Links, Menü)• Gewählte Elemente (aktueller Menüpunkt)
Klickbare Elemente
![Page 66: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/66.jpg)
8. Erwartungshaltung erfüllen
![Page 67: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/67.jpg)
User Experience
• Erwartungen des Users erfüllen• Vertrauen zur Oberfläche• Vertrauen zum Unternehmen
> NUR EIN GLÜCKLICHERUSER KANN EIN KUNDE WERDEN
![Page 68: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/68.jpg)
Merkzettel
![Page 69: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/69.jpg)
ü Call-To-Action Buttons
ü Einfacher Aufbau
ü Schnelle Ladezeiten
ü Feedback (Microinteractions)
ü Assistenz
ü Konsistenz
ü Hochwertige Inhalte
![Page 70: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/70.jpg)
Soziale Netzwerke
• Persönlichkeit• Nicht für jedes Unternehmen sinnvoll• Muss regelmäßig gepflegt werden
> VERSCHIEDENE KANÄLE
![Page 71: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/71.jpg)
Kundenbereich
• Für Downloads• Exklusive Inhalte• Austausch
> KUNDENSERVICE
![Page 72: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/72.jpg)
Merkzettel
![Page 73: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/73.jpg)
ü Verbindung schaffen zwischen • Newsletter• Blog• Website
ü Social Media Kanäle nutzen
ü Self Service (Kundenbereich)
![Page 74: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/74.jpg)
Endgeräte
![Page 75: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/75.jpg)
SmartphoneTablet & Desktop
![Page 76: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/76.jpg)
![Page 77: Kundenorientierte Website - Popup Labor · 2019-10-21 · Landingpage • User zum Kaufen, Downloaden oder Kontaktieren animieren • Call-To-Action Button • Gute Möglichkeit für](https://reader030.vdocuments.mx/reader030/viewer/2022041013/5ec3b7f619eb42065176e37b/html5/thumbnails/77.jpg)
eyeworkers gmbhHübschstr. 2376135 Karlsruhe t
f
[email protected]+49 721 18396-0www.eyeworkers.de
Telefon + Mail social media
@eyeworkers_ka
eyeworkersKONTAKT