UX Design in Figma — Interactive Portfolio Prototype
ABCD- Key Concept
- Communication
- Related Concepts
- Aesthetics, Function
- Global Context
- Personal and Cultural Expression
- Statement of Inquiry
- User-centered design aligns aesthetics, function, and identity to serve a defined audience.
- Inquiry Questions
- Factual: What is UX vs UI? What is a user flow? Conceptual: How does a design reveal assumptions about its users? Debatable: Is accessible design always good design?
- Skills / Tools
- Figma (or Penpot). Components, variants, auto-layout. User flows, wireframes, mid-fi to hi-fi mockups. Interactive prototype with transitions. Heuristic evaluation of existing portfolio sites. Formal user testing with rubrics.
- AI Integration
- AI as a UX consultant. Students use DeepSeek to: (1) evaluate existing portfolio sites against Nielsen's 10 heuristics, (2) get critique on their own wireframes (paste a screenshot description or wireframe image to Doubao), (3) generate user flow variations and test-task scripts, (4) suggest accessibility improvements. Required: students do their own heuristic evaluation first, then ask AI, then compare — the assignment is noticing where they disagree. Discussion: AI can be a useful second opinion but often gives generic UX advice; pushing back and asking for specifics is a skill.
- Summative Assessment
- High-fidelity interactive portfolio prototype (10+ screens) + design folder emphasis on A (competitor analysis of 5+ real portfolios, user research with at least 3 interviews, full design brief) and B (detailed specification, 3+ ideation directions, justified chosen design with component library) + AI Use Log.
- Budget Note
- 0 RMB.