Class 12 - User Experience (UX) Design

Class 12 – User Experience (UX) Design

What is UX Design?

The techniques that a designer uses to create an awesome end product. This could be a website, a mobile app, or a video game.

Formal definition: User experience is a term used to describe the overall experience and satisfaction a user has when using a product or system. It most commonly refers to a combination of software and business topics, such as selling over the web, but it applies to any result of interaction design. Wikipedia definition

Good UX Design Examples

Really bad UX examples

More indepth: Website Usability & Accessibility: Plan, Analyze, Design, Test & Fine Tune

Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken.The user should be able to intuitively perform tasks: contact you, buy a shirt, find more information, etc.

  • Ease of learning – How fast can a user who has never seen the user interface before learn it sufficiently well to accomplish basic tasks?
  • Efficiency of use – Once an experienced user has learned to use the system, how fast can he or she accomplish tasks?
  • Memorability – If a user has used the system before, can he or she remember enough to use it effectively the next time or does the user have to start over again learning everything?
  • Error frequency and severity – How often do users make errors while using the system, how serious are these errors, and how do users recover from these errors?
  • Subjective satisfaction – How much does the user like using the system?

The techniques are made up of some of the following:

Great resources:

Thorough reference:

A great reference:

Evaluating Web Sites – considerations:

First Impression – First Reaction to the home page

Home page evaluation – Does it direct and help the user navigate?

Architecture and navigation – Is the information you’re looking for easy to find?

Layout and Design/Color – Is it visually appealing? What feeling does it invoke?

Content – too much/too little?

Forms and interaction – Easy to use? Intuitive?

Graphics – Are they relevant? Do they add or subtract from the content?

Typography – Inspiring? Too big, too small? Difficult to read?

Error tolerance – Can a user easily recover from where they left off if they reach an error or do they hit the back button?

Platform and implementation – compatible across multiple browsers, devices and operating systems?

Activity 1: Pair up and evaluate the following site:

Answer the considerations above to discuss.

User-centered Design

In order for your Web site to be successful, users must visit the site to find information or accomplish tasks.

Creating a User-Centric Web site

The first step is to clearly define your organization and users’ needs, goals, and objectives. To get the project started, begin by asking yourself (and your Web development team) more detailed questions such as:

  • What are your agency’s primary business objectives and how do they relate to the Web?
  • Who are the users of your Web site and what are their tasks and goals?
  • What information and functions do your users need, and in what form do they need it?
  • How do users think your Web site should work and what are their experience levels with the Web site?
  • What hardware and software will the majority of your users use to access your site?

Other considerations:

  • Vision
  • Memory
  • Response and reaction times
  • Stimulus
  • Movement
  • Web conventions

Usability Hub

A free site/community that allows you to ask users/designers questions about your site to get their feedback and first impressions on specific tasks.

Activity 2: Watch, Learn, Do.

Take 5-10 UX tests

Other UX Tools


Part 1

Finish the index page of your Exhibit Home Page Design and run it through Usability Hub for feedback.

Do the 5 second test and make the questions comprehensive based on class notes.

Bring feedback with you to next class.

What was helpful? Not helpful? Did you disagree with any comments? Why or why not? Be prepared to present in front of class. (Don’t stress about the feedback. Don’t redo anything until next class!)

Please allow at least 48 hours to get feedback. Use whatever you have done by that point.

Part 2

Read all reference links in Class 12 Notes

Part 3

Read UX tutorials/slides:

Part 4

Apply to your exhibit site! Exhibit final home page design due 11/30.