• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Das Usability Lab in Zeiten von Mobile Devices
 

Das Usability Lab in Zeiten von Mobile Devices

on

  • 2,458 views

Ein unverzichtbares Instrument der Usability-orientierten Entwicklung von Benutzeroberflächen ist das Usability-Lab, oder, platt formuliert, die Beobachtung der Anwender beim Umgang mit einer ...

Ein unverzichtbares Instrument der Usability-orientierten Entwicklung von Benutzeroberflächen ist das Usability-Lab, oder, platt formuliert, die Beobachtung der Anwender beim Umgang mit einer Anwendung unter kontrollierten Labor-Bedingungen. Typischerweise findet das in speziellen Studios statt, die neben der Kameraaufzeichnung auch die direkte Beobachtung der Probanden durch das Entwicklungsteam und idealerweise auch Vertreter des Auftraggebers "hinter dem Spiegel" zulässt.

Für PC-Anwendungen und Websites ist das inzwischenn eine Standardleistung, die problemlos eingekauft und kurzfristig gebucht werden kann. Eine Vielzahl von Hard- und Softwaretools unterstützt die Beobachtung und Auswertung der Labor-Ergebnisse. Beim Test von Anwendungen auf mobilen Endgeräten treten jedoch ganz neue Herausforderungen auf. Das beginnt mit der geringen Bildschirmgröße und endet nicht mit der mangelnden Verfügbarkeit von Aufzeichnungssoftware auf den Geräten.

Im Rahmen dieses Vortrags berichtete Pixelpark auf dem World Usability Day 2010 in Berlin von den Erfahrungen aus den ersten Projekten auf mobilen Endgeräten (hier primär iPhone) und stellt das daraus abgeleitete Vorgehensmodell und Tools vor.

Statistics

Views

Total Views
2,458
Views on SlideShare
2,454
Embed Views
4

Actions

Likes
4
Downloads
4
Comments
0

2 Embeds 4

