56
Rapid Prototyping Rapid Prototyping (iteratives Usability-Testing) Fallstudie: NetDoktor.de © eResult GmbH – Results for Your E-Business (www.eresult.de)

Vortrag WUD iterativer Test am Bsp Netdoktor.ppt ... · Vorarbeiten im Re-Design Prozess von NetDoktor.de Next Steps Nutzerbefragggung (Anforderungen + Personas) Konzepte (Screens,

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

Was ist ein iterativer Usability-Test?

Seite 10 Usability-Testing in frühen Projektphasen 10

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: Dauer und Erhebungsverfahreng

Seite 13 Usability-Testing in frühen Projektphasen 13

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

Seite 16 Usability-Testing in frühen Projektphasen 16

Ü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

Startseite

Seite 19 Usability-Testing in frühen Projektphasen 19

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

Detailseite „Asthma“

Seite 27 Usability-Testing in frühen Projektphasen 27

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

Seite 35 Usability-Testing in frühen Projektphasen 35

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

Seite 37 Usability-Testing in frühen Projektphasen 37

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

Vielen Dank für Ihre Aufmerksamkeit!

Seite 39 Usability-Testing in frühen Projektphasen 39

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

Relevanz & Verbreitungg

Seite 4848 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

Kontaktdaten

Ansprechpartner eResult GmbHp p

Seite 5555 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

[email protected]

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