Usability Testing - WMBN meets WebTech€¦ · WEBTECH & WMBN - USABILITY TESTING. WHEREGROUP - UNTERNEHMEN • 40 Mitarbeiter an drei Standorten: Bonn, Berlin, Freiburg • Moderne

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


WHEREGROUPUSABILITY TESTING

@LinaDillmann


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


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


WHEREGROUP - LÖSUNGENMetador

Mapbender

Mops

@LinaDillmann


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


http://www.foss-academy.com

USABILITY?USABILITY TESTING

@LinaDillmann


USABILITY, WAS IST DAS?

engl. „use“ - Nutzen + „ability“ - Fähigkeit

• Benutzerfreundlichkeit

• Schnelle und optimale Wege

• FÜR den Nutzer

@LinaDillmann


USABILITY, KENNE ICH DAS?

• Ergonomische Zahnbürsten

• Türklinken auf Handhöhe

• Kaffeetasse mit Henkel

• Ticketautomaten

• Fernbedienungen

• Office-Anwendungen

@LinaDillmann


USABILITY TESTING?USABILITY TESTING

@LinaDillmann


@LinaDillmann


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


“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


TESTMETHODEN?USABILITY TESTING

@LinaDillmann


WELCHE TESTMETHODEN GIBT ES?

• Prototyping

• Benchmarking

• Personas

• Interviews & Fragebögen

• Tagebuchstudien

• Eye-Tracking

• Think-Aloud

@LinaDillmann


“...PAY ATTENTION TO WHAT USERS DO, NOT WHAT THEY SAY.”



EINSATZ?USABILITY TESTING

@LinaDillmann


WELCHE METHODE EINSETZEN?

• Budget

• Testpersonen

• Was und wie?

• Auswertung

@LinaDillmann


TESTER?USABILITY TESTING

@LinaDillmann


WOHER KOMMEN DIE TESTER?

• Zielgruppe

• Professionell einkaufen

• Bekannte fragen (Kollegen, Freunde, Familienangehörige)

• Veranstaltungen besuchen/organisieren

@LinaDillmann


„WHY YOU ONLY NEED TO TEST WITH 5 USERS“



THINK ALOUDUSABILITY TESTING

@LinaDillmann


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


WIE SOLL GETESTET WERDEN?

• Einverständniserklärung

• Name und Alter notieren

• Erkenntnisse immer notieren

• Aufgabenstellung (Hypothese —> Ziel)

• Feedback (Stärken/Schwächen)

@LinaDillmann


BEISPIEL - MAPBENDER

@LinaDillmann



1. Smalltalk

• Stimmung auflockern

• Moderator stellt sich vor

• Name, Alter, Beruf, Hobbys

• Das was EUCH wichtig ist!

@LinaDillmann



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



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



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



5. Feedback

• Offene Fragen stellen

• Was hat dir besonders gut gefallen?

• Was hat dir überhaupt nicht gefallen?

• Einfach reden lassen!

@LinaDillmann



6. Danke

• Bedanken

• ggf. nach einer Kontaktmöglichkeit fragen für weitere Testings

• Offenen Smalltalk halten

@LinaDillmann


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


AUSWERTUNG?USABILITY TESTING

@LinaDillmann


„DER WEG IST - IM USABILITY TESTING - DAS ZIEL.“

Konfuzius@LinaDillmann


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


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


https://usability-testessen.org

https://opensourcedesign.net/

https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/



https://www.mapbender.org

https://www.wheregroup.com

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

[email protected] www.wheregroup.com

@LinaDillmann


mailto:[email protected]

http://www.wheregroup.com

NÄCHSTES WEBTECH MEETUP

WebRTC: Serverless - Diesmal aber wirklich!

@Sebastian Golasch

Am Mittwoch, den 4. Dezember 2019

@LinaDillmann


Documents

Usability Testing - WMBN meets WebTech€¦ · WEBTECH & WMBN - USABILITY TESTING. WHEREGROUP - UNTERNEHMEN • 40 Mitarbeiter an drei Standorten: Bonn, Berlin, Freiburg • Moderne