Clickmap   SwissUPA/SwissCHI Event – Zürich, 27.10.2011              www.clickmap.ch | Pascal BenderUsability Analyse im W...
FacesPerson & Firma
FacesPascal Bender, dipl. Inf. Ing. FH• 1 Kind, ledig, Basel-Stadt• Studium Diplomingenieur Informatik FHNW     • Web Appl...
Facesarteria GmbH• Reinach / BL• Entwicklung von Web Applikationen    • Eigene Projekte (mischbar.ch, flypost.in, …)    • ...
StoryMischbar
Storywww.mischbar.ch• Virtueller Barschrank mit angepassten Rezeptvorschlägen  und Online Bestellvorgang über Kurierdienst...
Besucherverhalten analysieren           Clickmap
Besucherverhalten analysierenwww.clickmap.ch• Kontinuierliche Evaluation mit grafischer Echtzeit  Visualisierung des Benut...
Besucherverhalten analysierenScope & Features• Major: Heatmaps, Clickmaps, Foldmaps• Minor: RealTime, KPI, Social Link, Sn...
Besucherverhalten analysieren Funktionsweise • RIA Konzept      • Client Framework: jQuery      • Server Framework: Django...
Besucherverhalten analysieren                      Webseite                                     Clickmap                  ...
Besucherverhalten analysieren                    Webseite                               Clickmap               Besucherint...
Hands on!Live-Demo
ArbeitsergebnisseHeatmap, Clickmap, Foldmap
ArbeitsergebnisseHeatmap, Clickmap, Foldmap   • Analyse in RealTime   • Snapshot-to-Mail zur Weiterverarbeitung   • Social...
ArbeitsergebnisseHeatmap (Verein Jakobsweg)
ArbeitsergebnisseHeatmap (Snoobi Inc. Finland)
ArbeitsergebnisseClickmap (Mischbar)
ArbeitsergebnisseFoldmap (Verein Jakobsweg)
Nutzen«da draussen»
NutzenCase Study #1 – Kunde: AYOM Internet Marketing• Einsatzgebiete:   • Ergänzung zu Google Analytics   • Interpretation...
Case Study #1• Google Analytics:  6‘107 Besucher nutzen  den Link auf „aktuelle  Diskussionen“ (1),  aber nur 123 Besucher...
Case Study #1• Gute Usability:               • Schlechte Usability:         • Die Clickmap Analyse  Text verlinken & Links...
Case Study #1• Google Analytics (1):  Das Forum liegt weit  zurück auf Platz 6                   1• Clickmap (2):  Das For...
Case Study #1• Die Foldmap zeigt:  Die Hälfte der Besucher  scrollen bis auf 150%  des sichtbaren Bereichs  («Fold»). Dana...
NutzenCase Study #2 – Kunde: Verein Jakobsweg• Einsatzgebiete:   • Ergänzung zu Google Analytics   • Argumentationsgrundla...
Case Study #2• Besucher nutzen die  Karte intuitiv als  Navigation.  Kartenpunkte sind aber  nicht verlinkt [#1].• Linklis...
Case Study #2• Besucher nutzen die  Karte intuitiv sehr stark  als Navigation.  Kartenpunkte sind aber  nicht verlinkt [#1...
Case Study #2• A/B Test als Schritt um die gesteckten Ziele zu erreichen• Konversionsziel: Wegstrecken PI & Pilgerherberge...
Case Study #2• Variante B mit starkem Fokus auf die Incentivierung der  Wegstrecken sowie der  Pilgerherbergen• Testsetup ...
NutzenRealTime• Sofortiges Feedback und Handlungsfähigkeit• Sofortkorrekturen bei konzeptionellen Fehlern (z.B. Verlinkung...
NutzenNeue Sichten auf weiterführende Schritte• A/B Tests inkl. Berücksichtigung der Usability• Plan – Do – Check – Act, i...
Outlook
OutlookStrategie des Werkzeuges Clickmap• Segmentierung inkl. Individualparameter (Q4)• Auto-Snapshots (Q4 / Q1)• IntelliR...
Ihre Expertenmeinung   Clickmap Feedback
Ihre Expertenmeinung«SWOT» Analyse• Strengths & Opportunities   • Usability Analyse näher am Benutzer (& Menschen) als Web...
Ihre ExpertenmeinungEinsatzgebiete von Usability Analysen im Web• Ihre Nutzung und Meinung zu passiven / aktiven Methoden?...
USPDie eierlegende Wollmilchsau
USPWarum Clickmap?• XPATH Analyse bringt verlässliche Resultate• Unabhängig vom jeweiligen Browser des Besuchers (IE, FF, ...
Herzlichen Dank! www.clickmap.ch
Nächste SlideShare
Wird geladen in …5
×

SwissUPA / SwissCHI Event, 27. Oktober 2011 (Zürich)

1.334 Aufrufe

Veröffentlicht am

Kontinuierliche Evaluation mit grafischer Echtzeit Visualisierung des Benutzerverhaltens im Web

Veröffentlicht in: Technologie
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.334
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
435
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

SwissUPA / SwissCHI Event, 27. Oktober 2011 (Zürich)

  1. 1. Clickmap SwissUPA/SwissCHI Event – Zürich, 27.10.2011 www.clickmap.ch | Pascal BenderUsability Analyse im Web Werkzeug & Nutzen
  2. 2. FacesPerson & Firma
  3. 3. FacesPascal Bender, dipl. Inf. Ing. FH• 1 Kind, ledig, Basel-Stadt• Studium Diplomingenieur Informatik FHNW • Web Applikationen • Smartphone & Bildverarbeitung• Projektleitung • Cargo & Aussenhandel (BL, 3 Jahre) • Online-Media (ZH, 2 Jahre)• Mitgründer und Geschäftsführer arteria GmbH
  4. 4. Facesarteria GmbH• Reinach / BL• Entwicklung von Web Applikationen • Eigene Projekte (mischbar.ch, flypost.in, …) • Standardprodukte (CMS, eCommerce, …) • Kunden Projekte• Vermarktung & Vertrieb, sowie Projektleitung• «SaaS – driven» FLYPOST
  5. 5. StoryMischbar
  6. 6. Storywww.mischbar.ch• Virtueller Barschrank mit angepassten Rezeptvorschlägen und Online Bestellvorgang über Kurierdienste (< 1h)• Google Analytics als Grundlage, aber wie steht es um … • … Klickverhalten? (n Links: 1 Landingpage) • … Scrollverhalten? (tiefe Indexseiten) • … Usability?• Proprietäre Lösung /• Keine RealTime /• Teilweise Zweckerfüllung (Layoutflexibilität, etc.) /
  7. 7. Besucherverhalten analysieren Clickmap
  8. 8. Besucherverhalten analysierenwww.clickmap.ch• Kontinuierliche Evaluation mit grafischer Echtzeit Visualisierung des Benutzerverhaltens im Web• Bedarf – Was? • Mehr Erfolg im Web (Leads, Sales, Prozesse, etc.)• Werkzeug – Womit? • Benutzerverhalten analysieren (keine Seitenaufrufe!) • Heatmaps, Clickmaps, Foldmaps• Nutzen – Wozu? • Das Verhalten der Besucher kennenlernen • Die eigene Zielgruppe verstehen • Grundlage für konkrete Optimierungen schaffen
  9. 9. Besucherverhalten analysierenScope & Features• Major: Heatmaps, Clickmaps, Foldmaps• Minor: RealTime, KPI, Social Link, Snapshots, etc.• Nutzer • Von: Blogs, Startups, etc. • Über: KMU und Webseiten mit viel Traffic • Bis: Partner / Integratoren
  10. 10. Besucherverhalten analysieren Funktionsweise • RIA Konzept • Client Framework: jQuery • Server Framework: Django / Python • HTML5 & Canvas & JavaScript • Kein Browser Plugin erforderlich (vs. Java, Flash, Silverlight etc.) • Generische Lösung für Jedermann • Flexibel bzgl. Web Layout (XPath) • Linksbündig • Zentriert • Liquid / Fluid / etc.• XPath unreferenziert: /html/body/div[2]/div[2]/div/div[2]/div[2]/center/div• XPath referenziert: //*[@id="button"]
  11. 11. Besucherverhalten analysieren Webseite Clickmap 2. übermittelt Clickmap Clickmap Tracker Benutzerkonto 1. überwacht 3. erstellt Besucherinteraktion Usability Reports Klicks Scrolls Foldmap Clickmap Heatmap RealTime!• Der Clickmap Tracker wird asynchron geladen• Die RealTime Bridge vermittelt die Besucherinteraktion zwischen Webseite und Report
  12. 12. Besucherverhalten analysieren Webseite Clickmap Besucherinteraktion Usability Reports RealTime! RealTime Bridge Webseite Proxy Report iFrame iFrame iFrame• Der Proxy bildet die Grundlage für den Datenaustausch in Echtzeit• Gesamthaft bilden 3 inline Frames die Grundlage für die RealTime Funktionalität
  13. 13. Hands on!Live-Demo
  14. 14. ArbeitsergebnisseHeatmap, Clickmap, Foldmap
  15. 15. ArbeitsergebnisseHeatmap, Clickmap, Foldmap • Analyse in RealTime • Snapshot-to-Mail zur Weiterverarbeitung • Social Link für das Projektmarketing • Visuelles Tuning bei Clickmaps • Weitere Informationen
  16. 16. ArbeitsergebnisseHeatmap (Verein Jakobsweg)
  17. 17. ArbeitsergebnisseHeatmap (Snoobi Inc. Finland)
  18. 18. ArbeitsergebnisseClickmap (Mischbar)
  19. 19. ArbeitsergebnisseFoldmap (Verein Jakobsweg)
  20. 20. Nutzen«da draussen»
  21. 21. NutzenCase Study #1 – Kunde: AYOM Internet Marketing• Einsatzgebiete: • Ergänzung zu Google Analytics • Interpretation von Web Analyse Daten vereinfachen • Schulung von Mitarbeitern / Contentredakteuren • Nachhaltige Bewertung von bereits umgesetzten Massnahmen
  22. 22. Case Study #1• Google Analytics: 6‘107 Besucher nutzen den Link auf „aktuelle Diskussionen“ (1), aber nur 123 Besucher 2 klicken auf „neue Beiträge“ (2). Beide Links führen auf 1 dieselbe Zielseite.• Clickmap zeigt eindeutig, dass dieses Verhältnis offensichtlich nicht stimmen kann. «Erst nach mühsamem Filtern in Google Analytics wurde uns klar, dass viele der Besuche auf Link #2 durch eingeloggte Benutzer stattfinden. Diese fallen in der initialen Statistik schlicht durch unser Such-Raster» (Alain Aubert, Ayom CTO)
  23. 23. Case Study #1• Gute Usability: • Schlechte Usability: • Die Clickmap Analyse Text verlinken & Links Nicht verlinkter Text deckt dieses Problem einheitlich formatieren (Pfeil) in Echtzeit auf • Führt zu verlorenem Traffic und schlechtem Engagement der Nutzer «Wir können Content Redakteure direkt mit den Erkenntnissen aus clickmap schulen. Ein Bild sagt mehr als 1000 Worte und gibt einfaches und für jeden verständliches RealtimeFeedback worauf bei Usability und SEO geachtet werden muss.» (Remo Uherek, Ayom CEO)
  24. 24. Case Study #1• Google Analytics (1): Das Forum liegt weit zurück auf Platz 6 1• Clickmap (2): Das Forum wird von Besuchern häufig angeklickt 2 «Besucher welche über die Google Suche direkt auf einer Zielseite landen, erzeugen dort einen hohen Traffic. Die Forumsbeiträge auf den Plätzen 4 und 5 zeigen dies. Dabei gerät der in clickmap effektiv erkennbare Flow (die Interaktion des Besuchers) ausser Sichtweite des Betrachters. Die Heatmap deckt dieses Problem auf. » (Remo Uherek, Ayom CEO)
  25. 25. Case Study #1• Die Foldmap zeigt: Die Hälfte der Besucher scrollen bis auf 150% des sichtbaren Bereichs («Fold»). Danach fällt die Aufmerksamkeit bis zum Ende der Seite auf 14% ab. Der dort platzierte Inhalt wird faktisch nicht mehr wahr- genommen!
  26. 26. NutzenCase Study #2 – Kunde: Verein Jakobsweg• Einsatzgebiete: • Ergänzung zu Google Analytics • Argumentationsgrundlage für das Management • Erkennen von konzeptionellen Fehlern • Beispiele: Wegstrecken, Pilgerherbergen • Zusätzliche Usability Sicht bei A/B Tests • Beispiel: Index Seite • Konversionsziel: Wegstrecken PI & Pilgerherbergen Exits erhöhen • «Analyse Ziel»: Absprungrate senken, Exitrate steuern • Strategisches Ziel: Vermarktungsmöglichkeiten für Content steigern
  27. 27. Case Study #2• Besucher nutzen die Karte intuitiv als Navigation. Kartenpunkte sind aber nicht verlinkt [#1].• Linkliste unterhalb der Karte ist redundant zum Menu links, wird aber 1 kaum angeklickt [#2]. 2
  28. 28. Case Study #2• Besucher nutzen die Karte intuitiv sehr stark als Navigation. Kartenpunkte sind aber nicht verlinkt [#1]. 1
  29. 29. Case Study #2• A/B Test als Schritt um die gesteckten Ziele zu erreichen• Konversionsziel: Wegstrecken PI & Pilgerherbergen Exits erhöhen• «Analyse Ziel»: Absprungrate senken, Exitrate steuern Indexseite A, A/B Test Original
  30. 30. Case Study #2• Variante B mit starkem Fokus auf die Incentivierung der Wegstrecken sowie der Pilgerherbergen• Testsetup wird über den Google Website Optimizer mit entsprechender Zieldefinition gesteuert• Testdurchführung: November 2011 Indexseite B, A/B Test Variante
  31. 31. NutzenRealTime• Sofortiges Feedback und Handlungsfähigkeit• Sofortkorrekturen bei konzeptionellen Fehlern (z.B. Verlinkung)• Sofortanalyse bei zeitkritischen Kampagnen (z.B. Werbung)
  32. 32. NutzenNeue Sichten auf weiterführende Schritte• A/B Tests inkl. Berücksichtigung der Usability• Plan – Do – Check – Act, inkl. Usability Betrachtung• Grundlage für die aktive Usability Analyse (Eingrenzung)• Etc.
  33. 33. Outlook
  34. 34. OutlookStrategie des Werkzeuges Clickmap• Segmentierung inkl. Individualparameter (Q4)• Auto-Snapshots (Q4 / Q1)• IntelliReports (Q1)Strategie des Produktes Clickmap• Langfristige Partnerschaften• Affiliate Netzwerke / Programme• Kundensegment Enterprise
  35. 35. Ihre Expertenmeinung Clickmap Feedback
  36. 36. Ihre Expertenmeinung«SWOT» Analyse• Strengths & Opportunities • Usability Analyse näher am Benutzer (& Menschen) als Web Analyse • Passive Analyse = Massentests = jeder Besucher ist Tester • In Kombination mit A/B- und Multivariatentests • Zur Ergänzung von Web Analyse Daten (z.B. Google Analytics) • Vorgehende Eingrenzung für aktive Usability Tests (z.B. Labor)• Weaknesses & Threads • Technologieabhängig in der Auswertung (Webkit nötig) • Interpretationsspielraum bei unzureichendem Wissen
  37. 37. Ihre ExpertenmeinungEinsatzgebiete von Usability Analysen im Web• Ihre Nutzung und Meinung zu passiven / aktiven Methoden?• Ihre Erfahrungen positiv / negativ?• Ihre Anwendungsfälle?• Ihre konkreten Fragen?
  38. 38. USPDie eierlegende Wollmilchsau
  39. 39. USPWarum Clickmap?• XPATH Analyse bringt verlässliche Resultate• Unabhängig vom jeweiligen Browser des Besuchers (IE, FF, etc.)• Keine Videos, keine Screenshots sondern in-place Live Analysen• KISS!• Transparentes Businessmodell • Unlimierte Reports, Pages, Visits etc. Eingrenzung erfolgt ausschliesslich auf die Klicks selbst• Technische Schnittstelle für tiefe Integrationen• Gratis Blog im Usability Bereich vermittelt wichtiges Fachwissen
  40. 40. Herzlichen Dank! www.clickmap.ch

×