Fundamentals of UX Design

• Tools of empathy: journey map, empathy map & persona

• Introduction to usability heuristics

• Task flows & sitemap

• Content in UX: Introduction to components & page types

• Navigation

• Project 3: E-commerce or booking platform

Fundamentals of UI Design

• Grid systems - fundamentals

• Principles of typesetting

• Composing type & image

• Information hierarchy & grouping

• Usability for web (screen & component dimensions)

• Introduction to UI patterns

• Using Artificial Intelligence (AI) for content

• Presenting design process & outcome

• Assignment: GIF with type & image

• Project 2: Microsite / emailer to inform or persuade

UX Design - Fundamentals & Applications

• Introduction to empathy as a tool of design

• Journey maps

• How user takes a decision (mental model & cognitive load)

• Introduction to usability heuristics

• Functionality & features in UX

• Thinking tools: Clustering / affinity diagramming & prioritisation grid

• Task flows & sitemap

• Content in UX: Introduction to components & page types

• Navigation

• Assignment: Product breakdown

• Project 3, Part A: Mobile/web application to solve a real-world problem Outcomes: Journey map, task flows, sitemap & content inventory

UI Design - Applications

• Wireframes: from low to high fidelity

• Application of grids & UI patterns

• Navigation design

• Interaction design: Fundamentals

• Setting up a UI it

• Crafting prototypes & mock-ups

• Assignment: Search-sort-filter for e-commerce, UI for log-in / check-out flow

• Project 3, Part B: Mobile/web application to solve a real-world problem Outcomes: Wireframes and User Interface design

Portfolio Development

• Building your portfolio