pro usability - hochschule esslingenasbeck/uc/pro_usability_folien.pdf · logfile recording,...

33
PRO_USABILITY Unser Report

Upload: others

Post on 15-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

PRO_USABILITY Unser Report

Page 2: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Wie der Wettbewerb zu uns kam und wir zum Wettbewerb

Der heiße Tipp

Das Know-How

Multimedia-Praktikum

Usability Challenge 2010/11

Kontakt: [email protected] | [email protected] | [email protected]

Page 3: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine
Page 4: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Usability auf Stand internationaler Normen?

Informationen gut strukturiert?

Verständlich und schnell zu finden?

Ist Barrierefreiheit für alle Nutzer gegeben?

Ansprechendes Design?

Hauptziele unseres Teams

Kontakt: [email protected] | [email protected] | [email protected]

Page 5: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Logfile Recording, Eye-Tracking, Videoaufzeichnung

Lautes Denken, Videokonfrontation, Zeitmessung

Paper Prototyping, Mock-ups, Cognitive Walkthrough

Fragebögen, Nutzerbefragung, Beobachtung

Auswahl der Methoden

Kontakt: [email protected] | [email protected] | [email protected]

Page 6: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Heuristische Evaluation

Card Sorting

BITV-Selbsttest

Kontakt: [email protected] | [email protected] | [email protected]

Page 7: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Heuristische Evaluation

Kontakt: [email protected] | [email protected] | [email protected]

Page 8: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Aufgabenangemessenheit Barrierefreiheit Erwartungskonformität Individualisierbarkeit Informationsdarstellung Interkulturalität Joy of Use Layout Selbstbeschreibungsfähigkeit Startseiten-Richtlinien Steuerbarkeit

Heuristiken

Kontakt: [email protected] | [email protected] | [email protected]

Page 9: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Problemidentifikation mit Hilfe ausgesuchter Heuristiken auf internationalem Niveau

Empfehlungen abgeleitet

Schweregrad der Probleme wurde eingestuft

Behebbarkeit eingeschätzt

4 x 3 Evaluationsdurchgänge

Ergebnis: umfangreiche Fehlertabelle

Heuristische Evaluation

Kontakt: [email protected] | [email protected] | [email protected]

Page 10: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine
Page 11: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Stärken der Website des MCI:

- Einheitliches Design / CI der

- Recht gut strukturiert und übersichtlich gestaltet

Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 12: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Schwachstellen und Usability-Probleme

Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 13: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Fehlerhafte Verlinkungen

„Zurück zur Startseite“ fehlt

Abkürzungen ohne Erklärung

Fehlerhafte Sitemap auf Startseite

Typographiehierarchie/Listendesign

Suboptimaler Joy of Use

Kontaktmöglichkeiten/Eigenwerbung

Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 14: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Re-Design Leitungsgremium

Kontakt: [email protected] | [email protected] | [email protected]

Page 15: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Re-Design Sitemap FB MCI

Kontakt: [email protected] | [email protected] | [email protected]

Page 16: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Card Sorting

Kontakt: [email protected] | [email protected] | [email protected]

Page 17: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

A1: „Kurze Vorstellung des Fachbereichs und allgemeine Zusammenfassung der Aufgaben“

A4: „Link zur Selbstdarstellung des

Fachbereiches als Pdf-Datei“

Card Sorting Durchführung

Kontakt: [email protected] | [email protected] | [email protected]

Page 18: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine
Page 19: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

bisherige Menüstruktur neue Menüstruktur

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 20: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

bisherige Menüstruktur neue Menüstruktur

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 21: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

bisherige Menüstruktur neue Menüstruktur

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 22: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

bisherige Menüstruktur neue Menüstruktur

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 23: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Card Sorting Ergebnisse

davor danach

Kontakt: [email protected] | [email protected] | [email protected]

Page 24: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

bisherige Menüstruktur neue Menüstruktur

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 25: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

bisherige Menüstruktur neue Menüstruktur

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 26: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Card Sorting Ergebnisse

Kontakt: [email protected] | [email protected] | [email protected]

Page 27: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Card Sorting Ergebnisse

Forschungsgegenstand

Ziele der FG/des AK

Themenbereiche

Kontakt

Kontakt: [email protected] | [email protected] | [email protected]

Page 28: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

BITV-Selbstbewertungstest

Kontakt: [email protected] | [email protected] | [email protected]

Page 29: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

BITV-Selbstbewertungstest

52 Prüfschritte auf Accessibility

95 Punkte+ „sehr gut zugänglich“

90 Punkte+ „gut zugänglich“

MCI Testscore: 86,5 Punkte

„eingeschränkt zugänglich“

Evaluation der Barrierefreiheit

Kontakt: [email protected] | [email protected] | [email protected]

Page 30: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Re-Design Startseite

Kontakt: [email protected] | [email protected] | [email protected]

Page 31: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Re-Design in Aktivitäten

Kontakt: [email protected] | [email protected] | [email protected]

Page 32: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Re-Design Fachgruppen

Kontakt: [email protected] | [email protected] | [email protected]

Page 33: PRO USABILITY - Hochschule Esslingenasbeck/UC/pro_USABILITY_Folien.pdf · Logfile Recording, Eye-Tracking, Videoaufzeichnung ... A1: „Kurze Vorstellung des Fachbereichs und allgemeine

Vielen Dank für Ihre Aufmerksamkeit!

Für Fragen stehen wir Ihnen gerne zur Verfügung!

Kontakt: [email protected] | [email protected] | [email protected]