SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernKaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernJohannes Müller
 
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...Christoph Mühlbauer
 
Mensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXMensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXHartmut Obendorf
 
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...usability.de
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Maria Rauschenberger
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Agnieszka Maria Walorska
 
Crowdsourced Mobile Testing – Alternative oder Ergänzung?
Crowdsourced Mobile Testing – Alternative oder Ergänzung?Crowdsourced Mobile Testing – Alternative oder Ergänzung?
Crowdsourced Mobile Testing – Alternative oder Ergänzung?Connected-Blog
 
Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?
Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?
Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?Gregor Gross
 
DMEXCO 2010: Usability als neuer Rankingfaktor?!
DMEXCO 2010: Usability als neuer Rankingfaktor?!DMEXCO 2010: Usability als neuer Rankingfaktor?!
DMEXCO 2010: Usability als neuer Rankingfaktor?!Steven Broschart
 
Prototyping in der Softwareentwicklung (Folien zum Referat)
Prototyping in der Softwareentwicklung (Folien zum Referat)Prototyping in der Softwareentwicklung (Folien zum Referat)
Prototyping in der Softwareentwicklung (Folien zum Referat)Ulf Schröder
 
One konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_agOne konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_agONE Schweiz
 
Scrum als agiles Vorgehensmodell für Programmierer
Scrum als agiles Vorgehensmodell für ProgrammiererScrum als agiles Vorgehensmodell für Programmierer
Scrum als agiles Vorgehensmodell für ProgrammiererTobias Schlüter
 

Was ist angesagt? (13)

Rapid prototyping
Rapid prototypingRapid prototyping
Rapid prototyping
 
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernKaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
 
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
 
Mensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXMensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UX
 
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)
 
Crowdsourced Mobile Testing – Alternative oder Ergänzung?
Crowdsourced Mobile Testing – Alternative oder Ergänzung?Crowdsourced Mobile Testing – Alternative oder Ergänzung?
Crowdsourced Mobile Testing – Alternative oder Ergänzung?
 
Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?
Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?
Lean Startup: Wie sieht der Einsatz von MVPs in der deutschen Praxis aus?
 
DMEXCO 2010: Usability als neuer Rankingfaktor?!
DMEXCO 2010: Usability als neuer Rankingfaktor?!DMEXCO 2010: Usability als neuer Rankingfaktor?!
DMEXCO 2010: Usability als neuer Rankingfaktor?!
 
Prototyping in der Softwareentwicklung (Folien zum Referat)
Prototyping in der Softwareentwicklung (Folien zum Referat)Prototyping in der Softwareentwicklung (Folien zum Referat)
Prototyping in der Softwareentwicklung (Folien zum Referat)
 
One konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_agOne konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_ag
 
Scrum als agiles Vorgehensmodell für Programmierer
Scrum als agiles Vorgehensmodell für ProgrammiererScrum als agiles Vorgehensmodell für Programmierer
Scrum als agiles Vorgehensmodell für Programmierer
 

Andere mochten auch

Lichtverschmutzung in Wernigerode
Lichtverschmutzung in WernigerodeLichtverschmutzung in Wernigerode
Lichtverschmutzung in WernigerodeChristian Reinboth
 
Como tomar las_mejores_decisiones_de_tu_vida
Como tomar las_mejores_decisiones_de_tu_vidaComo tomar las_mejores_decisiones_de_tu_vida
Como tomar las_mejores_decisiones_de_tu_vidavaloratealmaximo
 
Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...
Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...
Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...Christian Reinboth
 
02bits Numeros P 4 Desordenats
02bits Numeros P 4 Desordenats02bits Numeros P 4 Desordenats
02bits Numeros P 4 Desordenatsbanus
 
Krems proejktarbeit
Krems proejktarbeitKrems proejktarbeit
Krems proejktarbeitheiko.vogl
 
Ruiz sánchez cristina_t6.3
Ruiz sánchez cristina_t6.3Ruiz sánchez cristina_t6.3
Ruiz sánchez cristina_t6.3cristinaruiztic
 
