UI Design and Advanced UX Project

Unit 1. Core Design Theory & Principles

Design Theory

1.1 - Why is UI just as important as UX?

1.2 - Introduction to Common UI Elements

1.3 - Colour Theory

1.4 - Introduction to Interaction Design

1.5 - Typography

1.6 - Iconography

1.7 - Design Composition

1.8 - Responsive vs Adaptive Design

Unit 2. UI Design Process

Workspace setup

2.1.1 - The Designer Toolkit - Tools, Extensions, and Plugins

2.1.2 - Figma Tour: Get to Know Your Tool

Building UI on Figma - UI Design Practice (Workshops)

2.2.1 - Grid Systems and Layouts

2.2.2 - Constraints

2.2.3 - Breakpoints

2.2.4 - Autolayout

2.2.5 - Components and Their Properties

2.2.6 - Atomic Design

2.2.7 - Design Systems and Design Styles in Figma

Prototyping in Figma

2.3.1 Prototyping in Figma

Unit 3. Usability Testing

Usability Testing Preparation

3.1.1 - What is Usability Testing?

3.1.2 - Planning Usability Tests

3.1.3 - Usability Testing Script & Metrics

Dev Collaboration

3.2.1 - Project handoff preparation

3.2.2 - Project handoff documentation

3.2.3 - Communicating with developers

Unit 4. Innovation in the Design Process

Strategic Design

4.1.1 - Strategic Design vs Design Thinking

4.1.2 - Contextual Design

4.1.3 - Strategic Design Frameworks

4.1.4 - Applications for Strategic Design

Service Design

4.2.1 - Service, product, experience - What's the Difference?

4.2.2 - Service Design Principles

4.2.3 - Service Design Process

4.2.4 - Service Blueprint

Unit 5. UX Design Project

Project Kick-off!

5.1.1 - Understanding the Design Brief

5.1.2 - Project Plan

5.1.3 - Research Wall

5.1.4 - Prototyping and testing

5.1.5 - Project report and presentation

Career success

5.2.1 - LinkedIn Profile

5.2.2 - Master Resume