Usability
Testing methods for more userfriendly
websites on the internet
<Overskrift>
<Punkter>
<Underpunkter>
Usability
Testing methods for more userfriendly
websites on the internet
1 MIL, User Test 2
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Agenda
• User test, revision
• Gangster test, revision
• Heuristic Evaluation
• Heuristic Evaluation
• Presentation
(A: lecture)
(A: lecture)
(A: lecture)
(B: group work / guidens)
(C: lecture)
3rd lecture: Card sorting
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Gangster test
Revision
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
The Gangster test, revision
What is this?
• What is the Gangster test?
• What does the Ganster test test?
• How do we use the Gangster test?
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
The Gangster test
• A test of the navigation of the website
• Fast test / few resources
- you can test by youself or inclued a test user
• A test for excisting websites
- or use the test for design and development
• It’s like in a gangster movie...
- It’s about finding your way!
„The navigation is not a function on the website
– it is the website”
- Steve Krug
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
The Gangster test
1. The website identification: What website is this??
(Look for a logo or other signs of identification)
2. Sections: What are the major sections of this site?
(Look for the website’s sections or departments)
3. Page name: What sub-page am I on?
(Look for a title or a name)
4. Local navigation: What are my options at this level?
(Look for local menu)
5. ”You are here”-indicators:
Where am I in the scheme of things?
(Look for a breadcrumb or overview)
6. Search function: Where can I search?
(Look for a search function)
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
The Gangster test
0 points: This piece of information does not appear on this subpage
1 point: This piece of information fairly appears on this subpage / it is hard to find
2 points: This piece of information could appear more clearly on this subpage
3 points: This piece of information appears very clearly on this subpage
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
User test
Revision
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
User test, revision
What is this?
• What is a User test?
• Why do we do User test?
• How do we perform a User test?
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
User test
• A test of the user’s experience on the website
- an investigation that to show if the user understands the website
- an investigation that to show if the user can actually use the website
• From little to very resource demanding
- from fast to very demanding test
• Test on existing websites
- or test on prototypes of the website
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
User test
Preparation:
• Recrute test users
- about 5 people
- usually 20-30 % will not show
Pc
Mic
.
• Prepare a test guide
Cam
.
- make a brainstorm on subjects and tasks
- start with something easy
Test Manager
Test Participant
• Prepare the room for testing
one-way mirror
- divide the roles among you
o
Vide
Pc
• Do pilot testing
Observer
Test Participant
Note taker
Glass
Pc
Observer
Video
Pc
Other observers /
Stakeholders
Test Manager
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
User test
Execution:
• Make sure the test person feels welcome
- make sure it is quiet and peaceful in the room
- avoid stressing the test user any way you can
• Tell a little about the purpose of the test
• Start out with some easy questions
- ask about the test user’s sex, age, education, occupation
• Have the test user do small tasks on the website
• Ask follow up questions
• Ask the test person to ”think a loud”
- The test user needs to say everything that he is thinking
- it will seem unnatural to most people...
• Stress that you are testing the website
- it is not the test user who is being tested
• Make sure that you get documentation
- write notes, record on a dictaphone or a video
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Questions
?
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Heuristic Evaluation
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Heuristic evaluation
• A test of usability based on heuristics
- Rules guides or principles
• Medium resource requirements
- The test does not demand a test user
• A test for excisting websites
- or use the test for design and development
• Two kinds of experts:
- Exsperts regarding webdesign and usability
- Exsperts regarding the subject of matter
• Jakob Nielsen’s 10 heuristics:
- A statement of the usability of a systeme
- Developed by Jakob Nielsen in the 90s for software-systems
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Heuristic evaluation
Execution:
• Preparation and brief (4 experts)
• 4 experts evaluate the website alone
- for 1 hour
• The 4 experts get together to do a joint evaluation
Proportion of
Usability Problems found
Ratio of Benefits to Cost
100 %
75 %
60
50 %
40
25 %
20
Number of Experts
0%
Number of Experts
0
0
5
10
15
0
5
10
15
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Heuristic evaluation
The experts write down every problem he finds in a form and gives them 1-4 points
Problem:
Heuristic:
Where:
#8 Aesthetic and
minimalist design
websitet.dk Text is difficult
to read
Name / No.
URL
Beskrivelse
Category: Solution:
1-4 points
1
Proposal for
improvement
Larger contrast,
perhaps change text
color to black
The button's name
should be something
the user understands
#2 Match between websitet.dk Button called
system and the
something weird
real world
2
#5 Error
prevention
websitet.dk Link does not
work
3
Correct the URL in
the link
#10 Help and
documentation
websitet.dk „Page not found”
4
Functionality
directed
1
Cosmetic problem that does not prevent the website from being
used correctly, but should be corrected when possible.
2
Less serious problem which makes it difficult to understand or
implement actions on the website, and should be corrected as
soon as possible.
Serious problem which causes major problems in the use of the
website, which must be corrected as soon as possible.
3
4
Catastrophic problem which makes it impossible to carry out
actions and must be corrected immediately.
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Questions
?
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Group assignment (project 3):
• Divide into groups
- 4-5 people – see groups on Fronter
• Conduct a Heuristic Inspection for ”søren k”
- Find all potential problems on the website
- Work individually for 1 hour
- Categorise the problem using Jakob Nielsen’s 10 Heuristics
and/or Principles of Interaction Design
• Discus the potential problems
- Get together in with your group and discus the problems
• Prepare a 5 minuts presentation
- Prepare a Powerpoint presentation
- Present problems and suggestions for solutions
- Present your work sheet (at least 4 problems)
- Present screenshots (at least one before and after)
• 13.00 Presentation
Ian Wisler-Poulsen
Usability
Testing methods for more userfriendly
websites on the internet
Have a nice day!
Ian Wisler-Poulsen