UID 07 - Course Map
This note connects the first three lessons of the User Interface Design course.
Parent: Home
Lesson Order
- UID 07 - Introduzione al corso
- UID 07 - Intro alla user interface con Mirko Santangelo
- UID 07 - Case studies and best practices con Elisabetta Balconi
Big Picture
The three lessons build one learning path:
flowchart TD A["Course foundation"] --> B["Designer role today"] B --> C["Professional UI workflow"] B --> E["Tools, AI, systems"] C --> F["Style tiles, design principles, prototypes"]
What Each Lesson Gives Me
| Lesson | Main role | What I should remember |
|---|---|---|
| UID 07 - Introduzione al corso | foundation | UI translates UX, business, technology, and visual language into usable interfaces |
| UID 07 - Intro alla user interface con Mirko Santangelo | mindset and tools | the designer today needs taste, AI/tool fluency, systems thinking, and process |
| UID 07 - Case studies and best practices con Elisabetta Balconi | professional method | UI is not painted UX; use learning, style tiles, design principles, exploration, prototyping, and documentation |
Core Concepts
- User Interface Design
- User Experience Design
- UX-driven UI
- Design System
- Figma
- AI for Design
- Style Tile
- Design Principles
- Prototype
- Stakeholder Presentation
Main Framework
For this course, UI design can be understood as a sequence:
- Understand the brief.
- Understand users and business goals.
- Translate UX structure into interface needs.
- Define direction through references, moodboards, and style tiles.
- Create design principles.
- Explore visual and interaction possibilities.
- Prototype important behaviors.
- Build high-fidelity screens and flows.
- Extract components and rules.
- Document and present the reasoning.
Personal Study Questions
- What is the difference between UX output and UI decision?
- Which screens need the clearest hierarchy in a UI project?
- What references should I collect before starting a visual direction?
- Which design principles should guide a UI project?
- What should be prototyped instead of shown as a static screen?
- How can I explain each design choice to a stakeholder?