Usability Barcamp Innsbruck 25.-26. April 2009Olivia 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-berechtigun

g 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

Setup Wizards

Tax Software

Bad

Software frustrates

users

Good

Email

Word

Bad

Software confuses

users

Use

r co

ntr

ol

Soft

ware

co

ntr

ol

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