Die Absprungrate, einfach erklärt

Diese Grafik wurde von KISSmetrics zur Verfügung gestellt.

Wie Farben das Kaufverhalten im Web beeinflussen

Diese Grafik wurde von KISSmetrics zur Verfügung gestellt.

Clickmap vs. CrazyEgg, and others ...

Judge for yourself - Why Clickmap is an innovation Tracking user interaction on websites is essentiell, no doubt about this. But what tool should you use to increase your conversions? We've been asked many times what makes Clickmap unique, compared to other tools. Well, here's what we think: Clickmap offers realtime analytics. When we say realtime, we truly mean realtime. Not minutes, not seconds... we talk about milliseconds. Clickmap doesn't need any screenshots of your website. Instead we work with the website itself, which offers you to ... ... track all dynamic content on your website, such as hover-menu elements, sliders, overlays, etc. With Clickmap you easily track pages that a user needs to log in to, such as user profiles, member areas, etc. Clickmap automatically handles all changes in your website. If you remove content, it's gone for Clickmap too. Don't worry about false reportings. With Clickmap you can analyze all of the pages in your website. No restrictions - promised. Clickmap has a mighty segmentation feature: Combine 20 filter attributes and track visitor clicks based on referrers, country origin, technical browser specs, uniqueness, etc. Combine as many filters as you wish! Clickmap doesn't copy Google Analytics features, instead we always offer our users a strong value proposition by developping new features that aren't available yet. Clickmap data hosting is based within the European Union, so you won't get in trouble with local privacy laws, like you would when using US based services. Now it's up to you to judge what analytics service might fit your needs ;-) Feel free to drop us a line if you have any questions or need more information!

Usability eines Vortrages

Wie Vortragsnotizen ad-hoc in ein möglichst verständliches Format gebracht werden können, zeigt Roland Siegenthaler eindrücklich anhand seiner Illustrationen zum SwissUPA Vortrag von Pascal Bender. In diesem Post finden Sie die Slides zum Referat.

1 von 3

2 von 3

3 von 3

Mit seinem Talent und innovativer Auffassungsgabe realisiert Roland mit echtpraktisch.ch solche und ähnliche benutzerfreundliche Visualisierungen für seine breite Kundschaft.

Mehr Erfolg im Web mit Clickmap

Report Filter und Geo Location

In diesem Beispiel zeigen wir Ihnen wie Sie einen Report Filter setzen können, welcher nur das Klickverhalten eines definierten Besucherkanals (in diesem Fall deutsche Besucher) analysiert.

Dynamische Websites tracken

Mit Clickmap können ab sofort Klicks auf dynamische Webelemente analysiert werden. Diese Eigenschaft kommt dann zur Anwendung wenn eine Website mit Hover bzw. Mouse-Over Events oder sonstigen dynamischen Seitenanpassungen arbeitet (z.B. Menu, Slider, Pop-Up etc.). Bislang konnten diese dynamischen Elemente im Usability Report nicht analysiert werden. Dies ändert sich nun!

Dazu muss der Betreiber / Webmaster der Website neben dem Tracker einen weiteren JavaScript Code von Clickmap in seine Seite einbinden. Mithilfe dieser Bibliothek lässt sich die URL dynamisch abändern. Dies geschieht um bei der Auswertung der Klicks die korrekte Zuweisung herzustellen. Folgenden Zeilen sind zu integrieren:

Dynamischer URL rewrite