Portafolio de evaluación
Portafolio de evaluaciónPortafolio de evaluación
Portafolio de evaluaciónbibianab30
 

Andere mochten auch (20)

Branchen kompakt-reports-05-2010
Branchen kompakt-reports-05-2010Branchen kompakt-reports-05-2010
Branchen kompakt-reports-05-2010
 
Ciudadania 4
Ciudadania 4Ciudadania 4
Ciudadania 4
 
Colegio nacional nicolas
Colegio nacional nicolasColegio nacional nicolas
Colegio nacional nicolas
 
Es mi padre
Es mi padreEs mi padre
Es mi padre
 
Lichtverschmutzung in Wernigerode
Lichtverschmutzung in WernigerodeLichtverschmutzung in Wernigerode
Lichtverschmutzung in Wernigerode
 
Como tomar las_mejores_decisiones_de_tu_vida
Como tomar las_mejores_decisiones_de_tu_vidaComo tomar las_mejores_decisiones_de_tu_vida
Como tomar las_mejores_decisiones_de_tu_vida
 
Ebenen
EbenenEbenen
Ebenen
 
Campanilleros
CampanillerosCampanilleros
Campanilleros
 
Venn
VennVenn
Venn
 
Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...
Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...
Können die Industrieländer mit REDD+-Maßnahmen die tropischen Regenwälder in ...
 
02bits Numeros P 4 Desordenats
02bits Numeros P 4 Desordenats02bits Numeros P 4 Desordenats
02bits Numeros P 4 Desordenats
 
Diseño Gráfico
Diseño GráficoDiseño Gráfico
Diseño Gráfico
 
BranchenThemen Energie & Rohstoffe Gesamtübersicht 2013
BranchenThemen Energie & Rohstoffe Gesamtübersicht 2013 BranchenThemen Energie & Rohstoffe Gesamtübersicht 2013
BranchenThemen Energie & Rohstoffe Gesamtübersicht 2013
 
Krems proejktarbeit
Krems proejktarbeitKrems proejktarbeit
Krems proejktarbeit
 
BranchenThemen Automobilbranche und KFZ Produktion Gesamtübersicht 2013
BranchenThemen Automobilbranche und KFZ Produktion Gesamtübersicht 2013BranchenThemen Automobilbranche und KFZ Produktion Gesamtübersicht 2013
BranchenThemen Automobilbranche und KFZ Produktion Gesamtübersicht 2013
 
Comunion
ComunionComunion
Comunion
 
BranchenThemen Maschinen- und Anlagenbau Gesamtübersicht 2013
BranchenThemen Maschinen- und Anlagenbau Gesamtübersicht 2013  BranchenThemen Maschinen- und Anlagenbau Gesamtübersicht 2013
BranchenThemen Maschinen- und Anlagenbau Gesamtübersicht 2013
 
Ruiz sánchez cristina_t6.3
Ruiz sánchez cristina_t6.3Ruiz sánchez cristina_t6.3
Ruiz sánchez cristina_t6.3
 
Portafolio de evaluación
Portafolio de evaluaciónPortafolio de evaluación
Portafolio de evaluación
 
El conde dracula
El     conde draculaEl     conde dracula
El conde dracula
 

Ähnlich wie Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale

[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...
[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...
[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...UserZoom Deutschland
 
Online besser-nutzerfreundlich
Online besser-nutzerfreundlichOnline besser-nutzerfreundlich
Online besser-nutzerfreundlichArno Karrasch
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenPeter Rozek
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo GmbH
 
JavaScript und trotzdem Softwerker
JavaScript und trotzdem SoftwerkerJavaScript und trotzdem Softwerker
JavaScript und trotzdem SoftwerkerDennis Wilson
 
Usability Methoden
Usability  MethodenUsability  Methoden
Usability MethodenNina Rebele
 
eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)
eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)
eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)eparo GmbH
 
