Homework 1: UI Hall of Fame and Shame

Due: 11:59pm on 3/15 (Wed)
3% of your total grade

What do I do?

In this assignment, you will find two user interface examples around you, one that you think has good usability and one that you think has bad usability. Examples don't have to be graphical user interfaces: they can be smartphone apps, websites, bathroom signs, cafe menus, car dashboards, etc. Make sure to avoid analyzing the entire service or app, but focus on particular parts of the interface that you think have noteworthy usability issues. Also, most interfaces will have good and bad aspects at the same time, so feel free to cover both sides in your analysis. But for each example, make your final decision about whether it's a good (hall of fame) or bad (hall of shame) example overall.

Why do I do this?

We designed this assignment to give you an opportunity to (1) make observations on various user interfaces around you, and (2) apply the usability dimensions covered in class to real-world examples. You'll practice analyzing interfaces with a usability perspective. We'll feature some of the best examples from this assignment in class, and give you credit!

Your report

For each example, please report the following:
  • Hall of fame or shame?
  • One-line description of what it is
  • Where can it be found? (e.g., physical location, URL, name of the app)
  • How did you find it? You shouldn't Google "UI hall of fame or shame" and copy examples from these databases. Please find your own examples.
  • Analyze its usability using the dimensions covered in class: learnability, efficiency, and safety. Please feel free to discuss additional dimensions that you think are important for your example.
  • Screenshots and photos to effectively support your analysis
For each example, you have a hard limit of maximum 250 words. But you may use as many screenshots and photos as you want. One-sentence captions are allowed for each visual material, and they are not counted toward the word limit.

Grading

  • Completeness (20%): Cover all major usability dimensions, and include all the required components listed above in your report.
  • Depth (20%): Include thoughtful analysis of usability, beyond surface level observations.
  • Clarity (20%): The reader who sees the example for the first time should not struggle to understand your points.
  • Visual Communication (20%): Use visual materials effectively to communicate your idea. Add annotations and labels to refer to specific elements in an image. Include zoom-in images if needed. Make sure your text and accompanying visuals complement each other.
  • Conciseness (20%): Adhere to the word limit, and avoid being verbose in the description.
Please make sure to read the academic integrity and collaboration policy of this course carefully.

How do I submit?

(1) Make a single PDF file of your report.
(2) Name it your KAIST ID (e.g., "20160001.pdf").
(3) Submit it by visiting this link.
You can submit multiple times until the deadline, and we'll use the most recent version for grading. Late days are automatically applied based on your submission time. Please ask questions about the assignment on Slack.

Homework 2: Figma Prototyping

Homework 3: Connecting Figma to Web Prototyping