Nutzerfreundlichkeit im Web · Erzeugung der Eigenschaft Usability. Es ist ein Teilprozess der...

Nutzerfreundlichkeit im Web

Usability praktisch erfahren

14. November 2013

© eResult GmbH – Results for Your E-Business

(www.eresult.de)

Seite

Was erwartet Sie?

Was ist Usability?

Wie wird Usability getestet und verbessert?

Projektbeispiele

– daad.de/ausland

– study-in.de

Fragen & Diskussion

Agenda

Nutzerfreundlichkeit im Web 2

Seite

Elske Ludewig Senior UX Consultant & Teamleitung qual. Forschung

● Standort Göttingen

● Studium in Soziologie, Psychologie und Informatik (M.A.)

● Seit Ende 2007 bei der eResult GmbH

● Projektleitung nationale und internationale Kundenprojekte

● Mitglied der German UPA

http://www.xing.com/profile/Elske Ludewig

Email: [email protected]

Vorstellung


Seite

eResult GmbH E-Commerce Research & Consulting

Usability-Tests & User Experience-Beratung

Web, Intranet, Mobile, Software, Consumer Electronics

Web Analytics-Beratung

Implementierung, Reporting, Interpretation

Marketing-Forschung & Beratung

Online-Marketing, Online-Werbung, Zufriedenheitsanalysen

• Gründung: 2000 (Spin-off der Uni Göttingen)

• Interdisziplinäres Team von 20 Mitarbeiter/-innen

• 3 Standorte: Göttingen, Hamburg, Frankfurt a.M.

• (mobiles) Usability-Labor

• Online-Access Panel bonopolis.de

Vorstellung


Seite

Wir bieten ...

● maßgeschneiderte Lösungen seit 2000

● Beratung entlang des gesamten Entwicklungsprozess

● Nachhaltige Erfolgsoptimierung für

Web | Intranet | Mobile | Software | Consumer Electronics

Unternehmensvorstellung

5

Anforderungs-analyse

Konzeption Evaluation & Optimierung

Erfolgskontrolle


Seite

Unsere Kunden eine kleine Auswahl

Vorstellung


Seite

Was ist Usability?


Seite

Einführung Usability


Usability ist ein Qualitätsmerkmal dafür,

wie einfach etwas zu benutzen ist.

Definition

Usability = „Usefulness“ & „Utiliy“

Seite

Definitionen Usability = „Usefulness“ & „Utiliy“

● „Usability […] ist ein Qualitätsmerkmal, wie einfach etwas zu

benutzen ist. Es geht genauer gesagt darum, wie schnell

Menschen die Benutzung eines Gegenstandes erlernen können,

wie effizient sie während seiner Benutzung sind, wie leicht sie

sich diesen merken können, wie fehleranfällig der Gegenstand ist

und wie er den Nutzern gefällt.“ [Loranger, Hoa / Nielsen, Jakob.: Web Usability. München: Addison-Wesley, 2006.]

● „Das Usability-Engineering ist der methodische Weg zur

Erzeugung der Eigenschaft Usability. Es ist ein Teilprozess der

Entwicklung und Gestaltung technischer Systeme […]. Dabei

werden Ansätze, Methoden, Techniken und Aktivitäten für einen

benutzerorientierten Entwicklungsprozess bereitgestellt.“ [Brau, Henning / Sarodnick, Florian: Methoden der Usability Evaluation: wissenschaftliche

Grundlagen und praktische Anwendung. Bern: Huber, 2006]



Seite

Usability-Methoden & Verfahren: Top 3 je Phase

Analyse Konzeption Umsetzung Betrieb

Aufgabenanalyse Fokusgruppen Usability-Test im

Lab Logfile-Analyse /

Web-Analytic

Zielgruppenbe-fragung / Anforde-

rungsanalyse

Prototyping (iterative

Nutzertests)

Experten-Evaluationen

Nutzerbefragung (Onsite)

Personas (Nutzerstruktur-

Analyse) Design-Tests Eyetracking

Remote Usability-Test



Seite

Wie wird Usability getestet und verbessert?

Projektbeispiele:

daad.de/ausland

study-in.de


Seite

Usability-Test

Methodik

12 Nutzerfreundlichkeit im Web

