Upload
truongquynh
View
215
Download
0
Embed Size (px)
Citation preview
Rapid PrototypingRapid Prototyping(iteratives Usability-Testing)
Fallstudie: NetDoktor.de
© eResult GmbH – Results for Your E-Business(www.eresult.de)
Agenda
Agenda
Untersuchungsgegenstand: Prototyp von NetDoktor.de
Was ist ein iterativer Usability-Tests?
Eckdaten: Dauer & Erhebungsverfahren
Überblick: Erkenntnisse in den Testschleifen
1. Testschleife: Ausgewählte Erkenntnisse
2. Testschleife: Prüfung der Empfehlungen
und weitere Erkenntnisse
Learnings
Next Stepsp
Seite 2 Usability-Testing in frühen Projektphasen 2
Vorarbeiten im Re-Design Prozess von NetDoktor.de
Next Steps
Nutzerbefragung g g(Anforderungen + Personas) Konzepte
(Screens, Wireframes, Struktogramme etc.)
An-
Evaluation durch Usability-Experten
NetDoktor.deVersion 1.0
wenderNetDoktor.deVersion 2.0
Prototyp(en) / Klick-Dummy
Szenariobasierter Test mit typischen Nutzern (it ti l t)
Klick Dummy
(iterativ angelegt)
Denkprotokolle fok Interviews Klickanalyse
Seite 3 Usability-Testing in frühen Projektphasen 3
Denkprotokolle fok. Interviews Klickanalyse
Untersuchungsgegenstand:Prototyp von NetDoktor.deyp
Seite 4 Usability-Testing in frühen Projektphasen 4
NetDoktor.de – das führende Gesundheitsportal
Untersuchungsgegenstand: NetDoktor.de
• Das Portal mit langjähriger Erfahrung− internationaler Rollout im Jahr 1999 − Eigentümer des Portals ist seit 2007 die
Verlagsgruppe von Holtzbrinck
• Die Plattform mit höchster R i h itReichweite− 1,2 Mio. Unique User (AGOF 08-II)− 2,5 Mio. Visits (IVW 10/08)
• Der Anbieter mit größter Markenbekanntheit− konsequente Strategieverfolgung
• Die Site mit absoluter Vertrauenswürdigkeit
− stetige Investitionen in die Marke
g− unabhängige Redaktion− qualitativ hochwertige Berichterstattung
Seite 5 Usability-Testing in frühen Projektphasen
NetDoktor.de – Inhalte und Leistungen
Untersuchungsgegenstand: NetDoktor.de
Wir informieren über Gesundheit – unabhängig, laiengerecht und evidenzbasiert
Die Inhalte werden von unserer eigenen Redaktion bestehend aus Medizinern
Mediziner Biologen Apotheker Journalisten
Inhalteund Biologen recherchiert und erstellt• Umfangreiche Lexika
− MedikamenteK kh i
Inhalte
− Krankheiten− Symptome− Eingriffe− Untersuchungen− ICD-Suche und Laborwerte
• Features und Reportagen• Themenspecials• Tests & Quiz• Aktuelle
N h i h /N lInformationen
Nachrichten/Newsletter• Diskussionsforenneutral kompetent aktuell
Seite 6 Usability-Testing in frühen Projektphasen
NetDoktor.de - Nutzerverteilung
Untersuchungsgegenstand: NetDoktor.de
• Überdurchschnittlich hoher Anteil an Frauen
Anteil in %
40,5Männer
Index: Internet‐nutzer= 100Geschlecht
74 Anteil an Frauen,
59,5
8,7
20,0
Frauen
14 ‐ 19 Jahre
20 ‐ 29 Jahre
Alter
132
71
102
125
• Typischer NetDoktor.de‐User ist zwischen 20 und 39 Jahre alt25,2
21,8
24,4
2,7
30 ‐ 39 Jahre
40 ‐ 49 Jahre
50 Jahre und älter
kein Schulabschluss
Ausbildung
60
125
96
96
zwischen 20 und 39 Jahre alt• Hoher Anteil an „50+“‐jährigen
Üb d h h ittli h A t il,
63,5
33,9
65,8
kein Schulabschluss
Volks‐/ Weiterf. Schule
Fach‐, Abitur, Uni.‐Abschluss
BerufstätigBeruf
6096115
101
• Überdurchschnittlicher Anteil an Usern mit Abitur/ Akademikern
• NetDoktor de‐User sind20,4
13,8
14,7
55,4
Nicht (mehr) berufstätig
In Ausbildung
bis unter 1.000 Euro
1.000 ‐ unter 3.000 Euro
Haushaltsnettoeinkommen
115
81
98101
• Überdurchschnittlicher Anteil an
NetDoktor.de‐User sind berufstätig/ in Ausbildung
Zielgruppe: netdoktor.de Nutzer im durchschnittlichen Monat (1,18 Mio.) Quelle: AGOF internet facts 2008‐I
,
29,91.000 unter 3.000 Euro
3.000 Euro und mehr 104 Usern mit einem monatlichen Einkommen von 3.000 € +
Seite 7 Usability-Testing in frühen Projektphasen
NetDoktor.de - Personas
Untersuchungsgegenstand: NetDoktor.de
Florian V., besorgter Vater
Ariane K., aktive Frau und Mutter
Ilse B., chronisch KrankeLars K.,
leicht Kranker
Seite 8 Usability-Testing in frühen Projektphasen 8
Hannah K., medizinisches Personal
NetDoktor.de im Wandel – Relaunch September 2008
Untersuchungsgegenstand: NetDoktor.de
Pre Relaunch Post Relaunch
• Mehrere parallele SystemeF hl d V t d
• Betrieb von mehreren
Backend
• Fehlende Vernetzung und unzureichende Schnittstellen• Hoher manueller
Aufwand
Kunden-portalen über ein System
• Einfachere Auslieferung von Content
• Geringe Geringe Übersichtlichkeit
• Kein zeitgemäßes Design• Thematische Gliederung
nur in Teilbereichen realisierbar
• Verknüpfung von Inhalten nach Themen und Zielgruppen
• Magazincharakter durch großformatige Bilder
• Innovatives Navigationskonzeptin Teilbereichen realisierbar Innovatives Navigationskonzept
Frontend
Seite 9 Usability-Testing in frühen Projektphasen
Vergleich: herkömmlicher vs. iterativer Nutzertest
Methode des iterativen Usability-Test
● Werden zentrale Prozesse auf der Seite verstanden?
● Wird das Navigationskonzept verstanden? h kö li h ● Wird das Navigationskonzept verstanden?
● Wie wird das Text-Design bewertet?
●
herkömmlicher Nutzertest im Lab
● ...
● Kontrolle und Qualitätsprüfung: iterativer ● Kontrolle und Qualitätsprüfung: Führen die zur Problembehebung unterbreiteten Empfehlungen zu einer Verbesserung?
iterativer Nutzertest
Seite 11 Usability-Testing in frühen Projektphasen 11
Klick-Dummytest
Ablaufschema (idealtypisch)
Methode des iterativen Usability-Test
Ausgangsbasis:
1. Testschleife mit Nutzern im Usability Lab (n=6) Analyse der
optimierter Prototyp
Daten, Optimierung der Screens (in Zusammenarbeit mit Agentur)
Prototyp2. Testschleife mit Nutzern im Usability Lab (n=6)
optimierter Prototyp
Prototyp
3. Testschleife mit Nutzern im Usability Lab (n=6)
Finalisierter Prototypen (Endversion)
Seite 12
Eckdaten zum iterativen Usability-Test
Eckdaten
● Multimethoden-Ansatz:
Verhaltensbeobachtung
Testraum: Testperson mit Interviewerin /
– Verhaltensbeobachtung
– Fokussierte Interviews
– Protokolle lauten Denkens
Projektmanager
Bild der Testperson,Ton und
Bild hi i h lt d ● Erhebungszeitraum:
– Mo., 21.07.2008 und
F 25 07 2008
Bildschirminhalt des Test-PC
– Fr., 25.07.2008
– Je 75 Minuten pro Testperson
● Erhebungsort:Beobachtungs-raum: g
– Göttingen
– Usability-Lab eResult GmbH
Sti h b öß
Videoübertragung Test-PC und Aufnahme der Testperson.
● Stichprobengröße:– 8 Testpersonen
(4 je Testschleife)
Seite 14 Usability-Testing in frühen Projektphasen 14
Beispiel eines Testaufbaus
Zeitschiene beim Test NetDoktor.de
Eckdaten
1. Tag 3 4 T 6 T Datenerhebung
(1. Testschleife)3.+ 4. Tag
Umsetzung der Empfehlungen
6. Tag Auswertung
2. TagAuswertung
5. TagDatenerhebungAuswertung Datenerhebung(2. Testschleife)
Seite 15 Usability-Testing in frühen Projektphasen 15
Überblick: Erkenntnisse in den Testschleifen
Überblick
Problem-1. Testschleife
gefundene
2. Testschleife
bereiche gefundene Probleme
Kontrolle der Empfehlungen
neu gefundene Probleme
Startseite 2 - -Startseite 2
Navigation 1 - 1
Suche 5 2Suche 5 2
Artikelseite 4 1
Katalog 2 0
Forum 0 - - 1
Footer 1 - 0
Empfehlung neue Empfehlung
Seite 17 Usability-Testing in frühen Projektphasen 17
p goptimiert
p g
1 Testschleife: 1. Testschleife: Ausgewählte Erkenntnisse
Seite 18 Usability-Testing in frühen Projektphasen 18
Freie Angebotsnutzung - Einstiegsthema
1. Testschleife
Einstiegsthema:Nicht jede TP fühlte sich durch das Einstiegsbild angesprochen Der Einstiegsbild angesprochen. Der Button, um sich ein anderes Einstiegsthema anzeigen zu lassen wurde nicht als solcher
h d dwahrgenommen und verstanden.
Seite 20 Usability-Testing in frühen Projektphasen
Empfehlung zum Einstiegsthema
Damit die Themenvielfalt besser verdeutlicht wird und sich möglichst viele Nutzer von NetDoktor angesprochen fühlen sollteviele Nutzer von NetDoktor angesprochen fühlen, sollte...
Thema 15 sek
Thema 2
Thema 3
The 4
Bild zum Thema 1
Thema 1
5 sek.
5 kThema 4
Thema 5
Thema 1
Thema 2
Thema 3
Bild zum Thema 2
sich das
5 sek.
Thema 4
Thema 5
... sich das Einstiegsthema automatisch aktualisieren
Kurzbeschreibung zu Thema 2
... über Reiter verdeutlicht werden, dass
aktualisieren.
These: Werden wechselnde Inhalte als
Seite 21 Usability-Testing in frühen Projektphasen
verschiedene Themen zur Auswahl stehen störend empfunden?
Aufgabenstellung im Test
1. Testschleife
Recherche über die Krankheit „Asthma“:
„Die kleine Tochter eines Bekannten hat in letzter Zeit häufiger starke Hustenanfälle. Ihnen lässt das keine Ruhe und Sie möchten jetzt bei NetDoktor.de Ihnen lässt das keine Ruhe und Sie möchten jetzt bei NetDoktor.de nachsehen, ob dies vielleicht Anzeichen für Asthma sind und woran man erkennt, dass ein Kind Asthma hat.“
Seite 22 Usability-Testing in frühen Projektphasen
Vorgehensweise A: Nutzer gingen über die Navigationg g g
Seite 23 Usability-Testing in frühen Projektphasen 23
Neues Navigationskonzept
1. Testschleife
DetailseiteStartseite
1. Ebene
2. Ebene
☺ Das neue Navigationskonzept wurde verstanden.
Seite 24 Usability-Testing in frühen Projektphasen
wurde verstanden.
Vorgehensweise B: Nutzer probierten die Suchfunktionp
Seite 25 Usability-Testing in frühen Projektphasen 25
Vorschlagsfunktion
1. Testschleife
Startseite
☺ Vorschlagsfunktion wurde positiv bewertet.
Seite 26 Usability-Testing in frühen Projektphasen
Mouse-Over-Funktion im Lexikon auf Detailseite
1. Testschleife
Bedienungsfehler:Möchte der Nutzer aus der Linkliste zum Punkt „Wissen“ einen Eintrag auswählen, darf er mit dem Mauszeiger nicht versehentlich über den Eintrag Ursachen“ gleitenEintrag „Ursachen gleiten. In diesem Fall erscheint die Linkliste für „Ursachen“.
Seite 28 Usability-Testing in frühen Projektphasen
Empfehlung zum Lexikon
Auf die Mouse-Over Funktion sollte verzichtet werden. Erst bei klick auf eine Rubrik sollte sich der Inhalt der rechten Box ändernklick auf eine Rubrik sollte sich der Inhalt der rechten Box ändern.
Asthma Lexikon
Wissen
Ursachen
Symptome
Asthma bronchiale
---------------------
Asthma bronchiale bei Baby & Symptome
Diagnose
Therapie
Prognose
Asthma bronchiale bei Baby & Kind
---------------------
Asthma in Zahlen Prognose
Vorbeugen
Tipps
--------------------
Asthma und COPD - die Unterschiede
--------------------
Erwachsene - Die vier Asthmastufen
Kinder - Die vier Wissen
Seite 29 Usability-Testing in frühen Projektphasen
2 Testschleife: 2. Testschleife: Bewertung der Empfehlungen
und weitere Erkenntnisseund weitere Erkenntnisse
Seite 30 Usability-Testing in frühen Projektphasen 30
Empfehlung zum Einstiegsthema
2. Testschleife
Vorher Nachher ☺Vorher Nachher ☺Jede Testpersonen fühlte sich von mindestens einem Thema angesprochen. Wechselnde Inhalte wurden nicht als störend empfunden.
Seite 31 Usability-Testing in frühen Projektphasen
Inhalte wurden nicht als störend empfunden.
Empfehlung zum Lexikon
2. Testschleife
Vorher Nachher ☺Vorher Nachher ☺
Seite 32 Usability-Testing in frühen Projektphasen
Forum
2. Testschleife
Bezug unklar:Manchen TPen war nicht klar, ob sich die Foreneinträge auf das von ihnen ausgewählte Thema „Asthma“ oder auf alle Themen der Websiteauf alle Themen der Websitebezogen.
Themenseite „Asthma“Themenseite „Asthma
Seite 33 Usability-Testing in frühen Projektphasen
Empfehlung zur Darstellung des Forums
2. Testschleife
Umbenennung:
„Forum“ „Forum Lunge – letzte Einträge“ „Lunge“ „Alle Einträge“
Forum LungeForum Lungeletzte Einträge Alle Einträge
Was fehlt mir wirklich? -05 07 08Was fehlt mir wirklich? -05.07.08
Schwellung im Halsansatz – 05.07.08
Sarkidose und Schwangerschaft – 04.07.08
Atemnot im Schlaf – 04.07.08
Schatten auf/hinter der Lunge – 04.07.08
Seite 34 Usability-Testing in frühen Projektphasen
Learnings
Überblick
● Genaue Abstimmungen zwischen den beteiligten Agenturen ist erforderlich:Agenturen ist erforderlich:
– Zeitmanagement
– Umsetzung der Empfehlungen
● Als Testmaterial genügen einfache, funktionale Prototypen (Klick-Dummys) anhand derer konkrete Aufgaben bzw. Funktionalitäten und Interaktionsabfolgen getestet werden könnenInteraktionsabfolgen getestet werden können.
● Da neue Probleme aufgetreten sind und einige Empfehlungen nicht angenommen wurden, ist eine 3. Testschleife sinnvoll.a ge o e u de , s e e 3 es sc e e s o
● Gruppengröße überdenken: In der ersten Testschleife ggf. mehr Testpersonen, damit anfangs mehr Probleme gefunden werden.
Seite 36 Usability-Testing in frühen Projektphasen 36
Next Steps
Next Steps
Nutzerbefragung g g(Anforderungen + Personas) Konzepte
(Screens, Wireframes, Struktogramme etc.)
An-
Evaluation durch Usability-Experten
AnwendungVersion 1.0AnwendungVersion 1.0
Erfolgskontrolle
Next Steps:
wenderAnwendungVersion 2.0
Prototyp(en) / Klick-Dummy
AnwendungVersion 2.0
Erfolgskontrolle (Online-Test, Logfile-Analysen, Remote Usability-Test)
Szenariobasierter Test mit typischen Nutzern (it ti l t)
Klick DummyTest)
(iterativ angelegt)
Denkprotokolle fok Interviews Klickanalyse
Seite 38 Usability-Testing in frühen Projektphasen 38
Denkprotokolle fok. Interviews Klickanalyse
KurzvorstellungKurzvorstellung
eResult GmbHeResult GmbH
© eResult GmbH – Results for Your E-Business(www.eresult.de)
eResult GmbHE Commerce Research & Consulting
Kurzvorstellung
E-Commerce Research & Consulting
Usability Tests & BeratungUsability-Tests & Beratung(Web-Anwendungen, Intranets, Software, mobile Dienste, Handys u.a.)
Marketing-Forschung & Beratung(Fokus: Online-Marketing, Online-Werbung, Zufriedenheitsanalysen)
Seite 4141 eResult GmbH - Kurzvorstellung
Eingespieltes Führungsteam ...Usability und (Online )Marketing Experten
Kurzvorstellung
Usability- und (Online-)Marketing-Experten
Wilhelm Prof. Yom Rehmann Jüngel Dr. Magerhans
Gründer und Firmenleitung
Studienleiter
Qualitative Quantitative Firmenleitung Qualitative Forschung
Quantitative Forschung
• Gründung: 2000
• 15 feste Mitarbeiter/-innen (+ 3 freie Mitarbeiter/-innen)
Seite 4242 eResult GmbH - Kurzvorstellung
(+ 3 freie Mitarbeiter/ innen)
Forschungsinfrastruktur
Kurzvorstellung
● (mobiles) Usability-Lab
O li l
Testraum:Testperson mit Interviewerin / ● Online-Access Panel
(52.800 Personen)
● Forschungstools für
Interviewerin / Projektmanager
Bild der Testperson,● Forschungstools für ...
– Blickverlaufsanalysen
O li /O i B f
Bild der Testperson,Ton und
Bildschirminhalt des Test-PC
– Online-/Onsite-Befragungen
– Online-Fokusgruppen Beobachtungs-raum:
– Clickstream-Analysen
● Umfrage-Datenbank:
Videoübertragung Test-PC und Aufnahme der Testperson, Eyetracking
Bewertungen für 298 Web-Angebote
Eyetracking.
Seite 4343 eResult GmbH - Kurzvorstellung
(mobiles) Usability-Lab
Kurzvorstellung
Technik: Test-PC, Eyetracker, Analyse-PC zur Videoübertragung (im Beobachtungsraum)Videoübertragung (im Beobachtungsraum)
Testraum: Testperson mit Interviewerin / Projektmanager
Dieses Lab können wir an beliebigen Standorten / in Teststudios aufbauen. Wir benötigen lediglich 2 Räume. Die komplette Technik bringen wir mitkomplette Technik bringen wir mit.
Seite 4444 eResult GmbH - Kurzvorstellung
Beobachtungsraum: Videoübertragung Test-PC und Aufnahme der Testperson, Eyetracking
Unsere Referenzen
Kurzvorstellung
• Handel • Tourismus
Seite 45 Usability-Testing in frühen Projektphasen 45
Unsere Referenzen
Kurzvorstellung
• Internet & Telekommunikation • Medien & Kommunikation
• Industrie
Seite 4646 eResult GmbH - Kurzvorstellung
Unsere Referenzen
Kurzvorstellung
• Wissenschaft & Non-Profit• Dienstleistungen
• Pharma & Gesundheit
Seite 4747 eResult GmbH - Kurzvorstellung
Usability Entwicklungsphasen
Kurzvorstellung
lAnalyse
Konzeption
Programmierung
0 10 20 30 40 50 60 70 80 90 100
Betrieb
0 10 20 30 40 50 60 70 80 90 100
Rang 1 = Usability hat hohe Bedeutung
Rang 4 = Usability hat kaum Bedeutung
Rang 2 Rang 3
Seite 4949 eResult GmbH - Kurzvorstellung
Usability-Methoden & Verfahren: Top 3 je Phase
Kurzvorstellung
Top 3 je Phase
Analyse Konzeption Umsetzung BetriebAnalyse Konzeption Umsetzung Betrieb
A f b l F k Usability-Test im Logfile-Analyse / Aufgabenanalyse Fokusgruppen Usability Test im Lab
Logfile Analyse / Web-Analytic
Zielgruppenbe-fragung / Anforde-
rungsanalyse
Prototyping(iterative
Nutzertests)
Experten-Evaluationen
Nutzerbefragung (Onsite)
Personas(Nutzerstruktur- Design-Tests Eyetracking Remote Usability-(Nutzerstruktur
Analyse)Design Tests Eyetracking Test
Seite 5050 eResult GmbH - Kurzvorstellung
Re-Design Prozess
eine „typische“ Vorgehensweiseyp g
Seite 51 Usability-Testing in frühen Projektphasen 51
Re-Design Prozess eine typische“ Vorgehensweise
Kurzvorstellung
eine „typische Vorgehensweise
Evaluation durch Usability-Experten
Nutzerbefragung (Anforderungen + Personas)
Konzepte
Konzeption –Fokusgruppen, Expertisen
An- Konzept-/ D i
AnwendungVersion 1.0
p(Screens, Wireframes, Struktogramme etc.)
Erfolgs-kontrolle (Online-Test
wender
Denkprotokolle
DesigntestAnwendungVersion 2.0
Prototyp(en) / Klick-Dummy
(Online Test, AB-Test)
Szenario-basierter Test mit typischen Nutzern (iterativ
Denkprotokolle
fok. Interviews
Kli k d
Klick-Dummy
(angelegt)Klick- und
Blickanalyse
Seite 5252 eResult GmbH - Kurzvorstellung
Nutzerzentrierte Nutzerzentrierte Anwendungsgestaltung
Leistungen im Überblickg
Seite 5353 eResult GmbH - Kurzvorstellung
Kurzvorstellung
Zielgruppen- Onsite-
eventbezogene“ Nutzer-
Zielgruppenbefragung (Panel)
Personas &
OnsiteBefragung
Abbrecher-
„eventbezogene Online-Befragung
User
Beobachtung
Denk-Protokolle
Anforderungs-analyse
Abbrecher-Analysen
User-Tracking Szenariobasierte
User-Tests im Lab Fokussierte Interviews
Eyetracking(eigenes)
Nutzer-PanelExpertenbasierte
Evaluationen
Online-Tests(Benchmarking)Onsite-
Konzeption / Konzepttest
Remote Usability Tests
(Benchmarking)Befragung Card-SortingFokus-
gruppenVergleich von
K t
Seite 5454
Usability Tests Konzepten
eResult GmbH - Kurzvorstellung
Ansprechpartner eResult GmbH
Kurzvorstellung
Geschäftsführung: Thorsten Wilhelm
Wissenschaftliche Leitung: Prof Dr Miriam Eberhard YomWissenschaftliche Leitung: Prof. Dr. Miriam Eberhard-Yom
0551 - 5177 4260551 - 5177 426
0551 - 49 56 93 300551 49 56 93 30
eResult GmbH
Planckstr. 23
37073 Göttingen
Wilhelm Yom
URL: www.eresult.de (Unternehmensauftritt) Online-Panel: www bonopolis de
Seite 56
Online-Panel: www.bonopolis.de
56 eResult GmbH - Kurzvorstellung