don`t make me think ! a common sense approach to web usability
DESCRIPTION
Don`t make me think ! A Common Sense Approach to Web Usability. Universität zu Köln WS 12/13 User Interfaces und ihre Evaluierung 24.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?". - PowerPoint PPT PresentationTRANSCRIPT
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.…