WEB_1 & _2: Usability Test

Usability Test

*Make sure you do the usability readings before completing this assignment.

Part I:

  1. Working in groups of 3–4 (face to face classes) or as an individual (online classes) select a popular website to test.
  2. Create a list of five (5) realistic tasks for a representative user to complete using the website. For example, ask them to find information or perform a function. [10 min]
  3. One person from each group will switch with one person from another group (face to face classes). If you are working as an individual (online classes) then have a roommate or friend be your user.
  4. Give the user the five tasks, one at a time, monitoring their responses. [10 min]
  5. Take note of the following:
  • You are testing the website, not the user. It is ok if they make mistakes.
  • Observe and make notes but do not interfere.
  • Ask them to “think aloud” so you understand why they are making specific choices.
  • Watch their eye and mouse activity (e.g. eye-tracking )
  • Record the following and report your results to the class
    • Time: How long does it take to complete each task?
    • Accuracy: How many mistakes did they make and how fast did they recover?
    • Recall: How much do they remember on multiple uses?
    • Emotional response: How did they person feel about the website?

Part II:

Working as a group or individual, create an HTML page in jsfiddle (link to it from this post) with the following information:

  • Your name(s)
  • Link to website and (small) screenshot of website chosen for analysis
  • List the 5 tasks you gave the user
  • Include a brief discussion of the result of each
  • Was the user successful in completing the task?
  • Why or why not?
  • Include a screenshot for each question, whether positive or negative, focussing on the element(s) of the website that led to the success or failure of the task.
  • What recommendations could you make to the website owner?
Advertisements

Bret Victor – Inventing on Principle

Bio: Bret Victor invents tools that enable people to understand and create. He has designed experimental UI concepts at Apple, interactive data graphics for Al Gore, and musical instruments at Alesis.

For more Bret, see worrydream.com

Polishing User Interface Design: An evening with Andrew Maier

The mind behind UXBooth.com uses Photoshop to deconstruct some of the most common UI effects from scratch to add greater depth and realism to your work.

Tuesday, March 30th
7:00 – 8:30 PM
Room 249, FSU Fine Arts Building: 530 E. Call Street St.,Tallahassee, FL

This lecture is free and open to the public.

Andrew’s Bio:

Hailing from the great city of Atlanta, GA, Andrew Maier designs interactions and user experiences for a variety of clients at Hashrocket, a world-class web application consultancy. He writes, speaks, and teaches about design and its intersection with the internet. In addition he serves as the editor–in–chief of the user experience blog, UX Booth. When he’s not crazy busy, Andrew likes singing, practicing yoga and drinking coffee, like a good little hippie should.

About Refresh Tallahassee:

With an emphasis on design and code, placed within the context of business, Refresh Tallahassee is a community of professionals seeking to enrich the web development culture in our area.
http://www.refreshtallahassee.org/

This lecture is sponsored by the Florida State University School of Art & Design. For more information visit: http://www.fsu.edu/~art/

Creately: Collaborative diagramming

Check out creately.com, its an online collaborative diagramming/design application built with Flash. Looks great for building sitemaps, flowcharts, wireframes, or any other diagram.