Why this lesson matters
Design for real people by considering their intent, expectations, attention, emotions, and prior experience instead of choosing visuals only because they look attractive.
The goal is not to memorize vocabulary. By the end of the lesson, you should be able to use the ideas in a realistic situation, explain the reason for your choices, and check whether the result actually works for the intended person or task.
Learning objectives
- Explain Mental model in your own words.
- Apply User intent to a realistic classroom or community example.
- Connect Mental model with Visual hierarchy when making a decision.
- Complete the practice task and reflect on one improvement.
Core ideas
1. Mental model
A user’s expectation of how something should work, built from earlier experiences with similar tools and patterns.
In practice: Look for this idea while you complete the lesson task. Pause before each major step and explain how Mental model changes what you choose, create, or check.
2. User intent
The real goal a person wants to accomplish when they open a page, application, or service.
In practice: Look for this idea while you complete the lesson task. Pause before each major step and explain how User intent changes what you choose, create, or check.
3. Visual hierarchy
The deliberate use of size, contrast, spacing, and placement to guide attention from the most important content to supporting details.
In practice: Look for this idea while you complete the lesson task. Pause before each major step and explain how Visual hierarchy changes what you choose, create, or check.
How the ideas connect
Start with Mental model to understand the foundation of the lesson. Use User intent to turn that understanding into an action. Then apply Visual hierarchy to check the quality, safety, or usefulness of the result. The three ideas are strongest when you can explain their relationship rather than treating them as separate definitions.
Guided walkthrough
- Name the goal. In one sentence, write what you are trying to understand, create, or improve.
- Make a prediction. Before touching a device, use Mental model and User intent to predict what a strong result should look like.
- Complete the task. Observe two versions of the same screen for ten seconds. Record what you noticed first, what action seemed possible, and which design better supported the user’s goal.
- Check the outcome. Use Visual hierarchy to inspect the result. Ask what worked, what did not, and what evidence supports your judgment.
- Explain and revise. Tell a partner what you changed and why. Make one small improvement, then compare the new result with the first one.
Worked classroom scenario
Imagine two learners sharing one device. The first learner is the driver and performs the steps; the second is the navigator and reads the goal, predicts the next step, and checks the result. Halfway through the task, switch roles. Both learners should be able to explain how Mental model, User intent, and Visual hierarchy appeared in the work.
If no device is available, complete the same reasoning on paper: sketch the screen or result, label each decision, and describe what you would test when a device becomes available.
Common mistakes and fixes
- Rushing into the tool: Write the goal and prediction first so every click or step has a reason.
- Copying without understanding: After each major step, explain it in your own words to a partner.
- Accepting the first result: Compare the outcome with the goal and make at least one deliberate improvement.
- Letting one person control a shared device: Rotate driver and navigator roles so both learners think and practice.
Independent practice
Observe two versions of the same screen for ten seconds. Record what you noticed first, what action seemed possible, and which design better supported the user’s goal.
For an extra challenge, adapt the task for a different audience or community need. Write two sentences explaining what changed and which lesson idea guided your decision.
Check your understanding
- How would you explain Mental model to someone new to the topic?
- What is one realistic example of User intent outside this classroom?
- When might Visual hierarchy prevent a weak, unsafe, or confusing result?
- How are Mental model and User intent connected?
- What evidence would convince you that your practice result works?
- If you repeated the activity tomorrow, what would you improve first and why?
Key takeaway
Design for real people by considering their intent, expectations, attention, emotions, and prior experience instead of choosing visuals only because they look attractive.
You are ready to move on when you can explain the three core ideas, complete the practice without copying, and describe one improvement using evidence from your result.