Erfolgreiche Websites sind kein Zufall

              Harald Schrefl

        WebPerfect Online Marketing
92% des Marketing-Budgets in den USA werden für
Traffic-Generierung ausgegeben.


Nur     8%  werden in die Kunst, einen Besucher
in einen Kunden umzuwandeln (=Conversion-Optimierung),
investiert.

(Quelle: Jeffrey Eisenberg, Pubcon Austin 2010)




Erfolgreiche Websites                             Harald Schrefl   2
Conversion-Optimierung
Conversion: Eine gewünschte Handlung, die der Benutzer
auf der Website durchführen soll (Download, Registrierung,
Anfrage, Bestellung, Newsletter-Anmeldung, …)

Conversion-Optimierung: Optimierung einer Website mit
dem Ziel, die Anzahl und die Quote der Conversions zu
erhöhen.




Erfolgreiche Websites    Harald Schrefl                      3
Conversion-Optimierung
Werkzeuge
• Webanalyse & -controlling
• Usability-Tests




Erfolgreiche Websites   Harald Schrefl   4
Conversion-Rate (Umwandlungsrate)



                                            97%
                                         kaufen nicht.




Erfolgreiche Websites   Harald Schrefl                   5
Conversion-Rate (Umwandlungsrate)




Erfolgreiche Websites   Harald Schrefl   6
Conversion-Rate (Umwandlungsrate)
1.000 Besucher monatl. über Google AdWords Kampagne
Kosten pro Klick (CPC) € 0,50
Monatliche Klickkosten € 500,-
Durchschnittlicher Umsatz pro Bestellung € 100,-

Conversion-Rate 1,5%
15 Bestellungen, Kosten pro Bestellung (CPO) € 33,30

Conversion-Rate 3,0%
30 Bestellungen, Kosten pro Bestellung (CPO) € 16,70

Erfolgreiche Websites   Harald Schrefl                 7
Webanalyse & -controlling
Google Analytics (GA)

•   GA ist gratis.
•   GA liefert wertvolle Erkenntnisse
     – über das Verhalten von Benutzern auf Ihrer Website,
     – die Wirkung Ihrer Marketingmaßnahmen.

•   GA erfordert professionelle Einrichtung.
•   GA erfordert Zeit und Erfahrung, um die richtigen
    Schlüsse zu ziehen.


Erfolgreiche Websites         Harald Schrefl                 8
Webanalyse & -controlling
Beispiel

Online-Shop mit
extrem schlechter
Conversion-Rate.

11.403 Besuche
127 Conversions




Erfolgreiche Websites   Harald Schrefl   9
Webanalyse & -controlling
                                        Nov. 2009
Analyse des
Bestellprozesses

Nur 14,5% der
Besucher, die etwas
in den Warenkorb
legen, schließen die
Bestellung ab.




                       Harald Schrefl               10
Webanalyse & -controlling
Der Bestellprozess                      Nov. 2011

nach Überarbeitung

41,5% der Besucher,
die etwas in den
Warenkorb legen,
schließen die
Bestellung ab.

Fast 3-facher Umsatz
bei gleichbleibenden
Kosten für Werbung.




                       Harald Schrefl               11
Usability: Wie User Websites benutzen
•   Sie lesen keine Seiten, sondern überfliegen Sie

•   Sie treffen keine optimale Wahl

•   Sie befassen sich nicht damit, wie etwas funktioniert,
    sondern wursteln sich durch

•   Wenn Sie etwas finden, das für sie funktioniert,
    dann bleiben sie dabei



Erfolgreiche Websites      Harald Schrefl                    12
Die Usability-Regel Nr. 1




Erfolgreiche Websites   Harald Schrefl   13
Usability-Regeln
User benötigen auf jeder Seite folgende Informationen:

•   Welche Website ist das und
    was kann ich hier tun?
    (Site-Kennung, Logo, Slogan,
    Welcome Blurb)
•   Wo bin ich gerade (Seitenname)
•   Welche Hauptsektionen gibt es (Hauptnavigation)
•   Wie sind meine Optionen auf diesem Level (lokale
    Navigation)
•   Wie kann ich eine Suche starten?
Erfolgreiche Websites     Harald Schrefl                 14
Usability-Regeln
•   Klassischer, gelernter Grundaufbau




                        Quelle:
                        www.eresult.de



