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

Usability?
Web - Usability?

How people think

Wahrnehmung / Gestaltpsychologie

Praktische Umsetzung

Remember things
&
doing sums!

Design Grundlagen

Drop Downs

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

Liste der Einträge wird zu lange?

Arbeiten mit Listen

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

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!

Text Boxen, List Boxen

Tipps zu Formulare

Make search available whereever
it is needed

Design Patterns

Progressive Disclosure

Gruppieren
• Group Boxen (fieldset)
• White Space

Mit User kommunizieren

Jede Dialogbox
auf Existenz-
berechtigung
hinterfragen!

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

Forschritt kommunzieren

Error Messages
• 1 Button
• Problem beschreiben

User zentriertes Design

User sagen was anderes als sie tun

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

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

Timings
• 0.1
•1
• 10

Progressive Disclosure

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

Usability Tools

Fivesecondtest.com
• Test
• Backend
• Beta

Userfly.com

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