Usability Engineering. von Thomas Tigges & Jens Willmer

Ähnliche Dokumente
Usability Engineering

HCI 3 Gedächtnis und Lernen

Testing Reality. Real users. Real devices. Real time.

WIR REGELN DAS. INSIGHTS. 5 elementare Designregeln für ein professionelles GUI

Kriterien zur Bewertung eines Systems

Divi Tutorial deutsch einfach Ihre eigene professionelle Website erstellen

Maschinennah visualisieren mit SIMATIC HMI

Grundlagen der Mensch-Computer- Interaktion

(1)Einführung in Eclipse

Anleitung OpenCms 8 Der Textbaustein

Anleitung zur Darstellung der esense-messwerte in Microsoft Excel und Google Tabellen

Handbuch ky2help Version 4. Grundlagen und Administration. Version 1.7 KYBERNA AG T F

Datenbank konfigurieren

User-Experience-Forschung. Ihre App ist immer beim Nutzer. Eine gute Usability verhindert, dass es er es sich anderes überlegt.

ANLEITUNG CLOUD ACCESS

Auswahl alter Klausuraufgaben aus einer ähnlichen Vorlesung Maßgeblich für die Prüfung sind die Vorlesungsinhalte!

PROFIS ENGINEERING SUITE, WEB-BASED. Anleitung für das Hilti Account Tool 2.1 Buchs,

Facharbeiten überzeugend mit GoogleDocs formatieren.

Was kennzeichnet qualitativ hochwertige Software Systeme? Wie kann hohe Software Qualität erreicht werden?

Leitfaden: box.delas besser nutzen

Benutzerhandbuch. WISAG Kundenportale

Testing Reality. Real users. Real devices. Real time.

Masterarbeit. Konzeption und Entwicklung eines webbasierten Unterstützungsinstruments für Fachanwender von Bevölkerungsdaten

Interaktion. Projekt begleitend. (Konzeption) Konzeption. KP Ludwig John

Anleitung. 1 Erweiterung des WordPress-Themes um Blog- und Andmin-Funktionen

5.3 Softwareentwicklung

Usability Heuristiken. Foliensatz überarbeitet und ergänzt nach M. Dahm: Grundlagen der Mensch-Computer Interaktion

Usability. Katja Fuhrmann FG Software Engineering Leibniz Universität Hannover

B U S I N E S S A G E N T SETZE DEINE ZIELE O N L I N E S H O P E R S T E L L E N

Installieren von Programmen auf einem Terminal Server

ein Google-Konto erstellen

14. Es ist alles Ansichtssache

Wie erstelle ich ein barrierefreies Dokument?

Was macht Benutzerfreundlichkeit von Software-Oberflächen aus

KOPF- UND FUßZEILEN KOPF- UND FUßZEILEN HINZUFÜGEN

Hochschule Aalen. Word. Formatvorlagen und mehr

Jakob Nielsen Usability, alertbox. FH-Aachen VK SS06 Datarama Prof. Gasteier

DER BEIPACKZETTEL. Was ist neu in ILIAS 5.2? Unvollständige Vorabversion Zu Risiken und Nebenwirkungen fragen Sie Ihren Admin.

Düngeplanungsprogramm für Mecklenburg-Vorpommern

Styleguides als Werkzeug für bessere Software-Usability im Gesundheitswesen

Objektorientierte Programmierung (OOP)

Anleitung zur Darstellung der esense-messwerte in Microsoft Excel und Google Tabellen

Düngeplanungsprogramm für Mecklenburg-Vorpommern

Gedächtnis. Extern gewonnene Informationen werden in drei Stufen verarbeitet:

Einheit 2. Wahrnehmung

Information, Kommunikation, Administration (IKA) Unterrichtsbereich Information 2. Semester 1. Band. 1. Ausgabe, Mai 2014

Anleitung Formatierung Hausarbeit (Word 2010)

Gruppen im Auslandsschutznetz verwalten: Ein Leitfaden