•   Stringenz (Schlüssigkeit)

    Navigationselemente auf jeder Seite am gleichen Platz,
    einheitliche Farbgebung (Links, Überschriften,,…)
Erfolgreiche Websites           Harald Schrefl               15
Usability-Regeln
•   Übersicht bieten, Inhalte begrenzen

    Kurzzeitgedächtnis merkt sich normalerweise
    max. 7 Informationseinheiten (CHUNKS)

    SPDIBMBASFDBUSA (= 15 CHUNKS)
    SPD, IBM, BASF, DB, USA (= 5 CHUNKS)

•   Intuitive und visuelle Nutzerführung

    Überschriften, Links klar erkennbar, Linkbezeichnungen
    unmissverständlich (Erwartungskonformität)
Erfolgreiche Websites     Harald Schrefl                     16
Usability-Regeln
•   Priorisierung der Elemente




•   Orientierung erleichtern




Erfolgreiche Websites    Harald Schrefl   17
Usability-Regeln
•   Nutzlose Wörter und Sätze weglassen




Erfolgreiche Websites   Harald Schrefl    18
Usability-Regeln
für Formulare
Formular für Linktausch

• Beschriftung nicht eindeutig
  (Name der Homepage,
  Internetadresse)

• 2 Felder für E-Mail-Adresse

• Felder mit * sind optional
  (normalerweise sind das
  Pflichtfelder)

• Senden-Button zu unauffällig



Erfolgreiche Websites            Harald Schrefl   19
Usability-Regeln
für Formulare




Erfolgreiche Websites   Harald Schrefl   20
Usability-Regeln für Formulare
•   So wenig Felder wie möglich
•   Pflichtfelder klar kennzeichnen (Farbe, *)
•   Feldbezeichnung links
    (oben nur bei kurzen Formularen)
•   Mehrfachauswahl (bis 4 Pkt.) mit Checkboxen
•   Einfachauswahl (bis 4 Pkt.) mit Radioboxen
•   Sinnvolle Reihenfolge (auch an Tab-Nutzer denken)
•   Datumsabfrage 3 Feldern ev. mit Menü
•   Höfliche Fehlermeldungen
•   Fehlerhafte Eingaben kennzeichnen (Farbe)

Erfolgreiche Websites    Harald Schrefl                 21
Usability-Nutzertest
•   Nutzer führen unter Anleitung eines Experten typische
    Aufgaben auf einer Website aus.
•   In einem Testleitfaden werden die Aufgaben genau
    formuliert und der Testablauf festgelegt.
•   Die Testperson wird angehalten „laut zu denken“
•   Audio/Video-Aufzeichnung von Monitor und Nutzer
•   Findet meist in speziellen Räumen (Usability-Labor) statt
•   Eventuell ergänzt durch Eye-Tracking




Erfolgreiche Websites      Harald Schrefl                   22
Usability-Nutzertest mit Eye-Tracking
•   Blickbewegungen mit einer
    Augenkamera aufzeichnen
•   Eye-Tracking ist objektiv und genau
•   Störfaktoren (soziale Erwünschtheit)
    werden eliminiert
•   Eye-Tracking ist teuer
•   Lange Wartezeit auf Ergebnisse




Erfolgreiche Websites     Harald Schrefl   23
Usability-Nutzertest selbst gemacht
•   1 Tisch
•   2 Sessel
•   1 PC
•   1 Webcam
•   1 Mikro
•   Software
    http://camstudio.org (€ 0,-)
    http://www.bbsoftware.co.uk (€ 0,- bis € 139,-)




Erfolgreiche Websites      Harald Schrefl             24
Usability-Nutzertest selbst gemacht
Als Testleiter sollten Sie …
• die Aufgaben und Fragen gründlich vorbereiten
• die Instruktionen möglichst einfach halten
• den Test einmal selbst durchführen
• die Testperson schützen
  (freundlich, geduldig, ruhig, Lob, Dank)
• versuchen, die Gedanken der Testperson
  nachzuvollziehen (nachfragen)
• der Testperson keine Hinweise geben,
  was sie machen könnte

Erfolgreiche Websites   Harald Schrefl            25
Usability-Nutzertest selbst gemacht




 Quelle: Jakob Nielsen, www.useit.com