● Multimethoden-Ansatz:

– Verhaltensbeobachtung

– Fokussierte Interviews

– Protokolle lauten Denkens

– Szenariobasierte Nutzung

● Erhebungszeitraum:

– 08.-10.10.2013

– Je 60 Minuten pro Testperson

● Erhebungsort:

– Usability-Lab

– Köln

● Stichprobengröße:

– 16 Testpersonen

– 14 Studierende, 2 Mitarbeiter

aus International Offices

Testraum: Testperson mit Interviewerin / Projektmanager

Beobachtungs- raum: Videoübertragung Test-PC und Aufnahme der Testperson.

Bild der Testperson,

Ton und Bildschirminhalt

des Test-PC

Beispiel eines Testaufbaus

Seite

Eckdaten zum Usability-Test

● Multimethoden-Ansatz:

– Verhaltensbeobachtung

– Live-Eyetracking

– Fokussierte Interviews

– Protokolle lauten Denkens

● Erhebungszeitraum:

– Sommer/Herbst 2013

– Je 75 Minuten pro Testperson

● Erhebungsort:

– Mobiles Usability-Labor

– Köln

● Stichprobengröße:

– 16 Testpersonen

Eckdaten

Testraum: Testperson mit Interviewerin / Projektmanager

Beobachtungs- raum: Videoübertragung Test-PC und Aufnahme der Testperson.

Bild der Testperson,

Ton und Bildschirminhalt

des Test-PC


Seite

Fokus der Untersuchung

• Sind wichtige Use-Cases auf dem Internetangebot schnell und

einfach zu durchlaufen?

• Welche Usability-Schwächen und Unklarheiten gibt es, die den

Nutzer behindern?

• Wie gut können die Nutzer sich orientieren und navigieren?

• Sind die angebotenen Funktionen selbstbeschreibend und

intuitiv?

• Unterstützt die Textgestaltung den Nutzer beim Erfassen der

Inhalte?

• Welche Verbesserungsmöglichkeiten lassen sich für die

Stipendien-Suche und die Checkliste von anderen Seiten ableiten?

Zentrale Fragestellungen


Seite

Der Ablauf am Beispiel daad.de/ausland

Usability verbessern


1. Organisatorisches & Angebot eines Getränks

2. Warm Up: Anforderungen & Erwartungen

3. Freie Seitennutzung

4. Szenariobasierte Nutzung:

Auslandsstudium: Allgemeine Infos, Studiengang-/Stipendiensuche

Praktikum und Sprachassistenz: Allgemeine Infos, Stellensuche

Vortragsreise und Lehren: Allgemeine Infos, Lektoratssuche

6. Nutzung und Bewertung von Best Practices

7. Abschließende Beurteilung

Seite

Ausgewählte Ergebnisse


Seite

Usability-Test daad.de/ausland



Seite

Gesamteindruck daad.de/ausland

• Die Seiten des DAAD zu Auslandsaufenthalten für Deutsche

bieten eine Fülle an nützlichen Informationen für die

verschiedenen Zielgruppen.

• Der Zugriff auf diese Informationen gestaltet sich für die

Nutzer aber noch problematisch. Das Navigationskonzept fördert

die Orientierung und Übersicht der Nutzer nicht genügend.

• Auch die Aufbereitung der Informationen in Form von langen

Fließtexten entspricht nicht den Anforderungen der Nutzer, die die

Seiten gerne scannen und schnell das Gewünschte finden

möchten.

• Die verschiedenen speziellen Suchfunktionen bieten noch viel

Verbesserungspotenzial. Sowohl die Formulare als auch die

Trefferlisten und die Detailseiten unterstützen die Nutzer nicht

optimal bei ihrem Vorgehen.

Management Summary


Seite

Detailseite

Stipendien-Suche


Sehr lange, unübersichtliche

Seiten.

Seite

Marginalspalte

Seitenaufbau und Layout

20

Marginalspalte wird

ignoriert/ausgeblendet

Keine klare

Unterscheidung von

Inhaltsbereich und

Marginalspalte


Seite

Externe Links

Navigation und Informationsarchitektur

21

Ausstieg nicht erkennbar


Seite

Usability-Test study-in.de



Seite