Kennen, können, beherrschen lernen was gebraucht wird

PROFIS ENGINEERING SUITE, WEB-BASIERT. Anleitung für das Hilti Account Tool

UX RESEARCH. Wieso? Weshalb? Warum?

Maria Egly Nahed Chaaban Nahlaa Abeiad. Usability von Mobilen Applikationen

Efficy 2010 Neue Funktionen

Gestaltgesetze der Wahrnehmung. DI (FH) Dr. Alexander Berzler

Anleitung zur. Installation und Konfiguration von x.qm. Stand: Februar 2017 Produkt der medatixx GmbH & Co. KG

ECDL-Advanced Excel 2010 Advanced

Web-Usability am Beispiel der Webseite der Baden-Württembergischen Übersetzertage 2013

Benutzerhandbuch OM+

Administration der Website

Software Usability immer im Blick Eine Einführung in den User Centered Design Process Jonas Zimmermann, 08. März 2018

Erstellen eines Normfall Projektspeichers auf Basis einer vorhandenen Installation von:

INTERSTENO 2017 Berlin World championship professional Word Processing

Interaktion mit ubiquitären Umgebungen

Gliederung. Übungsbeispiel Autovermietung

Präsentationen erstellen mit PowerPoint (2000)

ENTWICKLUNG EINER ANWENDUNG ZUR ORGANISATION FÜR SPRECHSTUNDEN

KEN, DTP, 07/ Produktion

BIZS News. BIZS Neuigkeiten. PC-forum GmbH Am Gehrenbach 8 D Maierhöfen Tel /

Verknüpfungen in xls-dateien

Pflichtenheft Projektarbeit 2008 / 2009

Kurzanleitung creator 2.0

Erste Schritte mit ClassRoom.ch

Was macht Produkte wirklich gut? Kurzprofil.

Kurzanleitung creator 2.0

Bericht UE 2. Seite 1 von 6

Design Language. Design Language. Mac vs. Anti-Mac

Umgang mit Teasern und Seitenlayout in TYPO3 / Maud Mergard / SK /

Outlook Web App 2016

Dissertationen.dot. Dissertationen.dot Leitfaden für Autoren

Design des Konzeptuellen Modells

Was Sie bald kennen und können

Continuous Integration mit VSTS Dieter Rüetschi

Anleitung für einen USB-Stick mit Hardware-Verschlüsselung

DIGITALISIERUNG IM HANDEL. Wie der Besucher meiner Website zum Kunden wird

Das können Sie bereits. » gespeicherte Dokumente öffnen. + Sie benutzen die Seitenansicht als Druckvorschau. + + Sie drucken ein Dokument

Fernzugang zu Applikationen auf unserer Citrix-Umgebung

Whitepaper: Agile Methoden im Unternehmenseinsatz

Der UI Survival Guide für Entwickler

Newsletter erstellen

WebQuests. Eine WebQuest erstellen und publizieren. Mit PowerPoint geht es besonders einfach. Seite 1. WebQuests erstellen und publizieren

Wie

STARFACE MS Outlook Connector 2.0

Crashkurs Bachelorarbeit. WORD SS 2012 Crashkurs Bachelorarbeit

entspannt mobil Veronika Egger is-design GmbH, IIID, design for all Forschungsforum Mobilität, , Wien

lösungs beschreibung OS AdhocExport Clientkomponente flexible software for your way of working 1 Erarbeitet von: Maurice Knurr Stand: Mai 2011

Road Account Maut Control. Version 1.34

Transkript:

Usability Engineering von Thomas Tigges & Jens Willmer

Usability Engineering Usability Engineering bezeichnet ein Gebiet, in dem es darum geht eine optimale Mensch-Maschinen-Schnittstelle zu entwickeln. Bei einer solchen Schnittstelle liegt das Hauptaugenmerk auf der Benutzerfreundlichkeit. Die entwickelte Schnittstelle soll möglichst effizient für die vorgesehenen Arbeitsaufgaben gestaltet sein und zudem ein ansprechendes, gewohntes Aussehen haben, damit der Benutzer gerne damit arbeitet und sich schnell zu Recht findet. Des Weiteren muss die Schnittstelle vorgegebene Standards und Guidelines einhalten.

