Paar Grundlangen zu Web/Applikation Usability. Präsentation für Barcamp Innsbruck 25/26. April 2009

1. Usability
Barcamp Innsbruck 25.-26. April 2009
Olivia Haider

2. Usability?
Web - Usability?

3. How people think

4. Wahrnehmung / Gestaltpsychologie

5. Praktische Umsetzung

6. Remember things
&
doing sums!

7. Design Grundlagen

8. Drop Downs

9. Fitt‘s Law
• Closer, lager targets are easier to acquire
(click on) than smaller or more distant ones
Leichter Schwerer

10. Liste der Einträge wird zu lange?

11. Arbeiten mit Listen

12. Buttons
• Klickbar aussehen
• Up, hover, down,
inactive Stati
• Aktion beschreiben
• Design Pattern („…“
„>>“) berücksichtigen
Datum wählen…
Advanced >>

13. Radio Buttons & Checkboxen
• Checkboxen für mehrfache Auswahl!
• Einzelne Checkbox ist ok
• Radio Buttons für Auswahl EINER Option
• EIN Radio Button MUSS immer selektiert
sein!

14. Text Boxen, List Boxen

15. Tipps zu Formulare

16. Make search available whereever
it is needed

17. Design Patterns

18. Progressive Disclosure

19. Gruppieren
• Group Boxen (fieldset)
• White Space

20. Mit User kommunizieren

21. Jede Dialogbox
auf Existenz-
berechtigung
hinterfragen!

22. Notifications (Mitteilung)
• Tool Tips
• Ballons
• System Notifications

23. Forschritt kommunzieren

24. Error Messages
• 1 Button
• Problem beschreiben

25. User zentriertes Design

26. User sagen was anderes als sie tun

27. It‘s easier to add options than to
take them away!

28. Control vs. Being Led
Good
Bad
User control
Email
Software confuses
Word
users
Software control
Bad
Good
Software frustrates
Setup Wizards
users
Tax Software

29. Timings
• 0.1
•1
• 10

30. Progressive Disclosure

31. Zusammenfassung
Frag den User, aber glaub ihm nichts!
•
Beobachten, beobachten, beobachten
•
80/20 Regel
•
Es gibt keine „richtigen“ Weg!
•

32. Usability Tools

33. Fivesecondtest.com
• Test
• Backend
• Beta

36. Userfly.com

37. Test selber durchführen
5 User
•
Cardsorting
•
Begrifflichkeiten abtesten
•
Aufgaben stellen und durchführen lassen
•