Erfolgreiche Websites                   Harald Schrefl   26
Usability-Nutzertest Online

•   ww.ui-check.com
    € 39,90 pro Tester

•   www.rapidusertests.com
    € 49,- für 2 Tester




Erfolgreiche Websites    Harald Schrefl   27
Eye-Tracking Simulation

•   www.attentionwizard.com
    10 Tests ab $ 59,-

•   www.eyequant.de
    5 Tests ab € 149,-




Erfolgreiche Websites    Harald Schrefl   28
Eye-Tracking Simulation




Erfolgreiche Websites   Harald Schrefl   29
Eye-Tracking Simulation




Erfolgreiche Websites   Harald Schrefl   30
Eye-Tracking Simulation




Erfolgreiche Websites   Harald Schrefl   31
Eye-Tracking Simulation




Erfolgreiche Websites   Harald Schrefl   32
Mouse-Tracking
•   www.clicktale.com

    ab $ 99,- p.m.

•   http://www.etracker.com/de/etracker-produkte-
    echtzeit-web-controlling-visitor-voice/etracker-
    visitor-motion.html

    ab € 49,- p.m.



Erfolgreiche Websites     Harald Schrefl               33
Mouse-Tracking




Erfolgreiche Websites   Harald Schrefl   34
Mouse-Tracking




Erfolgreiche Websites   Harald Schrefl   35
-20% günstiger zur erfolgreichen Website
Usability-Gutachten
• Untersuchung Ihrer Website durch einen Usability-Experten
• Schriftlicher Bericht mit konkreten Verbesserungsvorschlägen
• Persönliche oder telefonische Präsentation (ca. 1 Std.)
Jetzt nur € 360,- (Sie sparen € 90,-)

Usability-Studie
• Erarbeitung eines Testleitfadens
• Online-Test mit 5 Testpersonen inkl. Videoaufzeichnung
• Eye-Tracking Simulation
• Auswertung
• Schriftlicher Bericht mit konkreten Verbesserungsvorschlägen
• Persönliche oder telefonische Präsentation (ca. 1 Std.)
Jetzt nur € 980,- (Sie sparen € 245,-)

Preise exkl. MWSt. / Angebot gültig bis 31.12.2012

Erfolgreiche Websites                                Harald Schrefl   36
Danke für Ihre Aufmerksamkeit

Harald Schrefl

T: 0699 / 11 78 31 97
E: harald.schrefl@webperfect.at
W: http://www.webperfect.at

http://www.webperfect.at/newsletter
http://www.webperfect.at/xing
http://www.webperfect.at/facebook
http://www.webperfect.at/twitter




Erfolgreiche Websites         Harald Schrefl   37