Wir möchten nun ein dynamisches Menu (nennen wir es "mehr") tracken. Hierzu müssen wir im OnMouseOver-Event eine zusätzliche JavaScript Funktion integrieren, welche einen URL rewrite vornimmt. Danach sind alle Klicks über den entsprechenden Hash-Tag (#-Zeichen) analysierbar.

URL vorher: www.mischbar.ch/
gleichzeitig wird die bisherige Funktion ausgeführt und das Menu "mehr" öffnet sich.

URL nachher: www.mischbar.ch/#mehr

Wichtig ist es den Hash-Tag beim OnMouseOut-Event wieder zu entfernen, ansonsten werden die Klicks falsch aufgezeichnet:

Dynamisches Element ausführen

Dank den gesetzten Hash-Tags (#mehr) können nun die Klicks entsprechend zugewiesen werden. Es ist für die Anzeige der Clickmap und Heatmap zudem notwendig, dass die getrackte Website die Hash-Tags bei deren Aufruf korrekt interpretiert und das gewünschte Verhalten eintrifft. Dies ist mit dem folgenden JavaScript Code möglich:

Clickmap Usability Reports

Nachdem die Klicks auf dynamische Elemente dem entsprechenden Hash-Tag (#mehr) korrekt zugewiesen werden, sehen wir uns nun an wie die anschliessende Auswertung mit Clickmap vorgenommen wird.

Dazu wird ein Clickmap Usability Report hinzugefügt (z.B. eine Clickmap). Wir wählen bei "Report Webseite" die entsprechende Adresse (www.mischbar.ch/) und "GET Parameter und Fragment auswählen". Im Dropdown erscheint dann bei den Hash-Tags (#) der Eintrag "mehr". Achtung! Erst wenn wirklich Klicks mit dem entsprechenden Hash-Tag von Clickmap empfangen wurden ist der Eintrag im Dropdown sichtbar.

Nun führen wir den Report aus und sehen das dynamisch ausgeklappte Menu inkl. der darauf erfolgten Besucher Interaktionen!

Report Filter und Social Media

In diesem Beispiel zeigen wir Ihnen wie Sie einen Report Filter setzen können, welcher nur das Klickverhalten eines definierten Besucherkanals (in diesem Fall Social Media) analysiert.

Interessant ist die Erkenntnis, wie diese sehr gut definierte Zielgruppe der Social Media Nutzer auf Ihrer Website navigieren nachdem eine Kampagne (z.B. Facebook, Twitter, etc) lanciert wurde. Selbstverständlich erhalten Sie alle Daten wie gewohnt in Echtzeit.

Eine zusätzliche (Unter-)Segmentierung auf einzelne Besucher mit der Herkunft "Social Media" wäre ebenso denkbar.

Report Filter und eindeutige Besucher

In diesem Beispiel zeigen wir Ihnen wie Sie einen Report Filter setzen können, welcher nur das Klickverhalten von einzelnen Besuchern analysiert.

Interessant ist die Erkenntnis, wie die einzelnen Besucher sich auf der Webseite verhalten ohne aggregierte Daten über alle Besucher & Besuche zu analysieren.

Report Filter und Google

In diesem Beispiel zeigen wir Ihnen wie Sie einen Report Filter setzen können, welcher nur das Klickverhalten jener Besucher aufzeigt, die über Google nach "wein" gesucht hatten und auf der zu analysierenden Zielseite gelandet sind. In diesem Fall ist das die "Wein" Kategorie des Online-Shops.

Interessant ist die Erkenntnis, welche Weinregionen für diese Besuchergruppe spannend sind, dass die Suche genutzt wird und die Links zu Monatsweine / Events im Content-Bereich kaum genutzt werden.

Web Usability Filter

Neu - Web Usability Filter! Weil niemand so individuell ist wie Ihre Besucher Tauchen Sie jetzt noch tiefer in die Web Usability Analyse ein und filtern Sie die Besucher Ihrer Website auf alle erdenklichen Merkmale! Wohin klicken die Besucher Ihrer Social Media Kampagnen? Wie verhalten sich Interessenten die über Ihre AdWords kommen? Wohin klicken einzelne Besucher oder spezifische Gruppen? Hat die Grösse des Bildschirms Auswirkungen auf die Mausklicks? Diese und viele weitere Fragen können Sie nun endlich beantworten indem Sie den neuen Clickmap Web Usability Filter nutzen. Ab sofort für alle unsere Kunden ohne Aufpreis verfügbar! Sofort ausprobieren unter www.clickmap.ch. Usability Filter Beispiele Facebook Page-Kampagne Eine Facebook Kampagne lockt viele Besucher auf Ihre Website. Wie aber ist das Besucherverhalten dieser Personen? Filtern Sie alle anderen Besucher aus Ihrem Usability Report und lassen Sie sich nur die Facebook-Besucher anzeigen. Google & SEO Wohin klicken Besucher die von Google auf Ihre Website stossen? Verhalten sich die Nutzer je nach Google Suchbegriff unterschiedlich? Prüfen Sie die Usability und das gewünschte Verhalten der Besucher im Detail und setzen Sie ganz einfach einen Filter! Google AdWords und individuelle Filter Wie wirken Ihre Google AdWords Kampagnen auf die Besucher Ihrer Website? Lassen Sie sich zeigen wie optimal Ihre Ziel-Webseiten auf Ihre Werbekampagnen abgestimmt sind, und ob sich die potentiellen Kunden auf Ihrer Website wie gewünscht verhalten. Sie brauchen mehr? Kein Problem, nutzen Sie bis zu fünf individuelle Platzhalter um die Mausklicks Ihrer Kunden auf alle erdenklichen sozio- und demographischen Merkmale filtern zu können: Dieser Report Filter zeigt nur das Besucherverhalten von Nutzern mit dem Namen Flottebiene die zwischen 23 und 35 Jahre alt sind und in Ihrem Warenkorb den artikel1234 gespeichert haben. Diese Werte werden direkt von der zu analysierenden Website an Clickmap übermittelt. Die Heatmap Die Clickmap Welche Bereiche Ihrer Webseite sind besonders spannend? Die Heatmap zeigt Ihnen wo sich die echten "Hotspots" befinden und welche Themen Ihre Besucher wirklich interessieren. Erhöhen Sie Ihre Sales und Leads indem Sie dank Clickmap Optimierungen vornehmen können die bei Ihren Kunden ankommen! Jeder Klick zählt. Die Clickmap zeigt Ihnen im Detail wie Ihre Besucher ticken. Sehen Sie in Echtzeit wo geklickt wird - zum Beispiel bei Aktionen mit sehr schnellem Feedback wie Social Media Marketing. Segmentieren Sie mit Clickmap Ihre Kundengruppen für noch genauere Marketing Analysen!

Tips und Tricks mit Clickmap Reports: Klick - und Overlay Farben

Im folgenden zeigen wir Ihnen einen Clickmap Usability Report. Nachdem zu Beginn alle Klicks geladen wurden, schaltet sich die Klickfarbe für alle nachfolgenden RealTime Klicks von rot auf blau.

Oben: alle nun eintreffenden Echtzeit Klicks Ihrer Besucher werden visuell segmentiert (über die Farbe blau). Sie können somit optimal zwischen bereits bestehenden und neuen Klicks unterscheiden.

Oben: das Umstellen der Overlay Farbe auf rot verdeutlich die nun eintreffenden, blauen, Klicks noch besser.

Benutzer sind keine Designer!

Skizzen und Fotos wurden in Minneapolis aufgenommen, MN für "An Event Apart 2011" im August 8-9, 2011.
Mehr Infos zum Skizzenbuch sind unter Rohdesign.com einsehbar.
Eine frei herunterladbare Version des Skizzenbuchs befindet sich hier, welche für den Druck oder zum Betrachten auf dem iPad optimiert wurde.


© 2011 - @rohdesign

Detailanalysen mit Clickmap Reports jetzt noch effizienter

Um die Sichtbarkeit der Mausklicks von Web Besuchern zu verbessern wurde die Klickgrösse und Klicktransparenz angepasst.

Ihre direkten Vorteile dieser Anpassung:
- Auch auf Webseiten mit wenig Traffic lässt sich das Besucherverhalten optimal nachvollziehen.
- Die Mausklicks der Besucher können voneinander differenziert werden.
- Die neue Clickmap zeigt nun auch für Detailanalysen 100% der wertvollen Daten.

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

25 Usability Tipps

Usereffect hat eine gute Website Usability Checkliste über 25 Basics zusammengestellt (in Englisch).
Es werden 4 Themenbereiche berücksichtigt:

Zugänglichkeit
Identität / Branding
Navigation
Inhalt

Quelle: http://www.usereffect.com/topic/25-point-website-usability-checklist

Usability Case Study #1

Wir bedanken uns bei unserem Kunden AYOM Internet Marketing!

10 Werkzeuge für mehr Farbe im Web

Im vergangenen Artikel haben wir den Effekt von Farben aufgezeigt. Soweit die Theorie.
In diesem Post stellen wir Ihnen 10 interessante Farb-Werkzeuge für Webdesigner vor.

1) www.colourlovers.com

2) www.0to255.com

3) kuler.adobe.com

4) Farbschemaumrechnungen Mathematik und Formeln: www.easyrgb.com