Gesamteindruck study-in.de

• Die Website bietet eine Vielfalt an hilfreichen und nützlichen

Informationen rund um das Thema Studieren in Deutschland.

• Die Navigationselemente sind verständlich und leicht zu

bedienen.

• Die Studienfachsuche liefert viele Interessante Ergebnisse,

unterstützt den Nutzer jedoch nicht ausreichend bei der Auswahl.

• Seitenaufbau und Textgestaltung sind teilweise noch nicht

ausreichend auf das Medium Internet ausgerichtet: Wichtige

Informationen stehen zu weit unten auf den Seiten und die Texte

sind nicht ausreichend strukturiert.

Management Summary


Seite

Strukturierung/Zugänge unter „Studium“



Benennung und Struktur nicht

eindeutig:

Benennung und Struktur nicht

eindeutig

Seite

Unterstützung/Anleitung



Checklisten oder ähnliche

Hilfen vermisst

Seite

Budget-Informationen

Inhaltliche Aspekte

26

Wichtige Fakten zu weit unten.


Nicht leserfreundlich strukturiert.

Seite

Visa-Informationen

Inhaltliche Aspekte


Anker funktionieren nicht

Länder fehlen

Unnötige Berichte & „Storytelling“

Seite

Die Umsetzungen praktisch erläutert….


Seite

eResult = eCommerce Research & Consulting

Full-Service User Experience-Agentur

1 Online Access-Panel (+60.000 Personen)

1 Wissensportal: Usabilityblog.de

3 Standorte: Göttingen, Hamburg, Frankfurt

+12 Jahre User Experience-Knowhow

20 User Experience Consultants

+90 Usability-Studien p.a.

+200 zufriedene Kunden



Seite

Wir bieten ...

● maßgeschneiderte Lösungen seit 2000

● Beratung entlang des gesamten Entwicklungsprozess

● Nachhaltige Erfolgsoptimierung für

Web | Intranet | Mobile | Software | Consumer Electronics


31

Anforderungs-analyse

Konzeption Evaluation & Optimierung

Erfolgskontrolle

Mobile Usability-Tests Card-Sorting


Seite

User Experience und Usability-Beratung von A-Z

● Anforderungsanalysen

● Conversion Rate Optimierung

● Ethnografische Studien

● Expertenevaluationen

● Eyetracking

● Fokusgruppen

● International Research

● Konzeption & Prototyping

● Landingpage-Optimierung

● Online-Befragungen

● Personas


32

● Usability-Tests

● Web Analytics

● Workshops & Seminare

● U.v.m.

Online-Befragungen


Seite

Wir betreuen aktuell ...

● Nutzerzentriertes Redesign des städtischen Internetauftritts jena.de

● Usability-Unterstützung bei einer Webapplikation für die D-A-CH-Region

● Internationale Usability-Tests und Befragungen für die Corporate Website

● Checkout-/Conversion Rate-Optimierung für 22 Shop-Mandanten des DPV

● Relaunch-Unterstützung mittels Fokusgruppen & Nutzertests

● Jährliche Usability-Bestandsaufnahme (DE, RU, FR) / Personas


33

Vollständige Liste unserer über 200 zufriedenen Kunden: http://www.eresult.de/referenzen.html


http://www.eresult.de/referenzen.html

Seite

Ihre Ansprechpartner

Thorsten Wilhelm

Geschäftsführender Gesellschafter & Gründer

+49 551 5177-426

[email protected]

Martin Beschnitt

Managing Director

+49 40 36166-7981

[email protected]

Kontakt


Standort Hamburg

Ludwig-Erhard-Straße 18

20459 Hamburg

+49 40 36166-7980

Themenblog: www.usabilityblog.de

Büro Göttingen

Planckstraße 23

37073 Göttingen

+49 551 49569-331

+49 551 49569-330

Website: www.eresult.de

Standort Frankfurt

Uhlandstraße 58

60314 Frankfurt/Main

+49 69 133965-24

Nutzerfreundlichkeit im Web · Erzeugung der Eigenschaft Usability. Es ist ein Teilprozess der...

Documents

Transcript of Nutzerfreundlichkeit im Web · Erzeugung der Eigenschaft Usability. Es ist ein Teilprozess der...