Worüber werde ich sprechen

von Marcus Stollfuß

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

Was ist eine GUI eigentlich Die GUI, für Graphical User Interface, ist eine Computerschnittstelle, die kleine grafische Symbole und grafische Steuermöglichkeiten zusätzlich zum Text verwendet. ca. 760 Millionen Menschen arbeiten jeden Tag mit der GUI von Windows XP Die auf der Welt am häufigsten verwendete GUI 4

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

GUI von damals bis heute Art der Interaktion Wird benutzt in Charakteristiken Formular basierte Eingabe Vollbild- und Fensterbasierte Systeme Vorteil: Viele Felder können zugleichausgelesen und verändert werden. Nachteil: Nicht Flexibel Menus & Hierarchien Direkte Manipulation Vollbild-, Fensterbasierteund Telefonbasierte Systeme FensterbasierteSysteme, Touch-und Virtuelle Realität (VR) Systeme Vorteil: DerBenutzer muss sich nicht länger vorher mit den Funktionen auseinander setzten. Nachteil: Potenziell langsames Arbeiten und verwirrende Hierarchien DerBenutzer hat die volle Kontrolle über die Fähigkeiten des Systems und kann dabei Metaphern aus der Realen Welt verwenden. Konzentration auf Grafiken. NichtBefehlsbasiert VR-und Zukunftssysteme DerComputer interpretiert das Verhalten des Nutzers und Steuert sich Quasi selbst. Natürliche Sprache Zukunftssysteme DerBenutzer kann mit dem Computer vollkommen natürlich interagieren. 6

GUI von damals bis heute Der erste funktionsfähige Alto Computer wurde im April 1973 von Xerox PARC fertiggestellt. Der Alto ist das erste Comutersystem, dass alle Funktionen einer modernen Benutzeroberfläche beinhaltet. Microsoft Surface ist ein neuartiger Computer der Firma Microsoft. Er wurde am 30. Mai 2007 vorgestellt. Das besondere an Surface ist, dass er ohne Maus, Tastatur oder sonstige Eingabegeräte auskommt. Vielmehr besteht er aus einem 30" Multi- Touchscreen. 7

GUI von damals bis heute Technischen spielerein, wie z.b. Animationen oder Rich Hover gibt heute in viele GUI Design Tools und Frameworks z.b : Visual Studio 2008 Forms Designer -.NET, SWT WPF Designer.NET, SWT und WPF Eclipse Window Builder Pro - SWT, Swing, AWT Visual Editor - SWT, Swing, AWT Jigoloo - SWT, Swing, AWT RCP - SWT, Swing, AWT Etc. Letzten Endes kommt es aber nicht auf das Tool an, sondern auf das, was man damit macht. 8

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

Welche Fragen sollte man sich stellen? 1. Wen will ich mit der GUI ansprechen? 2. Wie ist das Szenario oder der Workflow meiner Nutzer ( wie kann ich diese/n unterstützen )? 3. Kommuniziere ich mit dem Benutzer? 4. Macht es Spaß mit meinem Programm zu arbeiten? 5. Ist meine Applikation ästhetisch? 10

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

Dinge die man beachten sollte Einfache und leichtverständliche Dialoge verwenden Die Sprache des Benutzers verwenden Unterstützung von Denk- und Erinnerungsprozessen Konsistenz Feedback Einfach zu erkennende Abbruch Möglichkeiten Abkürzungen ( Shortcuts ) verwenden um Arbeitsabläufe zu unterstützen Gute Fehlermeldungen Benutzerfehler vermeiden Hilfe und Dokumentation 12

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Was ist Usability? Wieso Usability so wichtig ist Vorgehensweisen in der heutigen Softwareentwicklung Phasen der GUI und Usability Entwicklung Usability Analyse Usability Test in 30 Minuten Fazit

Was ist Usability? Übersetzt : Gebrauchstauglichkeit In der Softwareentwicklung : "Benutzer-orientierte Gestaltung interaktiver Systeme (ISO 9241 ) Besser wäre : "Benutzer-Aufgaben-orientierte Gestaltung interaktiver Systeme (ISO 9241 ) Usability orientiert sich an : Interessen des Nutzers im Bezug auf seine zu erledigenden Aufgaben Bedürfnissen der vom Nutzer auszuführenden Aufgaben Kenntnissen des Nutzers über die von ihm zu erledigenden Aufgaben 14