Kenne den Anwender Definieren des Anwenderkreises Kontakt zwischen Anwender und Entwickler Oberfläche an Kentnisse der Anwender anpassen Evolution des Anwenders Aus Laien werden Profis Anwender werden Programm verändern Anwender finden neue Anwendungsmöglichkeiten Programm verändert Arbeitsablauf

Zielsetzung für die Bedienbarkeit

Designphase Designer arbeiten unabhängig an Konzepten Zusammenführung der Konzepte Beste Ansätze übernehmen Zugriff auf Anwender Aktuelle Probleme beheben Verschiedene Anwender befragen

Guidlines & Standards Standards Wiedererkennungswert Wiederverwendbarkeit von Anleitungen Wiederverwendbarkeit von Beispielen Guidlines Farbschema Genaueres Aussehen, Größe und Form

Prototyp

Oberflächen Evaluation

Usability Testing Anwendertests Zuverlässigkeit Selbe Ergebnisse bei Wiederholung des Tests Aussagekraft Resultat betrifft die Problemstellung

Testmethoden Laut denken Aufdecken von Missverständnissen Erkennung des gedanklichen Arbeitsablaufs Konstruktive Interaktion Zwei Anwender arbeiten zusammen Bevorzugt bei Kindern Retrospektives testen Videoanalyse Qualitativ hochwertige Antworten Coaching Methode Schnelles verstehen der Anwendung Beschleunigt den Wandel zum Profi

Gedächtnis Sensorisches Kurzzeitgedächtnis Puffert die durch die Sinne wahrgenommenen Informationen Kapazität etwa 1 Sekunde Kurzzeitgedächtnis "Arbeitsspeicher" des Gehirns Langzeitgedächtnis Speicher alle während des Lebens gelernten Informationen

Kurzzeitgedächtnis Unser Bewusstsein Aktueller Kontext Neue Informationen werden innerhalb des Kontextes interpretiert Funktionen und Rückmeldungen einer Anwendung müssen zum Kontext (dem Ziel) des Anwenders passen Google Docs Kapazität von 7 ± 2 Chunks Gruppierung kann Informationsgehalt pro Ebene reduzieren DHBW FFW Mühringen

Langzeitgedächtnis Enthält unser Wissen Speichert Fakten, Daten und Konzepte Bilder und Vergleiche Zusammenhänge und Schlussfolgerungen Abläufe Gespeichertes Wissen bzw. die Erfahrung müssen beim Entwurf von Anwendungen beachtet werden Öffnen, Speichern, Drucken immer oben links Links sind blau und unterstrichen

Assoziationen Mentale Modelle Abstraktes Modell dessen wie etwas funktioniert oder zusammenhängt Lernen kann durch Verknüpfungen zu bereits Bekanntem beschleunigt werden Umblättern auf einem Tablett durch Wischen Metaphern "bildliche Übertragung" Symbole in Funktionsleisten orientieren sich an realen Vorbildern Ziehen einer Datei auf den Papierkorb

Erfahrung Unterschiedliches Vorwissen der Anwender Zwei Extreme Anfänger Wenig Wissen und Fertigkeiten Aufmerksamkeit muss oft bewusst auf die Bedienung gerichtet werden Experten Ausgeprägtes Wissen und Fähigkeiten Bedienung funktioniert Unterbewusst, dadurch Konzentration auf die eigentliche Aufgabe

Aufmerksamkeit Nur bewusst auf jeweils eine Aktivität Dank Unterbewusstsein ist Parallelisierung möglich Beispiel Autofahren Als Anfänger häufige Konzentration auf Kuppeln, Schalten, usw. notwendig Als Erfahrener Fahrer funktioniert dies Automatisch. Konzentration darauf nichts zu überfahren. Entspricht eine Benutzeroberfläche den Erwartungen des Benutzers, so kann diese unterbewusst bedient werden

