Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale

BenutzerZentrale.de Webtreff Konstanz / Kreuzlingen „low budget“ Usability Testing Patric Schmid www.BenutzerZentrale.de schmid.patric@googlemail.com @patrics

Was ist eigentlich Usability ? Einfach Intuitiv Usability Fehlertolerant (Benutzbarkeit) Lernförderlich …

Usability

Inhalt • Usability für den Nutzer • Usability für Entwickler, Designer, Agenturen und Betreiber • Lösungsmöglichkeiten • Do It Yourself • preiswerte Tools zur Unterstützung

Usability für den Nutzer Benutzbare Software „Es macht das was es soll… endlich“ „Cool, es reagiert so wie Ich es erwarte…“ „Ich muss weniger überlegen!“

Usability für den Nutzer Der Benutzer … hat Spaß beim anwenden … ist weniger gestresst und genervt … erreicht seine Ziele effizienter! … empfiehlt das System weiter.

Zitat „When technology already delivers basic needs … user experience dominates.“ Don Norman

Usability ist für den Nutzer - OK, und nun? Ja zu Usability, aber auf wessen Kosten? Personas Cardsorting Probanden Experten Labortest Richtlinien Prototyping Sketching Focusgroups Eyetracking Reviews Berater Checklisten Umfragen

Usability für „die Leute dahinter“ Entwickler Designer Teamleiter Anbieter