Wieso Usability so wichtig ist Nutzer werden immer Anspruchsvoller Grade Internetauftritte und Massenprodukte wie z.b. Handys oder Betriebssysteme sollen Intuitiv verständlich sein Der Nutzer will sich nicht lange mit einem System beschäftigen Der Nutzer erwartet, dass der Computer ihm nicht nur als Werkzeug dient, sondern sich auf ihn und seine Aufgabe einstellt. (Workflowbasiertes arbeiten) Je leichter ein Produkt verstanden wird, desto leichter lässt es sich verkaufen. 15

Wieso Usability so wichtig ist Wonach beurteilen Sie die Glaubwürdigkeit einer Website? 74,6 % 16

Wieso Usability so wichtig ist Durch eine an Anwendererwartungen und Bedürfnissen ausgerichtete Optimierung konnten Umsatzzuwächse von über 200% erreicht werden Quelle : Bericht des Bundesverbandes der Digitalen Wirtschaft 17

Vorgehensweisen in der heutigen SE Traditionell GUI ist Mittel zum Zweck Die Funktionen der Software stehen vor der Bedienbarkeit eines Produkts Es werden keine Usability Analysen durchgeführt. 18

Vorgehensweisen in der heutigen SE Traditionell GUI ist Mittel zum Zweck Die Funktionen der Software stehen vor der Bedienbarkeit eines Produkts Es werden keine Usability Analysen durchgeführt. User DrivenDevelopment GUI wird mit dem Endnutzer gemeinsam entwickelt Es wird keine zusätzliche Usability Analyse benötigt. Je Besser man sich mit dem Nutzer abspricht, desto besser ist das Endprodukt. 19

Produktentwicklung in UDD Verstehe die Nutzer und Ihre Aufgaben und Ziele Bewerte das UI, nicht den Nutzer Gestalte für den Nutzer, und sorge dafür, dass er seine Arbeit effektiv und aufgabenbasiert erledigen kann. 20

Vorgehensweisen in der heutigen SE Traditionell GUI ist Mittel zum Zweck Die Funktionen der Software stehen vor der Bedienbarkeit eines Produkts Es werden keine Usability Analysen durchgeführt. User DrivenDevelopment GUI wird mit dem Endnutzer gemeinsam entwickelt Es wird keine zusätzliche Usability Analyse benötigt. Je Besser man sich mit dem Nutzer abspricht, desto besser das Endprodukt. Usability Analysen GUI wird nach und nach immer Benutzbarer Die GUI wird während des Entwicklungsprozesses in verschiedenen Abständen analysiert und gegebenenfalls angepasst. Das Vorbereiten, Durchführen und Auswerten der Usability Analysen und das Verändern des Produkts kann Wochen dauern. 21

Phasen der GUI und Usability Entwicklung 22

Phasen der GUI und Usability Entwicklung Analyse Phase Rapid Prototyping Usability Analyse Implementierung Analyse Phase Anforderungen analysieren Usability Ziele festlegen Styleguide festlegen Rapid Prototyping Design Phase Umsetzung der Ziele und Anpassung der GUI aus Arbeitsabläufen des Nutzers Benutzbare Testversion generieren Usability Analyse Vergleichstests & Arrangement der GUI Komponenten Usability Test z.b. mitthink Aloud -oder Eyetrackinganalyse Methoden Ziele, Umsetzung und Methodik überprüfen 23

Usability Analyse -Vorbereitung Zielgruppenbestimmung Befragung von typischen Nutzern aus den Zielgruppen Gruppendiskussion Probanden auswählen Evtl. Card Sorting-Verfahren durchführen 24

Card SortingVerfahren 15 30 Probanden Menüpunkte in ihrer Meinung nach sinnvolle Obermenüpunkte einsortieren Abstufungen von Freiheitsgraden 25