Intellektuelle Fehler Denkfehler Können fast nicht verhindert werden Fehler im mentalen Modell Anwendung sollte dem mentalen Modell des Anwenders entsprechen Innerhalb der Zielgruppe kann die Erfahrung sehr stark variieren Funktionen sollten in der Dokumentation beschrieben werden

Fehler in flexiblen Handlungsmustern Ausnahmen werden vom Anwender ignoriert Schuld oft beim Anwendungsentwickler selbst! Abstumpfung durch zu viele und irrelevante Meldungen Unterschiedliche Meldungstypen sollten gestalterisch sofort erkennbar sein Rein informative Meldungen auf ein Minimum reduzieren und in Status- /Seitenleiste anzeigen Nutzer kann selbst die Meldungen bestimmen

Sensomotorische Fehler Mangelnde Koordination zwischen Sensoren und Motorik Durch zu kleine Elemente wird an falsche Stelle geklickt Schlimmstenfalls muss die Aufmerksamkeit auf das Klicken eines Knopfes gerichtet werden Interaktionselemente benötigen angemessene Größe

Antwortzeiten Wichtig für die "User Experience" Lange Antwortzeiten kosten den Anwender Zeit Lange Anwortzeiten durch geschätzte verbleibende Zeit überbrücken Pro 0,1 Sekunden entgehen Amazon 1% Umsatz bis 1 Sekunde unmittelbar bis 5 Sekunden bis 10 Sekunden ab 10 Sekungen verzögert stark verzögert antwort wird nicht mehr erwartet

Layoutgestaltung Klares und einheitliches Layout wichtig für Übersichtlichkeit Ein Layout sollte über mehrere Seiten gleich bleiben Navigation, Inhalt, usw. sind immer an der selben Stelle zu finden Textbreite sollte 80 Zeichen nicht übersteigen Spalten sollten einen Abstand haben

Rasterlayout Seite wird in einheitliche Blöcke aufgeteilt Ermöglicht strukturierte Anordnung von Elementen Positionierung Anhand des Rasters, dadurch geringer Aufwand zur Positionierung von Elementen Bootstrap YAML

Farben Farbwirkung stark durch Kultur und Erfahrung geprägt Für harmonische Kontraste bieten sich die beiden Nachbarkomplementärfarben einer Grundfarbe an Color Scheme Designer Erhöhte Lesbarkeit durch starken Kontrast vom Text zum Hintergrund

Typographie Text sollte maximal 80 Zeichen breit sein Kopf sollte beim Lesen nicht mitgedreht werden müssen Absätze und angemessene Zeilenabstände erleichtern den Augen die Orientierung 25 Secrets Normaler Fließtext sollte 8-12pt groß sein, Überschriften und Schauschrift 13-48pt

Probleme für Usability in Open Source Entwickler sind meist Programmierer Entwickler sind Poweruser Deren Erfahrung und Erwartung!= Zielgruppe Entwicklung meist Codezentriert Kein Ansporn für Usability Schlecht messbar im Gegensatz zu Bugreports Keine Preise zu gewinnen

Integration von Usability in den Entwicklungsprozess Bewusstsein für Usability schaffen Gestaltungsrichtlinien erstellen Testverfahren wie Remote Testing auch im Open Source Umfeld einsetzbar Frühes hinzuziehen von Usability-Experten und Gründen einer Usability-Gruppe mit klaren Entscheidungsstrukturen Der Benutzergruppe bewusst werden

Open Source Usability am Beispiel Wordpress Seit v2.7 standardmäßige Tests der Module Tests mit kleiner Nutzergruppe führten zu unscharfen Ergebnissen Entwicklung eines Systems in das Testfälle eingestellt werden und von Benutzern auf der ganzen Welt durchgeführt werden können

Vielen Dank! Fragen.