Applying Usability Principles

This assignment is about getting some practice with applying some usability principles. Review the principles in 10 Usability Heuristics for User Interface Design (Links to an external site.). Then choose an example interactive system for which you can illustrate and explain how 5 of the 10 principles apply. An example “interactive system” may be a Web application, a mobile phone app, a game, or even a physical device that has an interactive menu or requires buttons pushed to accomplish a goal (e.g., a DVD, radio, microwave, etc.). You have a lot of flexibility, but choose an example that you can provide screen captures or photos or some real illustration of and for which you can write 5-10 sentences about how each of the 5 principles you choose apply. Please make your submission single spaced. We expect your submission to be between 3 and 7 pages, and no longer. Please see an example of an assignment here

Grading rubric:

A good evaluation will: describe how the principle was applied and what it reveals about the design (can be positive or negative), and be accompanied by images or illustrations of the system for clarity

A note about format: this should not be a simple list, but instead written as an essay or report about the system. Good submissions will provide an introduction with a brief description of the system and summary of the goals of the assignment, followed by a separate section with appropriate headings for each of the 5 principles.

A note about using illustrations: do not expect a screenshot or photo to speak for itself. A phrase like, “as can be seen in the screenshot…” is meaningless if there isn’t more detail provided. There are several ways to use illustrations well.

• Use your words. For example, I might provide a screenshot of a Canvas page and then say, “As can be seen in the blue-background area on the left side of the page, several icons are provided (e.g. Dashboard, Courses, Calendar, etc.) which provide links to different Canvas features.”
• Use annotations. Circles, arrows, highlights, and text can all be added to an image to increase its usefulness. This can be done in many programs, but I find PowerPoint to be simple and easy to use. Import the screenshot as an image on the slide, and then use the drawing tools to annotate the image. This can then be exported as an image for use in your document.
• Create a drawing that abstracts away the unimportant features and highlights the feature you are interested in. For example, a “wireframe” sketch is a way to show the content areas of a webpage without filling in all the content (here are some examples (Links to an external site.)). These can be hand-drawn or done on a computer.