Erfolgreiche Websites sind kein Zufall

  • 1.
    Erfolgreiche Websites sindkein Zufall Harald Schrefl WebPerfect Online Marketing
  • 2.
    92% des Marketing-Budgetsin den USA werden für Traffic-Generierung ausgegeben. Nur 8% werden in die Kunst, einen Besucher in einen Kunden umzuwandeln (=Conversion-Optimierung), investiert. (Quelle: Jeffrey Eisenberg, Pubcon Austin 2010) Erfolgreiche Websites Harald Schrefl 2
  • 3.
    Conversion-Optimierung Conversion: Eine gewünschteHandlung, die der Benutzer auf der Website durchführen soll (Download, Registrierung, Anfrage, Bestellung, Newsletter-Anmeldung, …) Conversion-Optimierung: Optimierung einer Website mit dem Ziel, die Anzahl und die Quote der Conversions zu erhöhen. Erfolgreiche Websites Harald Schrefl 3
  • 4.
    Conversion-Optimierung Werkzeuge • Webanalyse &-controlling • Usability-Tests Erfolgreiche Websites Harald Schrefl 4
  • 5.
    Conversion-Rate (Umwandlungsrate) 97% kaufen nicht. Erfolgreiche Websites Harald Schrefl 5
  • 6.
  • 7.
    Conversion-Rate (Umwandlungsrate) 1.000 Besuchermonatl. über Google AdWords Kampagne Kosten pro Klick (CPC) € 0,50 Monatliche Klickkosten € 500,- Durchschnittlicher Umsatz pro Bestellung € 100,- Conversion-Rate 1,5% 15 Bestellungen, Kosten pro Bestellung (CPO) € 33,30 Conversion-Rate 3,0% 30 Bestellungen, Kosten pro Bestellung (CPO) € 16,70 Erfolgreiche Websites Harald Schrefl 7
  • 8.
    Webanalyse & -controlling GoogleAnalytics (GA) • GA ist gratis. • GA liefert wertvolle Erkenntnisse – über das Verhalten von Benutzern auf Ihrer Website, – die Wirkung Ihrer Marketingmaßnahmen. • GA erfordert professionelle Einrichtung. • GA erfordert Zeit und Erfahrung, um die richtigen Schlüsse zu ziehen. Erfolgreiche Websites Harald Schrefl 8
  • 9.
    Webanalyse & -controlling Beispiel Online-Shopmit extrem schlechter Conversion-Rate. 11.403 Besuche 127 Conversions Erfolgreiche Websites Harald Schrefl 9
  • 10.
    Webanalyse & -controlling Nov. 2009 Analyse des Bestellprozesses Nur 14,5% der Besucher, die etwas in den Warenkorb legen, schließen die Bestellung ab. Harald Schrefl 10
  • 11.
    Webanalyse & -controlling DerBestellprozess Nov. 2011 nach Überarbeitung 41,5% der Besucher, die etwas in den Warenkorb legen, schließen die Bestellung ab. Fast 3-facher Umsatz bei gleichbleibenden Kosten für Werbung. Harald Schrefl 11
  • 12.
    Usability: Wie UserWebsites benutzen • Sie lesen keine Seiten, sondern überfliegen Sie • Sie treffen keine optimale Wahl • Sie befassen sich nicht damit, wie etwas funktioniert, sondern wursteln sich durch • Wenn Sie etwas finden, das für sie funktioniert, dann bleiben sie dabei Erfolgreiche Websites Harald Schrefl 12
  • 13.
    Die Usability-Regel Nr.1 Erfolgreiche Websites Harald Schrefl 13
  • 14.
    Usability-Regeln User benötigen aufjeder Seite folgende Informationen: • Welche Website ist das und was kann ich hier tun? (Site-Kennung, Logo, Slogan, Welcome Blurb) • Wo bin ich gerade (Seitenname) • Welche Hauptsektionen gibt es (Hauptnavigation) • Wie sind meine Optionen auf diesem Level (lokale Navigation) • Wie kann ich eine Suche starten? Erfolgreiche Websites Harald Schrefl 14
  • 15.
    Usability-Regeln • Klassischer, gelernter Grundaufbau Quelle: www.eresult.de • Stringenz (Schlüssigkeit) Navigationselemente auf jeder Seite am gleichen Platz, einheitliche Farbgebung (Links, Überschriften,,…) Erfolgreiche Websites Harald Schrefl 15
  • 16.
    Usability-Regeln • Übersicht bieten, Inhalte begrenzen Kurzzeitgedächtnis merkt sich normalerweise max. 7 Informationseinheiten (CHUNKS) SPDIBMBASFDBUSA (= 15 CHUNKS) SPD, IBM, BASF, DB, USA (= 5 CHUNKS) • Intuitive und visuelle Nutzerführung Überschriften, Links klar erkennbar, Linkbezeichnungen unmissverständlich (Erwartungskonformität) Erfolgreiche Websites Harald Schrefl 16
  • 17.
    Usability-Regeln • Priorisierung der Elemente • Orientierung erleichtern Erfolgreiche Websites Harald Schrefl 17
  • 18.
    Usability-Regeln • Nutzlose Wörter und Sätze weglassen Erfolgreiche Websites Harald Schrefl 18
  • 19.
    Usability-Regeln für Formulare Formular fürLinktausch • Beschriftung nicht eindeutig (Name der Homepage, Internetadresse) • 2 Felder für E-Mail-Adresse • Felder mit * sind optional (normalerweise sind das Pflichtfelder) • Senden-Button zu unauffällig Erfolgreiche Websites Harald Schrefl 19
  • 20.
  • 21.
    Usability-Regeln für Formulare • So wenig Felder wie möglich • Pflichtfelder klar kennzeichnen (Farbe, *) • Feldbezeichnung links (oben nur bei kurzen Formularen) • Mehrfachauswahl (bis 4 Pkt.) mit Checkboxen • Einfachauswahl (bis 4 Pkt.) mit Radioboxen • Sinnvolle Reihenfolge (auch an Tab-Nutzer denken) • Datumsabfrage 3 Feldern ev. mit Menü • Höfliche Fehlermeldungen • Fehlerhafte Eingaben kennzeichnen (Farbe) Erfolgreiche Websites Harald Schrefl 21
  • 22.
    Usability-Nutzertest • Nutzer führen unter Anleitung eines Experten typische Aufgaben auf einer Website aus. • In einem Testleitfaden werden die Aufgaben genau formuliert und der Testablauf festgelegt. • Die Testperson wird angehalten „laut zu denken“ • Audio/Video-Aufzeichnung von Monitor und Nutzer • Findet meist in speziellen Räumen (Usability-Labor) statt • Eventuell ergänzt durch Eye-Tracking Erfolgreiche Websites Harald Schrefl 22
  • 23.
    Usability-Nutzertest mit Eye-Tracking • Blickbewegungen mit einer Augenkamera aufzeichnen • Eye-Tracking ist objektiv und genau • Störfaktoren (soziale Erwünschtheit) werden eliminiert • Eye-Tracking ist teuer • Lange Wartezeit auf Ergebnisse Erfolgreiche Websites Harald Schrefl 23
  • 24.
    Usability-Nutzertest selbst gemacht • 1 Tisch • 2 Sessel • 1 PC • 1 Webcam • 1 Mikro • Software http://camstudio.org (€ 0,-) http://www.bbsoftware.co.uk (€ 0,- bis € 139,-) Erfolgreiche Websites Harald Schrefl 24
  • 25.
    Usability-Nutzertest selbst gemacht AlsTestleiter sollten Sie … • die Aufgaben und Fragen gründlich vorbereiten • die Instruktionen möglichst einfach halten • den Test einmal selbst durchführen • die Testperson schützen (freundlich, geduldig, ruhig, Lob, Dank) • versuchen, die Gedanken der Testperson nachzuvollziehen (nachfragen) • der Testperson keine Hinweise geben, was sie machen könnte Erfolgreiche Websites Harald Schrefl 25
  • 26.
    Usability-Nutzertest selbst gemacht Quelle: Jakob Nielsen, www.useit.com Erfolgreiche Websites Harald Schrefl 26
  • 27.
    Usability-Nutzertest Online • ww.ui-check.com € 39,90 pro Tester • www.rapidusertests.com € 49,- für 2 Tester Erfolgreiche Websites Harald Schrefl 27
  • 28.
    Eye-Tracking Simulation • www.attentionwizard.com 10 Tests ab $ 59,- • www.eyequant.de 5 Tests ab € 149,- Erfolgreiche Websites Harald Schrefl 28
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
    Mouse-Tracking • www.clicktale.com ab $ 99,- p.m. • http://www.etracker.com/de/etracker-produkte- echtzeit-web-controlling-visitor-voice/etracker- visitor-motion.html ab € 49,- p.m. Erfolgreiche Websites Harald Schrefl 33
  • 34.
  • 35.
  • 36.
    -20% günstiger zurerfolgreichen Website Usability-Gutachten • Untersuchung Ihrer Website durch einen Usability-Experten • Schriftlicher Bericht mit konkreten Verbesserungsvorschlägen • Persönliche oder telefonische Präsentation (ca. 1 Std.) Jetzt nur € 360,- (Sie sparen € 90,-) Usability-Studie • Erarbeitung eines Testleitfadens • Online-Test mit 5 Testpersonen inkl. Videoaufzeichnung • Eye-Tracking Simulation • Auswertung • Schriftlicher Bericht mit konkreten Verbesserungsvorschlägen • Persönliche oder telefonische Präsentation (ca. 1 Std.) Jetzt nur € 980,- (Sie sparen € 245,-) Preise exkl. MWSt. / Angebot gültig bis 31.12.2012 Erfolgreiche Websites Harald Schrefl 36
  • 37.
    Danke für IhreAufmerksamkeit Harald Schrefl T: 0699 / 11 78 31 97 E: harald.schrefl@webperfect.at W: http://www.webperfect.at http://www.webperfect.at/newsletter http://www.webperfect.at/xing http://www.webperfect.at/facebook http://www.webperfect.at/twitter Erfolgreiche Websites Harald Schrefl 37