http://user-experience-specialist.blogspot.com 2
http://user-experience-specialist.blogspot.de 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Das Usability Lab in Zeiten von Mobile Devices Das Usability Lab in Zeiten von Mobile Devices Presentation Transcript

    • Das Usability Lab in Zeiten vonMobile Devices
      Mit Prototypen im UCD Prozess leichter zum Ziel, ein Erfahrungsbericht von Pixelpark
      Berlin, 11.11.2010 – Jens-Christian Jensen, Director Beratung & Konzeption
      1
    • Warum eigentlich ein Usability Lab?
    • Wir arbeiten Nutzerzentriert
    • User-Centered-Design
    • Ziel jedes Projekts ist es, eine Lösung zu bauen, die der Anwender braucht und versteht.
      Zudem müssen wir Kunden überzeugen, dass unsere Lösung dazu in der Lage ist.
      © p i x e l p a r k
      5
    • Durch das iterative Vorgehen desUser Centered Design Prozesserhalten wir genau solche Lösungen.
    • Der User Centered Prozess bei Pixelpark
      1
      Ermittlung des NutzungskontextsTiefeninterviews, Umfragen, Fokusgruppen
      2
      Definition der AnforderungenPersonas, Mentales Modell
      3
      Lösungserstellung (Konzept/Design)Cardsorting,Papier/Klickprototyp
      Text
      4
      EvaluationUsability Quicktest
      © p i x e l p a r k
      7
    • Der User Centered Prozess bei Pixelpark
      1
      Ermittlung des NutzungskontextsTiefeninterviews, Umfragen, Fokusgruppen
      2
      Definition der AnforderungenPersonas, Mentales Modell
      3
      Lösungserstellung (Konzept/Design)Cardsorting,Papier/Klickprototyp
      Text
      4
      EvaluationUsability Quicktest
      © p i x e l p a r k
      8
    • Prototypen ermöglichen das steteTesten der Lösung und eineeffiziente Kundenkommunikation.
    • Iterative Prototypen während des UCD Prozess
      Durchlauf 2
      • Der bestehende Prototyp wird abhängig vom Feedback iteriert
      • Die wichtigsten Seiten werden durch erste Layouts ersetzt
      • Der Umfang des Prototypen wird durch neue Wireframes erweitert
      Durchlauf n
      • Wireframes und Layouts werden abhängig vom Feedback iteriert
      • Weitere Wireframes werden durch Layouts ersetzt
      • Der Umfang des Prototypen wird durch Wireframes weiter vergrößert
      Durchlauf 1
      • Der Prototyp besteht aus Wireframes, welche die Seiten darstellen, die zur Erreichung der KPIs notwendig sind
      © p i x e l p a r k
      10
    • Der finale Prototyp beschreibt die Lösung durch Layouts und Wireframes.
    • Der User Centered Prozess bei Pixelpark
      1
      Ermittlung des NutzungskontextsTiefeninterviews, Umfragen, Fokusgruppen
      2
      Definition der AnforderungenPersonas, Mentales Modell
      3
      Lösungserstellung (Konzept/Design)Cardsorting,Papier/Klickprototyp
      Text
      4
      EvaluationUsability Quicktest
      © p i x e l p a r k
      12
    • Der Tag im Studio – Das Treffen der drei Experten
       
      Der Kunde
      Die Nutzerin
      Der Konzepter
      Spiegel
      Durchführung Test
      Paralleler Workshop zur Maßnahmenentwicklung
      © p i x e l p a r k
      13
    • Der Tag im Studio.
    • Der Tag im Studio ist ein Workshop, der Kunde, Anwender und Agentur zusammenführt
    • Werkzeuge
    • Grundsätzlich sind die Anforderungen an einen Usability Test für Mobile Devices identisch mit den Herkömmlichen.
    • Was brauchen wir für einen Test?
      © p i x e l p a r k
      18
    • Was brauchen wir für einen Test?
      © p i x e l p a r k
      19
    • Wir nutzen Axure für die Erstellung von Prototypen
    • Wie kann ein Axure Prototyp auf dem iPhone getestet werden?
    • Setup für das Testen einer mobilen Website
      • Der Nutzer testet die Applikation mit einem iPhone oder vergleichbaren Gerät
      • Das iPhone verbindet sich per WLAN auf einen Webserver, der hinter der Spiegelscheibe aufgebaut wurde
      • Auf dem Webserver wurde ein Axure Prototyp gespielt
      • Der Prototyp wurde zuvor mit einem Batchtool bearbeitet, so dass das Rendering für das iPhone optimiert wurde (z.B. für Viewportund Darstellung von Telefonnummern)
      © p i x e l p a r k
      22
    • Livedemo
      © p i x e l p a r k
      23
    • Rendering einer mobilen Website auf dem iPhone
      © p i x e l p a r k
      24
    • App Prototypen mit dem App „Full Screen“ testen
      Quelle:
      http://itunes.apple.com/de/app/full-screen-web-browser/id303154925?mt=8
      © p i x e l p a r k
      25
    • Das Yahoo Stencil Kit – Mobile iPhone
      © p i x e l p a r k
      26
      Quelle: http://developer.yahoo.com/ypatterns/about/stencils/
    • Was brauchen wir für einen Test?
      © p i x e l p a r k
      27
    • Setup für das Testen einer mobilen Website
      • Wir nutzen eine Kamera, die den Probanden über die Schulter hinweg filmt
      • Eine Halterung fixiert das iPhone
      © p i x e l p a r k
      28
    • Alternativen
      Quelle:
      http://www.90percentofeverything.com/2010/05/07/quick-tip-make-your-own-iphone-usability-testing-sled-for-5/
      Bild:Nick Bowmast
      © p i x e l p a r k
      29
    • Alternative: DisplayOut
      Quelle:
      http://apt.thebigboss.org/onepackage.php?bundleid=com.booleanmagic.displayout&db=
      © p i x e l p a r k
      30
    • Alternative: iDemo und VNC
      Quelle:
      http://www.capstrat.com/insights/blog/recording-usability-tests-iphone/
      Bild:Evan Carroll
      © p i x e l p a r k
      31
    • Vielen Dank.
    • Impressum
      Die in dieser Präsentation erarbeiteten Gedanken und Vorschläge sind geistiges Eigentum der Pixelpark AG und unterliegen den geltenden Urhebergesetzen. Die ganze oder teilweise Vervielfältigung sowie jede Weitergabe an Dritte ist nicht gestattet.
      Jens-Christian JensenDirector Beratung & KonzeptionPixelpark AGBergmannstraße 72D-10961 Berlin
      +49 30 50 58 - 18 37jens.jensen@pixelpark.com
      www.pixelpark.com
      © p i x e l p a r k
      33
    • Bildnachweise
      Die in der Präsentation enthaltenen Bilder liegen z.T. Teil unter der Creative Commons Lizenz.
      Folie 2: schoschie, „WTF“, Attribution-ShareAlike 2.0 Generichttp://www.flickr.com/photos/schoschie/2527918562/
      Folie 16: redjar., „The ultimate Swiss Army Knife for sale in Interlaken “, CC BY-SA 2.0http://www.flickr.com/photos/redjar/113974357/
      Quelle aller Creative Commons Lizenz Bilder: flickr.com
      © p i x e l p a r k
      34