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.

March 27 Class: Typography and Color

24 Apr

Learning Objectives:

  1. Define “style tile” and “mood board” and explain the difference between the two
  2. Integrate color and typography insights into creating a style tile

Two very important concepts we talked about in the class were:

style tile ( & mood board ( Make sure that you understand the difference between these two concepts and in what situation to use which. Also, before class, you read about rules of using typefaces on Websites. Please review those readings (listed on the CN).

In the class, you did practice on creating style tile for your portfolio site.

March 25 Class: Writing for the Web

23 Apr

Learning Objectives:

  1. Apply principles for writing for the web
  2. Define excise
  3. Identify examples of excise and propose solutions for removing excise

In this class, we first discussed the concept and examples of excise:

We also read about how Web users hate and are bad at reading on the Web. Therefore, you need to remember tactics and strategies to write for Web (e.g., eliminate the needless words, and design scannable layouts). Please revisit the readings posted on the CN, and check this reading you did in the class as well:



March 13 Class: Homepage Design

23 Apr

Learning Objectives:

  1. Explain the purposes a good homepage needs to fulfill
  2. Analyze homepages and evaluate how they fulfill these purposes
  3. Process to decide homepage elements

The mini lecture used the slides below. Pay special attentions to the 3 questions a homepage should answer.

In lab exercise, you examined and criticized home pages of several websites and phone apps:
Apps: Flipboard; Dipic; Instagram