[DE] Usability für Programmierer

2015/11 WebCon Aachen

Transcript

1. 29.10.2015 Usability für Programmierer 14.11.2015 integer_net GmbH 1
2. 29.10.2015 Fabian Schmengler integer_net GmbH 2 Dipl.-Informatiker Backend-Entwicklung eCommerce Beratung DevOps
3. 29.10.2015 UX? Brauchen wir Entwickler das? • Wie sehen eure firmeninternen Anwendungen aus? integer_net GmbH 3
4. 29.10.2015 integer_net GmbH 4
5. 29.10.2015 UNSERE VERANTWORTUNG UX ist nicht nur Optik und Frontend! integer_net GmbH 5
6. 29.10.2015 Aussagekräftige Fehlermeldungen integer_net GmbH 6
7. 29.10.2015 Reaktionszeit integer_net GmbH 7
8. 29.10.2015 Feature Creep vermeiden integer_net GmbH 8
9. 29.10.2015 Abläufe – Beispiel „Undo“ • Wie oft vermisst man diesen Button? • Menschen machen Fehler! integer_net GmbH 9
10. 29.10.2015 PRINZIPIEN INTERAKTIVEN DESIGNS Nützliches und Wissenswertes integer_net GmbH 10
11. 29.10.2015 Feedback integer_net GmbH 11 “0.1 second is about the limit for having the user feel that the system is reacting instantaneously, meaning that no special feedback is necessary except to display the result.” – Jakob Nielsen 1993, Usability Engineering
12. 29.10.2015 Feedback • Nicht vergessen: DISPLAY THE RESULT! integer_net GmbH 12
13. 29.10.2015 Affordances integer_net GmbH 13
14. 29.10.2015 Constraints • http://www.formget.co m/enable-disable- button-jquery/ integer_net GmbH 14
15. 29.10.2015 Miller‘s Magic Number integer_net GmbH 15 7 ± 2 Informationseinheiten … beträgt die Kapazität unseres Kurzzeitgedächtnis.
16. 29.10.2015 CODE USABILITY Now for something completely different…? integer_net GmbH 16
17. 29.10.2015 Neue Perspektive • Code = User Interface • Andere Programmierer = User • Du in 6 Monaten = Anderer Programmierer integer_net GmbH 17
18. 29.10.2015 OOP Constraints & Affordances • Wählt Methoden-Sichtbarkeit mit Bedacht – protected methods afford overriding – private methods constrain from overriding • Das selbe bei final für Klassen und Methoden – http://ocramius.github.io/blog/when-to-declare-classes-final/ integer_net GmbH 18
19. 29.10.2015 OOP Constraints & Affordances • Interfaces = Affordances • Typed parameters = Constraints integer_net GmbH 19
20. 29.10.2015 Affordances: Namen “There are only two hard things in Computer Science: cache invalidation and naming things.” – Phil Karlton Welche Benutzung suggerieren diese Namen? integer_net GmbH 20
21. 29.10.2015 Selbsterklärender Code 1. Niemand liest Bedienungsanleitungen 2. Gute User Interfaces sind selbsterklärend 3. Guter Code ist selbsterklärend integer_net GmbH 21
22. 29.10.2015 Apropos Kommentare • Schlecht: WAS • Gut: WARUM integer_net GmbH 22
23. 29.10.2015 Miller‘s Magic Number • Zyklomatische Komplexität • Tiefe der Vererbungshierarchie • Anzahl Parameter • Anzahl Attribute integer_net GmbH 23 5
24. 29.10.2015 Lesetipps integer_net GmbH 24
25. 29.10.2015 Resümee in 140 Zeichen • In Code und in UI: – Verhindere Fehlbedienung, – Mache vorgesehene Bedienung offensichtlich, – Vermeide Komplexität • @fschmengler #webcon2015 integer_net GmbH 25
26. 29.10.2015 integer_net GmbH Trierer Straße 791, Aachen Web: www.integer-net.de Twitter: @fschmengler Email: fs@integer-net.de Kontakt 26
27. 29.10.2015 BildQuellen 1. One click UI: http://www.usabilityinstitute.com/morsels/mor sels.htm (Original unbekannt) 2. Comic: http://www.mrlovenstein.com 3. Undo button: tech4google.blogspot.com 4. Toggle buttons: https://dribbble.com/shots/757243-Toggle- Buttons 5. Toggle buttons: https://commons.wikimedia.org/wiki/File:Scool _023.jpg integer_net GmbH 27