Usability Analyse Test Durchführung Es gibt viele Arten von Tests. Diese sind die häufigsten : Interaktionsaufzeichnung ( Nutzertest ) Videobeobachtung ( Nutzertest ) Eye Tracking ( Nutzertest ) Moderierter Gruppentest ( Nutzertest ) Lautes Denken ( Nutzertest ) Cognitive Walkthrough (Expertentest ) 26

Usability Analyse Test Durchführung Klassisches Usability-Test Labor. 27

Usability Analyse Test Durchführung Eye-Tracking Test Eye-Tracking liefert Hinweise darauf : Auf welche Elemente des Bildschirms der User seine Aufmerksamkeit richtet Welche Elemente ein User sieht, welche nicht Wie wichtig ein Bereich für einen User ist Ob ein User orientiert oder desorientiert ist Ob er Verständnisprobleme hat Ob ein Text durchgelesen wird Beim Eye-Tracking-, oder beim Videoverfahren, sind außerdem Benchmarktests möglich. 28

Sicht von Beobachter 1 Protokolliert das Verhalten des Nutzers Ansprechpartner für Nutzer 29

Sicht von Beobachter 2 Überlegt sich zusätzliche Fragen für das Interview falls Probleme bei Aufgaben auftreten Analysiert Denkprozesse des Nutzers 30

Usability Analyse Test Durchführung Thinking Aloud Test Thinking Aloud liefert Hinweise darauf : Ob die vom Nutzer erwarteten Workflows eingehalten wurden Welchen subjektiven Eindruck der Nutzer vom Testsystem hat Welche Wünsche der Nutzer hat Beim Thinking Aloud Test sind leider durch die Verzögerungszeit des lauten Denkens keine Benchmarktests möglich. Außerdem können Artikulationsprobleme auftauchen. 31

Usability Analyse Interview Während des Interviews werden offene Fragen geklärt und die Notizen des Beobachters mit dem Probanden durchgegangen. Folgende Gesprächsphasen sind grundsätzlich zu unterscheiden: 1. Einstieg 2. Hauptphase: relativ freies Erzählen 3. Vertiefung: Nachfragen, fortführen 4. Themen, die noch nicht berührt wurden 5. Abschluss Gezielte Fragen auch Nachfragen dokumentieren in jedem Fall Interesse. Diese den Interviewten entgegengebrachte Wertschätzung steigert wiederum deren Bereitschaft, ggf. auch kritische Aussagen zu treffen. 32

Usability Analyse Auswertung Während der Evaluations- oder Auswertungsphase der Analyse geschieht folgendes: Für die Auswertung muss das Ton- und Schriftmaterial in geeigneter Form aufgearbeitet werden. Die im Test gesammelten Ergebnisse werden bewertet und priorisiert Dazu wird eine thematische Übersicht erstellt, die sich inhaltlich an den Themenschwerpunkten des Interviewleitfadens orientiert. Im abschließenden Bericht werden die Aussagen analysiert und Schlussfolgerungen und Empfehlungen für die Weiterentwicklung des Projekts erarbeitet. 33

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

Usability Test in 30 Minuten Wann kann man das machen? Wenn man nur wenig Geld hat Wenn einem die Ressourcen fehlen Kein Labor 35

Usability Test in 30 Minuten Was brauche ich? Ein Desktopüberwachungstool z.b. TechSmith Camtasia, TechSmith Moare Einen Probanden ( jemand der das Tool benutzen soll ) Ein Testsystem ( Prototyp ) Eine Webcam zum Aufzeichnen des Verhaltens ( optional ) Neuer Testnutzer-Account Das Vorbereiten der Aufgaben und Auswählen der Testperson benötigt etwas Vorbereitungszeit. Mit nur einem Probanden werden natürlich nicht alle Probleme gefunden 36

Usability Test in 30 Minuten 37

Usability Test in 30 Minuten Minute 1 10 : Szenario aufschreiben Regeln : Keine Anleitung Keine Hinweise Aufgabe : Ein Student fragt Sie, am 10.6.2008 ob er sich noch für die Klausur im Fach Objektorientierte Softwareentwicklung anmelden kann. Ist die Frist dafür schon verstrichen? 38

