Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
-
Upload
patric-schmid -
Category
Design
-
view
2.737 -
download
1
description
Transcript of Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
![Page 1: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/1.jpg)
BenutzerZentrale.de
Webtreff Konstanz / Kreuzlingen
„low budget“ Usability Testing
Patric Schmidwww.BenutzerZentrale.de
[email protected]@patrics
![Page 2: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/2.jpg)
Was ist eigentlich Usability ?
Usability(Benutzbarkeit)
Einfach
Intuitiv
Fehlertolerant
Lernförderlich
…
![Page 3: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/3.jpg)
Usability
![Page 4: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/4.jpg)
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
![Page 5: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/5.jpg)
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!“
![Page 6: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/6.jpg)
Usability für den Nutzer
Der Benutzer
… hat Spaß beim anwenden
… ist weniger gestresst und genervt
… erreicht seine Ziele effizienter!
… empfiehlt das System weiter.
![Page 7: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/7.jpg)
Zitat
„When technology already delivers
basic needs …
user experiencedominates.“
Don Norman
![Page 8: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/8.jpg)
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
![Page 9: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/9.jpg)
Usability für „die Leute dahinter“
Entwickler
Designer
Teamleiter
Anbieter
![Page 10: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/10.jpg)
Usability für Entwickler
Entwickler
Erkenntnisse durch Beobachtung
Vermeiden von Fehlentwicklungen durch falsche ungenaue Anforderungen
o Weniger „Bling-Features“ :(
![Page 11: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/11.jpg)
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
![Page 12: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/12.jpg)
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
![Page 13: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/13.jpg)
Usability für Anbieter
Anbieter / Betreiber
Einsicht in Kundenverhalten
Optimierung von z.B. Kaufprozessen höhere Conversion
erhöhte Kundenzufriedenheit
reduzierte Serviceanfragen (& Schulungen)
![Page 14: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/14.jpg)
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/
![Page 15: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/15.jpg)
Methoden
Design Research (Was brauchen die Nutzer tatsächlich?)
Web Analytics (Was die Nutzer eigentlich machen)
Usability Testing (Wie gut Funktioniert das aktuelle System?)
![Page 16: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/16.jpg)
Methoden
Usability Testing – ein Anfang…
“don’t tell – let talk” (Prototypen/Sketch)
Wer? Freunde, Familie, Kollegen, Kaffee, …
experimentieren & iterieren
![Page 17: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/17.jpg)
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)
![Page 18: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/18.jpg)
Usability Lab – Das Team observiert…
![Page 19: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/19.jpg)
Usability Lab - Realität
• Extern • valide Ergebnisse?, Vertrauen
• Overhead• Vorbereitung & zeitaufwändige Analyse
• Kostspielig• nicht regelmäßig
![Page 20: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/20.jpg)
Do It Yourself !
Do It Yourself !• kleine regelmäßige Tests • In jedem Entwicklungsstadium
• max. 5 Nutzer pro Iteration
• Team involvieren (z.B. Pizza)
![Page 21: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/21.jpg)
Do It Yourself – Die Vorbereitung
Was wollen wir herausfinden?
Vermutung: XY wird nicht verstanden… Design: Variante A oder B?
Hypothese – Test – Ergebnis
![Page 22: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/22.jpg)
Do It Yourself – Die Durchführung
Wie können wir das herausfinden?
Versuchspersonen Aufgabenstellung Testmethode & Durchführung
Hypothese – Test – Ergebnis
![Page 23: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/23.jpg)
Do It Yourself – Die Analyse
Was ist passiert?
Hypothese bestätigt / widerlegt? Erkenntnisse Dokumentieren Konsequenzen für Design & Entwicklung?
Hypothese – Test – Ergebnis
![Page 24: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/24.jpg)
Methodenauswahl
TestmethodenWas ist möglich - Was ist sinnvoll?
![Page 25: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/25.jpg)
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?
![Page 26: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/26.jpg)
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
![Page 27: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/27.jpg)
Werkzeuge
![Page 28: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/28.jpg)
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
![Page 29: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/29.jpg)
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
![Page 30: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/30.jpg)
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
![Page 31: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/31.jpg)
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
![Page 32: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/32.jpg)
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
![Page 33: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/33.jpg)
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
![Page 34: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/34.jpg)
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
![Page 35: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/35.jpg)
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
![Page 36: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/36.jpg)
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
![Page 37: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/37.jpg)
Weitere Services
www.Testled.comwww.Intuitionhq.comwww.Crazyegg.comwww.Exactostats.comwww.M-pathy.comwww.Userfly.comwww.Usabilla.comwww.Abtests.com
![Page 38: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/38.jpg)
Werkzeuge
![Page 39: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/39.jpg)
Fazit
Keine Ausreden – Aktionen!
1. kostenlos Anmelden2. aktuelles Projekt Testen3. Ergebnisse anschauen
„Ausprobieren kostet nix…“
![Page 40: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/40.jpg)
Fragen
![Page 41: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/41.jpg)
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
![Page 42: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/42.jpg)
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/
![Page 43: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/43.jpg)
Fazit
Bonus:
Beispiele für gute Usability…
![Page 44: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/44.jpg)
Usability für den Nutzer
Intuitiv & Selbstbeschreibend
![Page 45: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/45.jpg)
Beispiel: Kontaktformulare
• Ziel des Nutzers?
• Ziel des Betreibers?
![Page 46: Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale](https://reader036.fdocuments.net/reader036/viewer/2022081401/55850e7dd8b42ab60a8b4ac3/html5/thumbnails/46.jpg)
Usability für den Nutzer
Fehlertoleranz & Instant-Feedback