Archive | Author: Emma RSS feed for this section

April 22 Class – Report Usability Testing Findings

1 May

Learning objectives:

  1. Write the various sections of a usability report
  2. Create appropriate graphs and charts for representing usability reports

In this class, we discussed how to present usability testing findings in an easy-to-read yet comprehensive manner. The following slides tell you how to report measured metrics in usability reports (e.g., participant demographics, task completion, time on task, & usability issues):

When deliver your usability reports, make sure to incorporate your understanding of user-centered design to make it easy to digest and easy to follow.

April 17 Class – Usability Testing

1 May

Learning objectives:

  1. Define objectives for usability evaluation
  2. Plan a usability evaluation session (steps, procedures, measures to take)

This class, we moved on to discuss usability testing (as opposed to usability inspection we talked about in the previous class).

To plan and conduct usability testing, there are 3 important things to figure out upfront:

  1. Why – what are the goals of your testing?
  2. Who – who should you recruit to participate in the testing?
  3. What – what should you measure in order to fulfill the goals you set in the first step?
  4. How – the procedure of conducting the testing.

Please review the follow slides to reflect on the measures and procedures:

During the lab session, you wrote up usability testing plans to test your prototype.

April 15 Class – Intro to Evaluation

1 May

Learning objectives:

  1. List various methods for evaluating UX solutions
  2. Explain the difference between review/inspection methods and testing methods
  3. Define cognitive walkthrough and explain how it is conducted
  4. Explain the difference between cognitive walkthrough and heuristic evaluation
  5. Conduct cognitive walkthrough

Starting from this class, we entered the stage of evaluation. In the required readings (on theCN), we learned different methods for UX evaluation. Please take time to review and reflect upon the following 2 important points:

1. Difference between expert inspection methods and testing methods: Which one requires participation of end users? Which one is cheaper and less time-consuming? When to use which?

2. Difference between cognitive walkthrough and heuristic evaluation.

In the class, you conducted cognitive walkthrough on Balsamiq wireframes.


April 10 Class: Cross channel UX

1 May

Learning objectives:

  1. Define cross channel UX and distinguish it from multi-channel UX
  2. Define pervasive information architecture
  3. Explain principles (heuristics) for pervasive information architecture
  4. Apply the principles of pervasive information architecture to outline a cross channel user experience

Nowadays, user experience is not limited to users’ experience with a website, but with all other channels of a business (app, physical stores, promotion emails, etc.). Designing cross channel UX is vital to establish an ecosystem of good user experience. We discussed key concepts of cross channel UX in the slides below:

It is a pervasive information architecture that can unite and connect all channels in the ecosystem. There are 5 important heuristics about cross channel UX that you should understand: place-making, consistency, resilience, reduction, & correlation.
In class, we also practiced designing a cross channel UX for our class.

April 8 Class: Social UX

1 May

Learning Objective:

Go through the UCD process in order to plan social UX.


In class, we had discussions on planning and designing social UX, based on the slides below:

When designing for social UX, think about your users – who they are, what kind of relationships exist among them, what type of communications can facilitate their usage of the Website, and what social groups they can form. Be able to define profile, object, and interactions.

April 3 Class: Mobile UX

24 Apr

Learning Objectives:

  1. Connect already learned material to Mobile UX
  2. Define important concepts related to Mobile UX, such as: Fitts’ Law, Chrome, Nav and Status bar
  3. Summarize Mobile UX guidelines
  4. Apply Mobile UX guidelines

For mobile UX design, there are general guidelines as discussed in the book chapter you read (please refer to before-class reading on theCN for April 3), and specific guidelines for different platforms (iOS, Android, and Windows). In the class, you did an exercise on the topic of mobile UX: Please review what you wrote and make sure you understand those key concepts (Fitts’ Law, Chrome, Navigation bar, Tab bar, and Interaction cost).

April 1 Class: Responsive Web Design and Accessibility

24 Apr

Learning Objectives:

  1. Explain the basics of what CSS is and what can be done with CSS.
  2. Define responsive design
  3. Explain the main things to take into consideration when designing responsive UX: layout (number of columns) content hierarchy, navigation; mobile first
  4. Sketch solutions for responsive design of a site

In this class, we covered the idea of RWD and techniques to do it. You can review the mini lecture below:

Besides the techniques (fluid grid, flexible images, and media queries), you also need to consider other important aspects in terms of UX (e.g., mobile-first strategy, and content strategy).
For lab exercises, you sketched mobile and desktop design for your portfolio site.