5) www.colortoys.de

6) Farb Palletten aus Bildern erstellen: www.colorhunter.com

7) www.colorschemedesigner.com

8) www.colorjack.com
Für OS X existiert ein Desktop Widget. Unterstützt diverse Modi: websichere Farben (websafe), Spektrum und Websmart.

9) www.colorblender.com

10) Bild hochladen oder eine URL zu einem Bild eintippen um praktische Farbvorschläge zu erhalten: www.cssdrive.com

Farben und Emotionen

Farben sind z.B. im Zusammenhang mit "Call To Action" Buttons ein sehr interessantes Instrument. Im Folgenden wird die Wirkung von unterschiedlichen Farben auf unser psychologisches Befinden näher beleuchtet. Mit diesem Wissen haben Sie die Kraft die gewünschten Emotionen zu wecken.

Farb-Werkzeuge für Webdesigner

http://colorschemedesigner.com/
http://www.colourlovers.com/
http://0to255.com/
http://kuler.adobe.com/

© 2011 - @rohdesign

Drei Methoden um die Loyalität zu erhöhen

1. Die Frage der Woche

Menschen mögen es zu diskutieren und gehört zu werden. Manchmal benötigt es eine Anregung zur Diskussion in Form einer Frage. Die Community kann sich formen und die entstehende Dynamik bietet dem Besucher einen Grund sich wiederholt zu informieren.

