don`t make me think! a common sense approach to web usability universität zu köln ws 12/13 user...

Don`t make me think!A Common Sense Approach

to Web Usability

Universität zu KölnWS 12/13

User Interfaces und ihre Evaluierung24.01.2013

Qi Li

Die Kernaussage des Buchs

Frage:

"What's the most important thing I should do if I want to make sure my Web site is easy to use?"

Antwort:

It is not "Nothing important should ever be more than two clicks away," or "Speak the user's language," or even "Be consistent." It's...

"Don't make me think!"

Was sind die häufigen Fragen, wenn User eine Webseite besucht.

• Where am I?• Where should I begin?• Where did they put____?• What are the most important things on this

page?• Why did they call it that?

Beispiel 1: Computer Online shop

Beispiel 2: Computer Online shop

Wie wir das Web wirklich nutzen

Drei Fakten von Webseite design

1. We don’t read pages. We scan them.2. We don’t make optimal choices. We satisfice.3. We don’t figure out how things work. We

muddle through.

Designing Pages for scanning, not reading

• Eine klare visuelle Hierarchie herstellen• Die Seite in klaren und definierten Bereich

unterteilen• Die Linken offensichtlich klickbar machen• Die Störung und Noise von Seite reduzieren

Lassen Sie nutzlose Wörter weg

Happy Talk must die!!! Instructions must die!!!

Navigation designen

Prozess von User in Webseite

1. Etwas finden2. Suchen oder Browsen.3. Wenn browsen4. Wenn nicht gefunden, weggehen.

Warum ist Navigation wichtig?

• Durch die Navigation haben wir etwas auf der Seite zu halten.

• Und wir wissen wo wir sind.• Die ist der Führer für uns.

Was ist für eine gute Navigation benötig?

• Logo• Sections• Utilities• Local navigation• Search• Back to Homepage• Usw…

Beispiel 1: Amazon.com

Wie kann man eine gute Navigation testen?

• Welche Webseite ist es? (Site ID oder Logo)• Auf welcher Seite bin ich? (Name der Seite)• Was sind die haupt Section von dieser Seite?

(Section)• Was sind meine Optionen auf diesem Level?

(Local Navigation)• Wie kann ich „suchen“?

Beispiel 2: Amazon.com

Usability-Tests

Several True things about testing

• Wenn Sie eine wunderbare Webseite machen möchte, müssen Sie Usability testen.

• Ein User zu testen ist 100% besser als niemand zu testen.• Früh ein User die Projekte zu testen ist besser als am

Ende 50 Personen zu testen.• Die Wichtigkeit der Rekrutierung von repräsentativen

Nutzern wird überschätzt.• Der Punkt des Testens ist nicht um etwas zu beweisen

oder zu widerlegen.• Testen ist ein iterativer Prozess.

Wie viel User sollten Sie testen?

Gruppe 1 • User: 8 Personen• Testen: 1 Mal• Insgesamt Probleme: 5

Gruppe 2• User: 3 Personen• Testen: 2 Mal• Insgesamt Probleme: 9

Wo kann ich testen? Was braucht man für ein Testen?

• Ein Zimmer• Ein Schreibtisch• Zwei Stuhl• Ein PC oder Mac• Ein Videokamera

Testen und Beachten

Testbegleiter• Ruhig• Geduldig

Begleitete Testperson• Every One

Vorteil von Krugs Prinzipien

• Wenige Zeit• Wenig Aufwand• Einfach zu testen• Usw.…