Maria Egly Nahed Chaaban Nahlaa Abeiad. Usability von Mobilen Applikationen

Transkript

1 Maria Egly Nahed Chaaban Nahlaa Abeiad Usability von Mobilen Applikationen

2 Was ist Usability? Das Ausmaß, in dem ein Produkt durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen Quelle:

3 Jakob Nielsen Schriftsteller Redner Berater im Bereich Software- und Webdesign-Usability Mehr Informationen auf :

4 Die Definition von Jakob Nielsen: Learnability Das System soll leicht zu erlernen sein Efficiency Das System soll effizient benutzbar sein Memorability Der User soll sich schnell wieder im System zurechtfinden Errors Das System soll eine geringe Fehlerrate aufweisen Satisfaction Das System soll angenehm zu bedienen sein Quelle: Nielsen, Jakob: Usability Engineering, 2000, in Alexander Schatten WS05; Vorlesungsfolien zu E-Commerce 1: Usability Engineering im Bereich E-Commerce

5 10 Usability Heuristiken von Nielsen für Web Design 1. Sichtbarkeit des Systemstatus 2. Übereinstimmung zwischen System und realer Welt 3. Benutzerkontrolle und Zufriedenheit 4. Konsistenz und Standards 5. Fehlervermeidung 6. Wiedererkennen vor Erinnern 7. Flexibilität und effiziente Nutzung 8. Ästhetisches und minimalistisches Design 9. Hilf Benutzern, Fehler zu identifizieren, sie zu beurteilen und sich von ihnen zu erholen 10. Hilfe und Dokumentation

6 Usability Heuristiken für mobile Applikationen Übertragung der 10 Nielsen Heuristiken auf 11 Heuristiken für mobile Applikationen in: Inostroza, R., Rusu, C., Roncagliolo, S., Jiménez, C., & Rusu, V. (2012). Usability Heuristics for Touchscreen-based Mobile Devices. Ninth International Conference on Information Technology - New Generations (S ). IEEE Conputer Society.

7 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

8 Visibility Die Applikation soll die BenutzerInnen über alle Prozesse und Zustandsänderungen informiert halten durch die Verwendung einer bestimmten Art von Feedback in einer angemessenen Zeit

9 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

10 Match Übereinstimmung zwischen System und der realen Welt Worte, Phrasen und Konzepte sollen den BenutzerInnen vertraut sein Logische und natürliche Anordnung der Informationen

11 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

12 Control Undo & Redo Notausgänge um zu einem definierten Zustand zurückzukehren Deutliche Hervorhebung durch Taste o.ä. Keine komplizierten Dialogfolgen

13 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

14 Consistency Die Applikation soll etablierten Konventionen folgen den BenutzerInnen ermöglichen, alle Funktionen in einer standardkonformen und konsistenten Form zu finden

15 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

16 Prevention Fehlervermeidung: UI soll so gestaltet sein, dass die BenutzerInnen keine Fehler machen können Nicht verfügbare Funktionen sollen versteckt bzw. deaktiviert sein Warnmeldungen, wenn die Gefahr eines Fehlers besteht

17 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

18 Recognition Erkennen ist besser als Erinnern Objekte, Aktionen, Optionen sollen sichtbar sein BenutzerInnen sollen sich nicht von einem Dialog zum anderen alles merken müssen Hinweise für die Nutzung sollen leicht aufrufbar sein, wenn sie gebraucht werden

19 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

20 Flexibility Anpassung und Verknüpfungen Konfigurationsmöglichkeiten z.b. für Experten und normale BenutzerInnen Shortcuts zu den häufigsten Funktionen Anpassbarkeit bzw. Definierbarkeit von Shortcuts

21 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

22 Minimalism Ästhetisches und minimalistisches Design Vermeidung von irrelevanten Anzeigen Vermeidung von selten benötigten Informationen

23 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

24 Recover Fehlermeldungen Unterstützung der BenutzerInnen bei der Erkennung und Behebung von Fehlern Exakte Problembeschreibung und konstruktive Lösungsvorschläge

25 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

26 Help Hilfe und Dokumentationen Easy-to-find Passend zur aktuellen Aufgabe der Anwender Konkrete Schritte zur Durchführung der gesuchten Funktionen

27 1. Visibility 3. Control 8. Minimalism 2. Match 4. Consistency 7. Flexibility 9. Recover 10. Help 5. Prevention 6. Recognition 11. Ergonomics

28 Ergonomics Physikalische Interaktion und Ergonomie Größe, Form und UI Elemente des Gerätes sollen der natürlichen Handhaltung entsprechen Physikalische Buttons für die Hauptfunktionen in erkennbarer Position

29 Und jetzt eine kleine Übung!

30 Link zum Online Quiz