z.B. "Hat jemand Erfahrungen mit Kontrastanpassungen in A/B Tests gemacht?"

2. Das Belohnungssystem

Die Teilnahme an Umfragen, das Ausfüllen des Besucherprofils oder der Kauf eines Angebots. Diese und andere Konversionsziele können unter Mithilfe eines Belohnungssystems angeregt werden. Zum Beispiel dann, wenn der Besucher einen Preis gewinnen oder Punkte sammeln kann, oder beim nächsten Einkauf Geld spart.

z.B. "Durch die Angabe der E-mail Adresse erhalten sie 50 Punkte. Bei 500 Punkten winkt ein Amazon Buchgutschein im Wert von CHF 50.-!"

3. Die Personifizierung der Webseite

Eine Webseite mit persönlichem Charakter führt zu einer hohen sozialen Identifizierung der Besucher. Ein Gesicht oder eine Figur kann dies herbeiführen. Diese Person muss kein Administrator sein, sie kann aber zum Team gehören. Sie regt Diskussionen im Forum an, stellt Fragen an die Community oder beantwortet diese. Sie gibt Tipps oder stellt kontextrelevante Tricks vor und baut das Vertrauen zu den Besuchern auf.

z.B. "Mein Name ist Dr. Mouseclick und ich zeige heute wie Weissraum auf Webseiten korrekt genutzt wird."

Rethink: Beleg überarbeitet

Warum abgerundete Ecken besser fürs Auge sind

Gegen die Regeln

Breaking The Rules: A UX Case Study - nur in Englisch verfügbar
(Quelle: Smashingmagazine.com)

Copycats

Kopieren ist in der westlichen Welt eher verpöhnt. In der östlichen Kultur jedoch heisst es:

"Kopiere deinen Meister - und du wirst selbst zum Meister!"

So freut es uns zu sehen, dass die clickmap Toolbar eine derart gute UX bietet, dass sich unsere Kunden für ihre eigenen Webseiten entscheiden diese ebenfalls zu verwenden.

Wir hoffen auch in Zukunft eine Quelle der Inspiration zu sein!

Eisberg der Benutzerfreundlichkeit

Formular Optimierung

Der 'nächste Schritt' Vorschlag.

Probleme mit Tumblr Themes beheben

Das Problem

In clickmap Usability Reorts werden alle Klicks und Besucherinteraktionen nur auf dem ersten Blog Artikel angezeigt. Die restlichen Einträge "erhalten" gar keine Klicks.
Dieses Problem kommt vor, wenn das Tumblr Theme nicht sauber aufgebaut ist. Die Zuweisung zum richtigen Blog Eintrag innerhalb eines Usability Reports kann nicht korrekt erfolgen. Das Problem ist ein nicht eindeutiger XPath.

Die Lösung

Mit einem einfachen Trick werden Klicks wieder korrekt aufgezeichnet, analysiert und wiedergegeben: jedem Blog Eintrag wird eine eindeutige Identifikation zugewiesen.
Bei Tumblr kann dies erreicht werden, in dem das div-Element, welches den Blog Artikel beinhaltet, mit dem Attribut id="post_{PostID}" erweitert wird. Weitere Details sind der Tumblr Dokumentation zu entnehmen.