Usability für Entwickler Entwickler  Erkenntnisse durch Beobachtung  Vermeiden von Fehlentwicklungen durch falsche ungenaue Anforderungen o Weniger „Bling-Features“ :(

Usability für Designer Designer  Design für Menschen & mit Menschen  Beeinflusst Produkt-Erfahrungen des Nutzers  Argumente für Designentscheidungen o schränkt Kreativität ein

Usability für Teamleiter Teamleiter / Agentur  Prioritäten & Entscheidungen die auf Fakten basieren  Argumente für Designentscheidungen  Produkterfolg in frühem Stadium messbar  Mehrwert für Business des Anbieters

Usability für Anbieter Anbieter / Betreiber  Einsicht in Kundenverhalten  Optimierung von z.B. Kaufprozessen  höhere Conversion  erhöhte Kundenzufriedenheit  reduzierte Serviceanfragen (& Schulungen)

Lohnt sich Usability?  bessere Usability als Differentiation vom Markt  höhere Kosten werden durch Kunden amortisiert Empfehlung: ROI from Usability http://www.uxpassion.com/2009/10/ux-roi-user-experience-return-on-investment/ http://www.usefulusability.com/ecommerce-roi-why-usability-always-beats-advertising/

Methoden Design Research (Was brauchen die Nutzer tatsächlich?) Web Analytics (Was die Nutzer eigentlich machen) Usability Testing (Wie gut Funktioniert das aktuelle System?)

Methoden Usability Testing – ein Anfang… “don’t tell – let talk” (Prototypen/Sketch) Wer? Freunde, Familie, Kollegen, Kaffee, … experimentieren & iterieren

Methoden Usability Testing – die Profis… Rekrutieren Personen der “Zielgruppe(n)” offene Fragen / Aufgaben “Wie ist Ihr Gefühl bei XY?” “Was erwarten Sie wenn Sie hier klicken?” “Stellen Sie sich vor sie wollen XY wissen…” Observation (Live, Kameras, Screen-Capture, thinking aloud, Eyetracking)

Usability Lab – Das Team observiert…

Usability Lab - Realität • Extern • valide Ergebnisse?, Vertrauen • Overhead • Vorbereitung & zeitaufwändige Analyse • Kostspielig • nicht regelmäßig

Do It Yourself ! Do It Yourself ! • kleine regelmäßige Tests • In jedem Entwicklungsstadium • max. 5 Nutzer pro Iteration • Team involvieren (z.B. Pizza)

Do It Yourself – Die Vorbereitung Was wollen wir herausfinden?  Vermutung: XY wird nicht verstanden…  Design: Variante A oder B? Hypothese – Test – Ergebnis

Do It Yourself – Die Durchführung Wie können wir das herausfinden?  Versuchspersonen  Aufgabenstellung  Testmethode & Durchführung Hypothese – Test – Ergebnis

Do It Yourself – Die Analyse Was ist passiert?  Hypothese bestätigt / widerlegt?  Erkenntnisse Dokumentieren  Konsequenzen für Design & Entwicklung? Hypothese – Test – Ergebnis

Methodenauswahl Testmethoden Was ist möglich - Was ist sinnvoll?

Methodenauswahl Was wollen wir herausfinden?  Ist die Funktion „Email-Newsletter“ gut, wird Sie verstanden? Warum wollen wir das herausfinden?  höhere Konversion zum Newsletter  synchron mit Businessgoals?

Methoden Live-System vs. Papier-Prototyp  Expert-Review  Labortest  Eyetracking  „thinking aloud“  Screen-Capturing • Focusgroup  Live-Observation • Cardsorting  A/B Split-Test • Sketching  Umfrage (Papier/On-Site)

Werkzeuge

Usability Werkzeuge Online FiveSecondTest.com Kostenlos • erster Eindruck zählt! • 5 Sekunden Zeit, verschiedene Modi  POI klicken, beschreiben (Landing Pages)  Inhalt aus Erinnerung auflisten Fazit: Perfekt für Landing Pages, Testen des ersten Eindrucks und POI

Usability Werkzeuge Online Chalkmark.com 109 $ / Monat • Screenshots & Aufgabenstellung • Eigene Testpersonen rekrutieren • Testperson klickt auf „Lösung“ • Click-Heatmaps, Bearbeitungszeit Fazit: Perfekt für Landing Pages Keine Kommentare zu den POI

Usability Werkzeuge Online FeedbackArmy.com 10 $ / 10 Personen • 6 Fragen zur Seite stellen • 10 Personen beantworten Fragen Fazit: Für schnelles externes Feedback geeignet nur englische Seiten keine Vorgaben an Personen möglich

Usability Werkzeuge Online UserTesting.com 29 $ / Testperson • Demografie & Fähigkeiten der Testperson definieren • frei definierbare Aufgaben • 15 min Video & Zusammenfassung Fazit: Stressfreies Testing für wenig Geld nur englische Seiten

Usability Werkzeuge Online clixpy.com 5 $ / 100 Captures 10 Kostenlose • Als JavaScript in Seite einbinden… • Screencapturing ohne Kommentare • direkte Interaktion der Nutzer anschauen • schwer Analysierbar Fazit: zeigt wie Besucher die Seite benutzen Aufwändig auszuwerten, keine Heatmap

Usability Werkzeuge Online ClickTale.com 100 Captures / Woche Kostenlos • „Über die Schulter“ Screen-Capturing • Klick-Heatmaps • Formular-Analyse (z.B. Abbruchfelder) Fazit: gute Kombination von Observation & Statistik perfekt für regelmäßige Verbesserung

Usability Werkzeuge Online Loop11.com 350 $ / Testprojekt 1x kostenlos • Nutzer navigieren durch Seiten & Aufgaben • Nutzer entscheiden Fail / Pass selbst • Pfadanalyse (URLs, einzeln & prozentual) • Bearbeitungszeiten, Erfolgsrate, Fragebögen Fazit: Professionelles Tool für Live-Seiten Kombination mit „Live-Video“ wäre schön

Usability Werkzeuge Online OpenHallway.com 49 $ / Monat 1x kostenlos • Voice- & Screen-Capture • Aufgaben frei definierbar • eigene Testpersonen einladen • Feedback per Voice und Text möglich Fazit: Remote Usability Tests mit Screen & Voice Capturing

Usability Werkzeuge SilverbackApp.com 50 $ Software 30 Tage Kostenlos • Software zur Durchführung von Tests • Screen-Capturing • Webcam-Capturing • Kommentare & Video-Export Fazit: komplette Usability-Test Suite leider nur für Mac‘s !

Weitere Services www.Testled.com www.Intuitionhq.com www.Crazyegg.com www.Exactostats.com www.M-pathy.com www.Userfly.com www.Usabilla.com www.Abtests.com

Werkzeuge

Fazit Keine Ausreden – Aktionen! 1. kostenlos Anmelden 2. aktuelles Projekt Testen 3. Ergebnisse anschauen „Ausprobieren kostet nix…“

Fragen

Weitere Ressourcen Leseempfehlung: Don‘t make me Think (Steve Krug) http://www.usabilityblog.de/ http://www.uxbooth.com/view/blog/ http://uxpool.tumblr.com/ http://new.uxmatters.com/mt/archives/2009/ 11/usability-testing-on-a-budget.php #usability #ux

Quellen Don‘t Make Me Think – Web Usability (Steve Krug) http://tinyurl.com/dmmthink DIN ISO 9241-110 http://kommdesign.de/texte/din.htm Leitfaden Usability – DATech http://www.datech.de/share/files/Leitfaden-Usability.pdf UX ROI: User Experience Return on Investment http://www.uxpassion.com/2009/10/ux-roi-user-experience-return-on-investment/ eCommerce ROI: Why Usability ALWAYS Beats Advertising http://www.usefulusability.com/ecommerce-roi-why-usability-always-beats-advertising/ Discount Usability (Jakob Nielsen) http://www.useit.com/alertbox/discount-usability.html Bilder Entwickler: http://img2.timeinc.net/ew/dynamic/imgs/080425/office-space-02_l.jpg Designer: http://www.morgenpost.de/multimedia/archive/00277/wilts_TEASER_BM_Lif_277242b.jpg Teamleiter / Agentur: http://de.fotolia.com/id/13155560 (Lizenziert) Betreiber: http://de.fotolia.com/id/13520316 (Lizenziert) Courtain Silhouette : http://ach-consulting.com/2008/11/18/pay-no-attention-to-the-man-behind-the-curtain/ Pyramid of Success: http://thisisindexed.com/ WTF-Panda: http://www.ebroadcast.com.au/blahdocs/uploads/wtf_panda_2050.jpg Coquette Icons: http://dryicons.com/free-icons/preview/coquette-part-3-icons-set/ Usability Lab: http://www.flickr.com/photos/webcredible/3984337166/sizes/l/ Werkzeuge: http://de.fotolia.com/id/9095837 (Lizenziert) Usability http://persuasiveweb.wordpress.com/2009/06/22/day-22-persuasion-before-usability/

Fazit Bonus: Beispiele für gute Usability…

Usability für den Nutzer Intuitiv & Selbstbeschreibend

Beispiel: Kontaktformulare • Ziel des Nutzers? • Ziel des Betreibers?

Usability für den Nutzer Fehlertoleranz & Instant-Feedback

http://www.schloenvoigt.de	32
http://www.slideshare.net	20
http://www.blogstone.net	9
http://do.notuse.me	1
http://webcache.googleusercontent.com	1

Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale

by Patric Schmid on Nov 16, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 63

Statistics

Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale — Presentation Transcript