Usability Test in 30 Minuten Minute 1 10 : Szenario aufschreiben Regeln : Keine Anleitung Keine Hinweise Aufgabe : Ein Student fragt Sie, am 10.6.2008 ob er sich noch für die Klausur im Fach Objektorientierte Softwareentwicklung anmelden kann. Melden sie ihn in der LV Verwaltung an. Hinweis!!! 39

Usability Test in 30 Minuten Minute 1 10 : Szenario aufschreiben Regeln : Keine Anleitung Keine Hinweise Aufgabe : In Wirklichkeit verstecken sich hier mehrere Aufgaben : Lehrveranstaltung finden Klausur finden Anmeldezeitraum abfragen Ein Student fragt Sie, am 10.6.2008 ob er sich noch für die Klausur im Fach Objektorientierte Softwareentwicklung anmelden kann. Ist die Frist dafür schon verstrichen? 40

Usability Test in 30 Minuten Minute 11-22: Testperson begrüßen und Test Durchführen 1. Testperson wird angehalten seine Gedanken laut zu äußern 2. Testperson liest die Aufgabe 3. Tester bereitet seine Notizen vor 4. Der Tester Reagiert keinesfalls auf den Probanden!!!! Der Test endet wenn sich die Person zu sehr von dem Ziel entfernt, oder die Zeit verstrichen ist. 41

Usability Test in 30 Minuten Minute 23-27: Nachinterview Notizen mit Probanden durchgehen Unklarheiten beseitigen Probanden ermutigen kritische Anmerkungen zu machen 42

Usability Test in 30 Minuten Minute 28-30: Notizen konsolidieren Was will man nun ändern In welcher Reihenfolge sollte man etwas ändern etc. Nach dem Test erfolgen dann die gewählten Änderungen und es folgt ein Wiederholungstest. 43

Worüber werde ich sprechen Was ist eine GUI GUI von damals bis heute Welche Fragen sollte man sich stellen? Dinge die man beachten sollte Techniken zur GUI und Usability Entwicklung Usability Test in 30 Minuten Fazit

Fazit Generell prägt Usability den Gesamteindruck, also ob man die Website oder ein Program gern benutzt oder nicht. Eine durch den Usability-Test verbesserte Website oder Software Tool z.b. die der FHW Berlin oder SAP erhöht den Gebrauch dieser Software. Dadurch werden mehr und mehr User gewonnen, die letztendlich sehr zufrieden mit dem Design, Inhalt und Aufbau sind. Usability ist Wichtig und fördert die Akzeptanz und den Willen mit einer Software zu arbeiten. Oftmals entscheidet sich ein Unternehmen eher für zwei Produkte die verbessert wurden als für ein nicht Usability konformes Produkt. 45

Danke Jetzt bitte die Fragen!! Makeing a GUI - The Science of Simplicity 46

Quellen Why You Only Need to Test With 5 Users http://www.useit.com/alertbox/20000319.html CES: Gates says 100M copies of Vista sold http://www.computerworld.com/action/article.do?command=viewarticlebasic&articleid=9055739 Usability Engineering by Jakob Nielsen - Morgan Kaufmann Design Principles and Usability Heuristics by Ben Bederson http://www.cs.umd.edu/class/fall2002/cmsc434-0201/notesaa.pdf Wikipedia http://de.wikipedia.org/wiki/usability-test http://de.wikipedia.org/wiki/cognitive_walkthrough http://de.wikipedia.org/wiki/thinking_aloud_test http://de.wikipedia.org/wiki/nutzerorientierte_gestaltung http://de.wikipedia.org/wiki/card-sorting Matthias C. Schroeder SCHROEDER + WENDT User Interface Design fürs Internet Trends, Prinzipien und Herausforderungen http://www.slideshare.net/mschroeder_1/user-interface-design-frs-internet?src=embed Der 30-Minuten-Usability-Test für jedermann http://www.slideshare.net/phogenkamp/der-30minutenusabilitytest-fr-jedermann/ User-Driven Development by Jonathan Clark Elsevier Graphical User Interface Timeline http://toastytech.com/guis/guitimeline.html Fallstudie_Usability-Test http://www.heike-wiesner.de/wiki/index.php/fallstudie_usability-test#was_ist_usability.3f Bericht des Bundesverbandes der Digitalen Wirtschaft Makeing a GUI - The Science of Simplicity 47