Von Scrum lernen - Anwendung agiler Prinzipien im User Centered Design
Von Scrum lernen - Anwendung agiler Prinzipien im User Centered DesignVon Scrum lernen - Anwendung agiler Prinzipien im User Centered Design
Von Scrum lernen - Anwendung agiler Prinzipien im User Centered DesigneResult_GmbH
 
Wie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionieren
Wie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionierenWie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionieren
Wie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionierenevuxGmbH
 
USECON_RoX_Workshop_Kundenpanele_Experience_Tools
USECON_RoX_Workshop_Kundenpanele_Experience_ToolsUSECON_RoX_Workshop_Kundenpanele_Experience_Tools
USECON_RoX_Workshop_Kundenpanele_Experience_ToolsUSECON
 
User xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallUser xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallDaniel Muther
 
Übersicht Planung Webprojekte
Übersicht Planung WebprojekteÜbersicht Planung Webprojekte
Übersicht Planung WebprojekteVolker Grünauer
 
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen City & Bits GmbH
 
Xp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolboxXp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolboxxpdaysgermany
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseHans-Joachim Belz
 
[Webinar] So geht UX Research heute
[Webinar] So geht UX Research heute[Webinar] So geht UX Research heute
[Webinar] So geht UX Research heuteUserZoom Deutschland
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
Webanalyse-Methoden zur Optimierung von Onlinehilfe
Webanalyse-Methoden zur Optimierung von OnlinehilfeWebanalyse-Methoden zur Optimierung von Onlinehilfe
Webanalyse-Methoden zur Optimierung von OnlinehilfeAxel Regnet
 

Ähnlich wie Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale (20)

Über das U im UX
Über das U im UXÜber das U im UX
Über das U im UX
 
[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...
[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...
[Mobile Usability Testing] Zahlen, Daten, Fakten Mobil - World Usability Day ...
 
Online besser-nutzerfreundlich
Online besser-nutzerfreundlichOnline besser-nutzerfreundlich
Online besser-nutzerfreundlich
 
Nutzerfreude im Fokus
Nutzerfreude im FokusNutzerfreude im Fokus
Nutzerfreude im Fokus
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign Testen
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
 
JavaScript und trotzdem Softwerker
JavaScript und trotzdem SoftwerkerJavaScript und trotzdem Softwerker
JavaScript und trotzdem Softwerker
 
Usability Methoden
Usability  MethodenUsability  Methoden
Usability Methoden
 
eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)
eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)
eparo – Quick Wins (Workshop WUD 2009 – Rolf Schulte Strathaus)
 
Von Scrum lernen - Anwendung agiler Prinzipien im User Centered Design
Von Scrum lernen - Anwendung agiler Prinzipien im User Centered DesignVon Scrum lernen - Anwendung agiler Prinzipien im User Centered Design
Von Scrum lernen - Anwendung agiler Prinzipien im User Centered Design
 
Wie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionieren
Wie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionierenWie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionieren
Wie Ihr Content die Buyer Journey unterstützt und Nutzertests funktionieren
 
USECON_RoX_Workshop_Kundenpanele_Experience_Tools
USECON_RoX_Workshop_Kundenpanele_Experience_ToolsUSECON_RoX_Workshop_Kundenpanele_Experience_Tools
USECON_RoX_Workshop_Kundenpanele_Experience_Tools
 
User xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallUser xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch Zufall
 
Übersicht Planung Webprojekte
Übersicht Planung WebprojekteÜbersicht Planung Webprojekte
Übersicht Planung Webprojekte
 
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
 
Xp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolboxXp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolbox
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne Designprozesse
 
[Webinar] So geht UX Research heute
[Webinar] So geht UX Research heute[Webinar] So geht UX Research heute
[Webinar] So geht UX Research heute
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
 
Webanalyse-Methoden zur Optimierung von Onlinehilfe
Webanalyse-Methoden zur Optimierung von OnlinehilfeWebanalyse-Methoden zur Optimierung von Onlinehilfe
Webanalyse-Methoden zur Optimierung von Onlinehilfe
 

Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale

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