Annotated Page Wireframes - Usability
Refer to Handlist of Web Design for terms and things to notice.
Sketch and annotate some more wireframes of representative pages, naming the parts as you did in the first exercise.
For this exercise, I'd like you to locate the sites yourself.
- SCSU. Look at pages along top nav bar (category). Create a wireframe of a representative page.
- Then, look at the pages under the user nav on the left. Create a wireframe of one page that varies from the others.
- MSU Mankato. Do the same as for SCSU.
Usability notes
For each site, make some additional notes on usability.
Give yourself a few tasks you might perform on each site (Find the home page for the Dept of English. Find out if they offer a Web Design course. Find out what lib ex courses they offer in visual art ... ) Make these notes on a page in your sketchbook, one page for each site.
Make notes concerning
- Findability. How did you locate the site?
- How easy was it to find information you're looking for? What made it so, or what got in the way?
- How did you know where you were on the site? How did you know what page or where you came from? How did you know where else you've been on the site?
- Did you get lost or disoriented? What did you do to get reorientated?
- How legible was the text? How readable? How easy was it to scan the text for information? What made it so, or not?
- Anything else that comes up.