Task Progress
Select ONE of the bad UX examples below. Click on it to analyze!
!!!URGENT!!!
Enter your email to continue:
No thanks, I don't want amazing deals
Login Form
Complete Your Profile
* All fields required
๐ค Key Question:
"Does this feel human-centred? Why or why not?"
Discuss with your group what makes this interface problematic.
Analyze your chosen example and identify issues based on the principles below:
๐ Analysis Worksheet
๐ง Check for Cognitive Psychology Issues:
๐จ Check for Colour & Emotion Issues:
โ๏ธ Check for Ethical Issues:
Sketch a quick low-fidelity redesign that fixes the issues you identified!
๐จ Your Redesign
๐ก Redesign Checklist:
- Fix cognitive overload (chunk information, clarify CTAs)
- Improve colour use (trust colors for CTAs, avoid poor contrast)
- Remove unethical patterns and add transparency
- Make affordances clear (show what's clickable)
Prepare to present your redesign to the class!
๐ค Presentation Guide (1 minute)
๐ญ Class Discussion Questions:
- Which cognitive psychology principles did you use and why?
- How did colour choices impact the emotional response?
- What ethical considerations did you prioritize?
- How did you make the interface more "human-centred"?
๐ก Optional Homework Extension
Find a real-world example of a dark pattern or bad colour usage in an app or website you use.
- Take a screenshot
- Write 3-4 sentences explaining why it fails from a cognitive and ethical perspective
- Suggest one improvement
Submission: Upload to Blackboard as formative work