User Experience (UX) Design PrinciplesActivities & Teaching Strategies
Active learning works for UX design because it forces students to confront the gap between their intentions as creators and the actual experiences of users. When students test their own designs on peers, they see firsthand how design choices shape behavior, not just aesthetics.
Learning Objectives
- 1Critique three existing software interfaces based on Nielsen's 10 Usability Heuristics.
- 2Analyze how adherence to WCAG 2.1 accessibility guidelines impacts user satisfaction for individuals with disabilities.
- 3Design a low-fidelity prototype for a mobile application that prioritizes user control and freedom.
- 4Compare the effectiveness of two different error prevention strategies in a simulated user testing scenario.
- 5Explain the distinction between user interface (UI) design and user experience (UX) design in the context of a capstone project.
Want a complete lesson plan with these objectives? Generate a Mission →
Heuristic Evaluation Workshop
Pairs evaluate a provided website or app against Nielsen's 10 usability heuristics. Each pair documents three violations with severity ratings and proposes specific fixes, then shares findings with another pair to compare and reconcile conflicting evaluations.
Prepare & details
Explain fundamental principles of good User Experience (UX) design.
Facilitation Tip: In the Heuristic Evaluation Workshop, provide each group with a color-coded Nielsen’s heuristics checklist to ensure they evaluate every principle systematically.
Setup: Wall space or tables arranged around room perimeter
Materials: Large paper/poster boards, Markers, Sticky notes for feedback
Think-Aloud Usability Test
One student navigates a simple task on a classmate's prototype while speaking their thought process aloud. The designer takes notes without responding or explaining. After three minutes, pairs swap roles, then each designer lists two specific changes they will make based on what they observed.
Prepare & details
Analyze how UX design impacts user satisfaction and product adoption.
Facilitation Tip: During the Think-Aloud Usability Test, remind observers to record exact quotes from users rather than paraphrasing to capture authentic reactions.
Setup: Wall space or tables arranged around room perimeter
Materials: Large paper/poster boards, Markers, Sticky notes for feedback
Gallery Walk: Interface Critique
Post printed screenshots of five different interfaces (a government site, a consumer app, a school platform, a gaming UI, a healthcare portal). Students rotate with sticky notes, flagging one UX strength and one weakness on each. Class synthesizes patterns in what makes interfaces work or fail.
Prepare & details
Critique existing software interfaces based on UX best practices.
Facilitation Tip: For the Gallery Walk: Interface Critique, post each interface alongside a blank feedback form with guided questions to direct comments toward UX principles.
Setup: Wall space or tables arranged around room perimeter
Materials: Large paper/poster boards, Markers, Sticky notes for feedback
Empathy Mapping: Who Is My User?
Before designing anything, student groups create an empathy map for their target user, documenting what the user says, thinks, does, and feels when trying to accomplish their goal. Groups share maps and refine their feature list based on insights that emerged.
Prepare & details
Explain fundamental principles of good User Experience (UX) design.
Facilitation Tip: In Empathy Mapping, have students physically move sticky notes into categories as they discuss user needs to reinforce the activity’s hands-on structure.
Setup: Wall space or tables arranged around room perimeter
Materials: Large paper/poster boards, Markers, Sticky notes for feedback
Teaching This Topic
Teach UX design by making the abstract concrete early. Start with low-stakes activities like critiquing existing apps before students attempt their own designs. Avoid letting students skip the research phase—insist on user interviews or surveys before wireframing to prevent the 'curse of knowledge' from derailing their work. Research shows that iterative testing with real users, even small samples, yields more usable designs than solo development cycles.
What to Expect
Successful learning looks like students shifting from defending their designs to asking questions about user needs. They should use UX vocabulary to describe problems and propose solutions based on evidence from testing, not personal preference.
These activities are a starting point. A full mission is the experience.
- Complete facilitation script with teacher dialogue
- Printable student materials, ready for class
- Differentiation strategies for every learner
Watch Out for These Misconceptions
Common MisconceptionDuring Heuristic Evaluation Workshop, watch for students who focus only on visual design elements like color or font choice, and redirect them to the heuristic list to identify functional issues like consistency or error prevention.
What to Teach Instead
Guide students to examine whether their peers' wireframes include clear error messages or intuitive navigation flows, even if the interface looks simple.
Common MisconceptionDuring Think-Aloud Usability Test, watch for students who assume a user's confusion means the user is 'not tech-savvy,' and redirect them to analyze which specific design choices caused the problem.
What to Teach Instead
Have students note exactly where users hesitated or made mistakes, then ask the class to brainstorm alternative designs that address those pain points.
Common MisconceptionDuring Empathy Mapping, watch for students who create a single 'generic' user profile and assume it applies to everyone, and redirect them to consider diverse needs and contexts.
What to Teach Instead
Challenge students to find at least two distinct user personas with different abilities, goals, or environments to ensure their designs meet varied needs.
Assessment Ideas
After Heuristic Evaluation Workshop, have students pair up and conduct a heuristic evaluation of each other's project wireframes. Each student provides written feedback on at least three Nielsen's heuristics, identifying specific UI elements that violate the principle and suggesting an improvement.
During Gallery Walk: Interface Critique, facilitate a class discussion using the prompt: 'Imagine you are designing a new feature for a popular social media app. Which two usability heuristics would you prioritize and why? How would you test your design to ensure it meets these heuristics?'
Present students with a screenshot of a common application interface (e.g., a banking app login screen) during Empathy Mapping. Ask them to identify one element that demonstrates good 'visibility of system status' and one element that could be improved for 'user control and freedom'.
Extensions & Scaffolding
- Challenge: Ask students to redesign a popular app’s least usable feature and present their solution alongside a side-by-side comparison of the original and new designs.
- Scaffolding: Provide a partially completed empathy map with sample user quotes to help students who struggle with identifying diverse perspectives.
- Deeper exploration: Have students compare WCAG 2.1 guidelines to a real website, documenting compliance and suggesting one improvement for each violation they find.
Key Vocabulary
| Usability Heuristics | A set of 10 general principles for user interface design, established by Jakob Nielsen, that are used to evaluate the usability of a system. |
| WCAG (Web Content Accessibility Guidelines) | Standards for making web content more accessible to people with disabilities, focusing on perceivability, operability, understandability, and robustness. |
| User Flow | The path a user takes through a website or application to complete a task, illustrating the sequence of screens and actions. |
| Affordance | A property of an object that suggests how it can be used, such as a button that looks clickable or a handle that looks graspable. |
| Information Architecture | The practice of organizing, structuring, and labeling content in an effective and sustainable way to help users find information and complete tasks. |
Suggested Methodologies
More in Capstone Software Development
Introduction to Software Development Lifecycle (SDLC)
Students will learn about the phases of software development from conception to deployment.
2 methodologies
Agile Methodologies and Scrum
Managing a project using iterative cycles and constant feedback loops.
2 methodologies
Requirements Gathering and Analysis
Defining what the software needs to do by understanding user needs and project goals.
2 methodologies
User Interface (UI) Prototyping
Creating wireframes and mockups to visualize the software's interface.
2 methodologies
Software Testing and Quality Assurance
Implementing various testing strategies to ensure software reliability and functionality.
2 methodologies
Ready to teach User Experience (UX) Design Principles?
Generate a full mission with everything you need
Generate a Mission