-
8/18/2019 Us Ability Test 1
1/14
Usability Testing and Web Design
Dr. Will Kurlinkus
-
8/18/2019 Us Ability Test 1
2/14
Question
1. Find an example of a bad website that you!e had to
use in the past year to a""omplish something. This"ould be a
"ollege website #ad!ising$ for instan"e%$ arestaurant website$
et".
&. Write a few words in a blog post on why this websiteis so
bad.
-
8/18/2019 Us Ability Test 1
3/14
What is a Usability Test'
(n this assignment you will )nd apoorly designed website*
you will"reate a usability test to get
feedba"k on how su""essfully orpoorly that site is designed for
itsintended users and purposes* youwill run a usability test with
&users* and you will "reate a labreport proposing suggestions
forimpro!ement.
1. Website +edesign
,!aluation
&. Usability -roto"ol emo
/. Final 0ab +eport
. 2roup -resentation on 3ourFindings
4Wat"hing people try touse what youre
"reating5designing5building #or something
you!ealready"reated5designed5built%with the intention of #a%making
it easier for
people to use or #b%pro!ing that it is easy touse.6
78te!e Krug$ RocketSurgery Made Easy
-
8/18/2019 Us Ability Test 1
4/14
-
8/18/2019 Us Ability Test 1
5/14
-
8/18/2019 Us Ability Test 1
6/14
Web Design> Don’t Make Me Think
Dont ake e Think> Web design should be ob!ious and
self:explanatory. Dont "reate frustration and "onfusion. 0et a
usera""omplish tasks as easily as possible.
;pen up the piAAa shuttle$
-
8/18/2019 Us Ability Test 1
7/14
Web Design> Bome -age
2oals> What is this website' Whats the "ompany'
Bow
"an ( get from here to the pla"e ( need to be' 8houldspell out
the big pi"ture of the site.
Clear na!igation
Clear imagery and logo
8ear"h bar
!oids needless words +esonates with target
audien"e
0ets e!aluate one of your examples.
-
8/18/2019 Us Ability Test 1
8/14
Web Design> 8ite 8tru"ture
There generally should only ha!e to be three le!els
of asite stru"ture> BomepageE0e!el 1E0e!el &E0e!el /
2etting to these lower:le!el pages should be easy
andob!ious
Understanding what "ontent belongs in what se"tion andhow
to get a user to that "ontent is the most di"ult partsof web
design
Usability> Card sorting for webdesign and writing
Find the 2raduation
Che"klist> http>55www.ou.edu5"oe.html
-
8/18/2019 Us Ability Test 1
9/14
Web Design> -age 8tru"ture
Clear !isual hierar"hy
8iAe$ spa"ing$ font
-
8/18/2019 Us Ability Test 1
10/14
Web Design> -age 8tru"ture
-
8/18/2019 Us Ability Test 1
11/14
Web Design> 55som.ou.edu5index.php
-
8/18/2019 Us Ability Test 1
12/14
Web Design> ;n"e (m on a page ( should be able to see the
titleof the spe"i)" page$ ha!e a !isual marker of the page (m on
#abutton is lit up%$ and know the path ( took to get to that
page#bread"rumb trail%.
Uniformity> When ( "li"k something$ the title of the
button shouldmat"h the title of the page (m sent to.
-
8/18/2019 Us Ability Test 1
13/14
-
8/18/2019 Us Ability Test 1
14/14
Web Design> Geauti)"ation
Uniformity> Using the same na!igation$hierar"hy
s"heme$ titles$ et".$ a"ross theentire site.
White 8pa"e> 2i!e your information andimages breathing
room. Clutter is theopposite of white spa"e. The more whitespa"e on
a site$ generally$ the moreethos the site has. White spa"e
doesntha!e to be white.
Color 8"heme> +epeated$ meaningful$"olors. 2oal is the
/ "olor IJ:/J:1J rule.
isual Bierar"hy> (s "onsistent
(mage Dri!en
8"annability> Uses headings$ small
paragraphs$ pull 9uotes$ bullets$ et".
