View
6
Download
0
Category
Preview:
Citation preview
WEBTECH MEETS WEBMONTAG BONNUSABILITY TESTING
@LinaDillmann
WER BIN ICH?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
ICH BIN LINA!HI,
@LinaDillmann
HI, ICH BIN LINA!
Lina Dillmann
• Requirements Engineering
• User Interface & User Experience Design
• Webmontag Bonn // FOSSGIS // CrossFit
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WHEREGROUPUSABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
DATEN. KARTEN. LÖSUNGEN. WHEREGROUP• Kompetente Unterstützung für Geographische Informationssysteme (GIS), Web-GIS & Datenbanken
• Spezialisiert auf Open-Source-Entwicklungen
• Nahtlose Integration professioneller freier Software in bestehende Systeme
• Lösungen für öffentliche Verwaltung, für den Mittelstand und die Industrie
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WHEREGROUP - UNTERNEHMEN
• 40 Mitarbeiter an drei Standorten: Bonn, Berlin, Freiburg
• Moderne Technologien & agile Methoden
• Inhabergeführtes Unternehmen – keine Investoren
• Etabliertes Unternehmen mit viel Erfahrung – trotzdem schnell und wendig
• Riesiger Pool an Know-how
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WHEREGROUP - LÖSUNGENMetador
Mapbender
Mops
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WHEREGROUP SCHULUNGEN WWW.FOSS-ACADEMY.COM
• Beratung und Schulungen
• QGIS, QGIS Server, MapServer, GeoServer, PostgreSQL/PostGIS, Mapbender, MapProxy, OSM, Python
• Sommer- & Winterschule mit IHK Zertifikat
• Anrechnung von Credits für das UNIGIS Studium Salzburg
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
USABILITY?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
USABILITY, WAS IST DAS?
engl. „use“ - Nutzen + „ability“ - Fähigkeit
• Benutzerfreundlichkeit
• Schnelle und optimale Wege
• FÜR den Nutzer
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
USABILITY, KENNE ICH DAS?
• Ergonomische Zahnbürsten
• Türklinken auf Handhöhe
• Kaffeetasse mit Henkel
• Ticketautomaten
• Fernbedienungen
• Office-Anwendungen
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
USABILITY TESTING?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WAS IST USABILITY TESTING?
• Intuitive Nutzbarkeit analysieren
• Übersichtlichkeit testen
• Wege ersparen
• Größe der Elemente z. B. Buttons, Icons, Schriften
• Erwartungen des Nutzers erkennen & einhalten
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
“IF YOUR USERS HAVE MANY QUESTIONS, IT'S A FAILURE OF YOUR PRIMARY SITE DESIGN. IT BECOMES NOT SO MUCH CUSTOMER SUPPORT, AS MUCH AS CUSTOMER COMPLAINTS.”
Jakob Nielsen@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
TESTMETHODEN?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WELCHE TESTMETHODEN GIBT ES?
• Prototyping
• Benchmarking
• Personas
• Interviews & Fragebögen
• Tagebuchstudien
• Eye-Tracking
• Think-Aloud
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
“...PAY ATTENTION TO WHAT USERS DO, NOT WHAT THEY SAY.”
Jakob Nielsen@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
EINSATZ?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WELCHE METHODE EINSETZEN?
• Budget
• Testpersonen
• Was und wie?
• Auswertung
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
TESTER?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WOHER KOMMEN DIE TESTER?
• Zielgruppe
• Professionell einkaufen
• Bekannte fragen (Kollegen, Freunde, Familienangehörige)
• Veranstaltungen besuchen/organisieren
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
„WHY YOU ONLY NEED TO TEST WITH 5 USERS“
Jakob Nielsen@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
THINK ALOUDUSABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WAS SOLL GETESTET WERDEN?
• Software
• Testszenario (max. 1 DIN A4 Seite) ca. 10 Minuten
• Aufgabenstellung in mehrere leichte und ggf. aufeinander aufbauende Szenarien gliedern
• Start und Ziel festlegen (Aufgabe erfüllt/Zeit um)
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WIE SOLL GETESTET WERDEN?
• Einverständniserklärung
• Name und Alter notieren
• Erkenntnisse immer notieren
• Aufgabenstellung (Hypothese —> Ziel)
• Feedback (Stärken/Schwächen)
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
1. Smalltalk
• Stimmung auflockern
• Moderator stellt sich vor
• Name, Alter, Beruf, Hobbys
• Das was EUCH wichtig ist!
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
2. System kennen lernen
• Du wirst Mapbender testen. Kennst du Mapbender?
• Mapbender ist eine Software zur Verwaltung von Kartenanwendungen und Geodiensten
• Bist du startklar? Hast du noch Fragen?
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
3. Aufgabenstellung I (Hypothese —> Ziel)
Du möchtest eine neue Anwendung im Mapbender anlegen um dort eine Karte zu erstellen, mit der du die öffentlichen (Spiel-)Plätze von Köln anlegen kannst.
Die Anwendung kannst du frei benennen, sie soll in Fullscreen angelegt sein. Einen Screenshot findest du unter Bilder/Screenshot.png.
Um dies zu tun, musst du dich zuerst einloggen und bekommst von uns einen Link, mit dem du eine öffentliche Hintergrundkarte einfügen kannst.
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
4. Aufgabenstellung II (Hypothese —> Ziel)
… jetzt hast du deine erste Karte angelegt. Glückwunsch!
Als Nächstes möchtest du die Anwendung Demo Testing sehen. Gehe dafür in die Übersicht und rufe die Anwendung im Browser auf.
Aktiviere nun den Layer OSM Demo und suche nach Köln. Um mehr über den Dom zu erfahren, fragst du die Feature Info ab.
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
5. Feedback
• Offene Fragen stellen
• Was hat dir besonders gut gefallen?
• Was hat dir überhaupt nicht gefallen?
• Einfach reden lassen!
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
BEISPIEL - MAPBENDER
6. Danke
• Bedanken
• ggf. nach einer Kontaktmöglichkeit fragen für weitere Testings
• Offenen Smalltalk halten
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
ABLAUF
• Natürliche Testsituation (Tester und Moderator)
1. Smalltalk
2. System kennen lernen
3. Aufgabenstellung I (Hypothese —> Ziel)
4. Aufgabenstellung II (Hypothese —> Ziel)
5. Feedback
6. Danke
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
AUSWERTUNG?USABILITY TESTING
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
„DER WEG IST - IM USABILITY TESTING - DAS ZIEL.“
Konfuzius@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
WIE WERTET MAN DAS AUS?
• Jedes Feedback ist gutes Feedback!
• Was ist aufgefallen?
• Stolpersteine über die mehrere Tester gefallen sind?
• Stärken
• Schwächen
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
LINKS
• usability-testessen.org
• opensourcedesign.net
• www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
• www.mapbender.org
• www.wheregroup.com
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
DANKE FÜR EURE AUFMERKSAMKEIT!
Fragen?
Lina Dillmann
WhereGroup GmbH Eifelstraße 7, 53119 Bonn
Tel.: +49 (0) 228 909038 - 0 Fax: +49 (0) 228 909038 - 11
info@wheregroup.com www.wheregroup.com
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
NÄCHSTES WEBTECH MEETUP
WebRTC: Serverless - Diesmal aber wirklich!
@Sebastian Golasch
Am Mittwoch, den 4. Dezember 2019
@LinaDillmann
WEBTECH & WMBN - USABILITY TESTING
Recommended