|
|
This is a quick usabilty review of the website for the
county of James City, Virginia. The site has a lot of info
and rich navigation. Overall I found that it is an excellent
site, needing only some of the easier and more objective
fixes well known to usability practitioners. Here's
a screen capture of the site as we reviewed it. |
|
Congratulations! This is a free usability
review from UsabilityInstitute.com. "Usability" refers
to how easy and effective it is to use a Web site. Although
it involves how a site looks (graphic artwork), it is primarily
concerned with how a site works, what you click on, what happens,
and whether the site does its job. Perhaps
this review is all you need to improve your site. If that's
the case, great. Please mention UsabilityInstitute.com if
you talk with others who need help with their site.
The following three sections provide a general
analysis of your website from a relatively quick review. Although
Web design is still perceived as a highly creative endeavor,
there are many aspects of it that call for standardization
and compliance with widely established conventions. Implementing
even a few of the ideas below can really improve a site.
|
|
|
This
first section is intended for typical public web sites
(for products and corporate information), but also applies
for the most part to intranets and software applications
that run in a browser. We've been advocating many of
these ideas—in the context of general software—since
our 1997 book,
Computers Stink, but they've been beautifully
enumerated for WWW purposes in Steve Krug's book, "Don't
Make Me Think." |
|
|
|
Click
for explanation |
|
Hover
for explanation
|
Comments |
|
|
1. |
Logo
in top left, linked to home |
|
As I find on many
sites, it's on all pages but not linked back to the home
page. |
|
|
2. |
Tagline |
|
Yes, "Working in
Partnership..." |
|
|
3. |
Welcome
blurb |
|
Not
applicable. Everyone who finds the site intentionally knows
it's a local government site. |
|
|
4. |
Plain
wording |
|
|
|
|
5. |
No
'happy talk' |
|
|
|
|
6. |
Concise
wording |
|
|
|
|
7. |
Visited
pages are distinguished by link color-coding |
|
Standard
purple |
|
|
8. |
"Utilities" are
easy to find |
|
Top
right and bottom of every page |
|
|
9. |
Search
on all pages, with box and button |
|
Consider adding
some javascript to make the word "Search" disappear when
the visitor clicks in it. |
|
|
10. |
"You
Are Here" indicator |
|
This is the starting
point for what turns out to be the only real clear-cut
weakness of the site. After you click Residents, the word
Residents should be differentiated or perhaps have an arrow
or dot next to it. Same for the second row of items, such
as Water/Sewer. See http://www.tredyffrin.org/boards/.
They use white backgrounds.
This is compounded by an item
that I don't even have as a checklist item: page titles.
When you click Residents>Water/Sewer, the page title
is "James City Service Authority Water and Wastewater
Treatment
for the County." It wasn't until using the site for quite
a while that we (my daughter was the tester) realized that
the page titles were above (!) the navigation, in the banner
area. They were unnoticable because 1) they included additional,
constant text, and 2) they were above, not below the item
clicked. One expects changes to be below where you take
action. Only a few pages have page titles in the body of
the pages and it's not consistent to the item clicked.
Employment leads to "Employment Opportunities." (I'm not
usually a purist, insisting that the words match exactly.
But here, page titles aren't even routinely displayed.) |
|
|
11. |
Breadcrumbs'
as links |
|
For
instance, breadcrumb links would say Home>Residents>Water/Sewer.
Again see http://www.tredyffrin.org/boards/ for
an example. |
|
|
|
|
Do your hands ache after a day at the keyboard??? This review
sponsored by RSIRescue.com ...
Want to save the environment for your kids? Check out our
sister site, WorkAtHomeWednesday.com
Summation & Next Steps
Overall Rating: Strives
/ Survives
/ Thrives
Recommendations:
- When the user clicks
on the top navigation items, don't change the top navigation
labels. For instance, when they click Employment the labels
change as if the whole site is different.
- Add "you are here" indication to the top navigation,
arrows or color change.
- Put
page titles on every page right below the navigation.
- If possible, add breadcrumbs, but the this is just another
form of "you are here" info with a slight categorical form
of navigation added. Not urgent.
- Add an exhaustive site map, indented to match the hierarchy.
Add it to the top right links.
- Have a graphic artist simplify
the palette a little.
- Try to clean up text layout when the user enlarges text.
- Note:
when trying to select text, such as the title of the Water/Sewer
page,
it
selected
everything
but
what
I dragged
over. See if you can support routine text selection.
Hope this helps and let
me know what you think,
Jack Bellis, UsabilityInstitute.com
|