Ob Ihr Tumblr Theme korrekt funktioniert, können Sie einfach testen, indem Sie zwei Artikel (Blog Posts) veröffentlichen. Klicken Sie anschliessend auf beide Artikel und starten Sie einen clickmap Usability Report. Wird die Heatmap nur auf dem ersten Artikel angezeigt, müssen Sie Ihr Theme wie beschrieben modifizieren.

clickmap und Tumblr

Mit der folgenden Schritt für Schritt Anleitung ist die Usability Analyse Ihres Tumblr Blogs innert 60 Sekunden startbereit!

Melden Sie sich auf www.clickmap.ch an.
Wenn Sie noch über kein Abonnement verfügen, registrieren Sie sich jetzt!
Übers Dashboard (1) navigieren Sie zu "Webseite hinzufügen" (2)

Fügen Sie eine neue Webseite hinzu indem Sie die Adresse (3) angeben.
Geben Sie den Namen Ihrer Webseite ein (4) und fügen Sie Ihre Webseite hinzu (5).

Verknüpfen Sie nun Ihren Tumblr Blog mit clickmap indem Sie den Tracker Code (6) bei Tumblr übers Dashboard einbauen. Sie können den Tracker Code ganz einfach über Copy & Paste von clickmap zu Tumblr kopieren.

Wählen Sie jetzt den Menüpunkt "Blog anpassen" (7).

Öffnen Sie das Info Menü (8).

Fügen Sie den Tracker Code (9) ein (Copy & Paste) und speichern Sie die vorgenommenen Änderungen (10) ab.
Sollte Ihr Theme die "Beschreibung" nicht unterstützen, so fügen Sie den Tracker unter dem Menüpunkt "Theme > Benutzerdefiniertes HTML" ein. Der beste Ort dafür ist vor dem schliessenden body-Tag.

Nun testen Sie ob alles einwandfrei funktioniert.
Klicken Sie auf den neusten Artikel, den Sie in Ihrem Blog veröffentlicht haben.
Gehen sie zurück zu clickmap und starten Sie einen Usability Report für Ihren Blog. Geben Sie dem Report einen Namen (11) und wählen Sie einen Report Typ. Am besten sehen Sie ob alles korrekt funktioniert, indem Sie den Statistik Typ "Heatmap" (12) auswählen. Diese Reports zeigen die Klickposition Ihrer Besucher in Echtzeit, sollte die RealTime Option aktiviert sein (Erweiterte Einstellungen > Zeitfenster).
Starten Sie nun diesen Usability Report (13).

Veröffentlichen Sie nun einen neuen Blog Eintrag und klicken Sie diesen ebenfalls an. Starten Sie nun ihren clickmap Report neu. Wird die Heatmap ausschliesslich auf dem neusten Artikel angezeigt und nicht auf dem zuerst veröffentlichten, so müssen Sie gemäss diesem Artikel Ihr Tumblr Theme anpassen.

Und so sieht Ihr korrekter Usability Report von clickmap für Ihren Tumblr Blog aus:

Medien, Logo und Banners

Die folgenden Medien können frei verwendet werden.
Kontaktieren Sie uns für weitere Anfragen.

http://media.clickmap.ch/upload/clickmap_RGB_500_pos.png

http://media.clickmap.ch/upload/clickmap_affiliate.small.png

http://media.clickmap.ch/upload/clickmap_affiliate.png

http://media.clickmap.ch/upload/clickmap_affiliate_en.small.png

http://media.clickmap.ch/upload/clickmap_affiliate_en.png

Vorteile einer Echtzeit Auswertung

Engagement im Web erhöhen

Hochperformante Klick-verarbeitung in Echtzeit

clickmap - ...mehr als Analyse!

Report Schnappschuss

In der Toolbar der Usability Reports finden Sie ab sofort eine neue Funktion: "Schnappschuss erstellen"

Diese Funktionalität sendet Ihnen den aktuellen Usability Report per E-mail zu (Format PNG Datei).
Bislang ist diese Funktion nur für Heat-Maps freigeschaltet.

Usability KPI

5 Gründe für clickmap