BenutzerZentrale.de

Webtreff Konstanz / Kreuzlingen

„low budget“ Usability Testing

Patric Schmidwww.BenutzerZentrale.de

schmid.patric@googlemail.com@patrics

Was ist eigentlich Usability ?

Usability(Benutzbarkeit)

Einfach

Intuitiv

Fehlertolerant

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 experiencedominates.“

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 werdendurch 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

TestmethodenWas 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 Live-Observation A/B Split-Test Umfrage (Papier/On-Site)

• Focusgroup• Cardsorting• Sketching

Werkzeuge

Usability Werkzeuge Online

FiveSecondTest.com

• 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

Kostenlos

Usability Werkzeuge Online

Chalkmark.com

• Screenshots & Aufgabenstellung• Eigene Testpersonen rekrutieren• Testperson klickt auf „Lösung“• Click-Heatmaps, Bearbeitungszeit

Fazit: Perfekt für Landing PagesKeine Kommentare zu den POI

109 $ / Monat

Usability Werkzeuge Online

FeedbackArmy.com

• 6 Fragen zur Seite stellen• 10 Personen beantworten Fragen

Fazit: Für schnelles externes Feedback geeignetnur englische Seitenkeine Vorgaben an Personen möglich

10 $ / 10 Personen

Usability Werkzeuge Online

UserTesting.com

• Demografie & Fähigkeiten der Testperson definieren

• frei definierbare Aufgaben • 15 min Video & Zusammenfassung

Fazit: Stressfreies Testing für wenig Geldnur englische Seiten

29 $ / Testperson

Usability Werkzeuge Online

clixpy.com

• Als JavaScript in Seite einbinden…• Screencapturing ohne Kommentare• direkte Interaktion der Nutzer anschauen• schwer Analysierbar

Fazit: zeigt wie Besucher die Seite benutzenAufwändig auszuwerten, keine Heatmap

5 $ / 100 Captures10 Kostenlose

Usability Werkzeuge Online

ClickTale.com

• „Über die Schulter“ Screen-Capturing• Klick-Heatmaps• Formular-Analyse (z.B. Abbruchfelder)

Fazit: gute Kombination von Observation & Statistik perfekt für regelmäßige Verbesserung

100 Captures / WocheKostenlos

Usability Werkzeuge Online

Loop11.com

• Nutzer navigieren durch Seiten & Aufgaben• Nutzer entscheiden Fail / Pass selbst• Pfadanalyse (URLs, einzeln & prozentual)• Bearbeitungszeiten, Erfolgsrate, Fragebögen

Fazit: Professionelles Tool für Live-SeitenKombination mit „Live-Video“ wäre schön

350 $ / Testprojekt1x kostenlos

Usability Werkzeuge Online

OpenHallway.com

• Voice- & Screen-Capture • Aufgaben frei definierbar• eigene Testpersonen einladen • Feedback per Voice und Text möglich

Fazit: Remote Usability Tests mit Screen & Voice Capturing

49 $ / Monat1x kostenlos

Usability Werkzeuge

SilverbackApp.com

• Software zur Durchführung von Tests• Screen-Capturing• Webcam-Capturing• Kommentare & Video-Export

Fazit: komplette Usability-Test Suiteleider nur für Mac‘s !

50 $ Software30 Tage Kostenlos

Weitere Services

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

Werkzeuge

Fazit

Keine Ausreden – Aktionen!

1. kostenlos Anmelden2. aktuelles Projekt Testen3. 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-110http://kommdesign.de/texte/din.htm

Leitfaden Usability – DATechhttp://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 Advertisinghttp://www.usefulusability.com/ecommerce-roi-why-usability-always-beats-advertising/

Discount Usability (Jakob Nielsen)http://www.useit.com/alertbox/discount-usability.html

BilderEntwickler: http://img2.timeinc.net/ew/dynamic/imgs/080425/office-space-02_l.jpgDesigner: http://www.morgenpost.de/multimedia/archive/00277/wilts_TEASER_BM_Lif_277242b.jpgTeamleiter / 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.jpgCoquette 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