Section 1 : Getting Started

Lecture 1 Introduction to the User Experience Course 2:36
Lecture 2 Getting started with your Adobe XD project 2:21
Lecture 3 What is UI vs UX - User Interface vs User Experience vs Product Designer 6:20

Section 2 : The Brief

Lecture 4 The UX brief & persona for our real life project 11:22

Section 3 : Wireframing Low Fidelity

Lecture 5 Wireframing (low fidelity) in Adobe XD 1:58
Lecture 6 How wide should my website or app be in Adobe XD 13:6
Lecture 7 Working with existing UI kits in Adobe XD 7:50

Section 4 : Type, Color & Icon Introduction

Lecture 8 Working with type in your XD wireframes 9:10
Lecture 9 Basic Colors & buttons in Adobe XD wireframes 14:14
Lecture 10 Free icons for your Adobe XD & UX UI projects 11:46
Lecture 11 Adding footers & Lorem Ipsum to our XD wireframe 5:28
Lecture 12 New Pages & Artboards in Adobe XD
Lecture 13 Class Project 01 – Wireframe Homepage & Contact Us Page 11:12

Section 5 : Prototyping a Website - Introduction

Lecture 14 Prototyping & adding interactivity to Adobe XD 8:53
Lecture 15 How to create a Popup Modal or popup box in Adobe XD 7:58
Lecture 16 Class project 02 – Prototype 2:54

Section 6 : Symbols & Repeat Grids

Lecture 17 Working with groups & isolation mode in Adobe XD 2:30
Lecture 18 How to make & use symbols in Adobe XD 17:19
Lecture 19 Production Video - Left Nav 3:52
Lecture 20 Using the repeat grid in Adobe XD 5:27
Lecture 21 Updating symbols & problems with using repeat grids 8:54
Lecture 22 Prototype Trick to save time in Adobe XD 6:3
Lecture 23 Navigation tricks & tips in Adobe XD 4:48
Lecture 24 Class Project 03 - Symbols & Repeat Grids 4:7

Section 7 : Prototyping a App - Introduction

Lecture 25 Mocking up an App in Adobe XD 9:41
Lecture 26 How to use the XD App on iPhone & Android 8:5
Lecture 27 Adding iPhone & Android battery & status icons to mockup 3:10
Lecture 28 How to fixed the position of the nav or battery icons in XD
Lecture 29 Production Video - Login & Dashboard 6:45

Section 8 : Wireframe Feedback

Lecture 30 Sharing Wireframes for comments in Adobe XD 13:32
Lecture 31 Recording your interactions via video using Adobe XD 3:13
Lecture 32 Class project - Wireframe Feedback 1:21

Section 9 : High Fidelity UI Design

Lecture 33 Mood Boards & resources for Hi fidelity UI design in Adobe XD 7:43
Lecture 34 Class project - Mood Board 1:0
Lecture 35 How to create a 12 Column or Grid in Adobe XD 2018

Section 10 : Colors

Lecture 36 Working with colors inside Adobe XD CC 9:3
Lecture 37 Tricks for using colors in Adobe XD 6:35
Lecture 38 How to create gradients in Adobe XD 3:51

Section 11 : Text & Fonts Advanced

Lecture 39 Class project 06 – Colors 2:14
Lecture 40 Use Web safe fonts or iOS or Android specific fonts in Adobe XD 18:0
Lecture 41 How to use Character Styles in Adobe XD 6:59
Lecture 42 Font & Text tips tricks in Adobe XD 5:43
Lecture 43 Adding our first Plugin Lorem Ipsum to Adobe XD 5:40
Lecture 44 Creating realistic buttons in Adobe XD with paste properties 13:15
Lecture 45 Class project 07 - Text & Buttons

Section 12 : Drawing

Lecture 46 How to draw your own custom icons in Adobe XD 4:13
Lecture 47 Working with stokes & lines in Adobe XD 14:29
Lecture 48 Learn to drawing with the pen tool in Adobe XD 14:34
Lecture 49 Drawing practise with the pen tool in Adobe XD 7:15
Lecture 50 Production Video with some drawing tips 12:28

Section 13 : Working with Illustrator

Lecture 51 Back and forth with Illustrator in Adobe XD 9:34
Lecture 52 Class project 08 - Draw your own icons 1:50

Section 14 : Working with InDesign

Lecture 53 Working with InDesign in Adobe XD 11:38

Section 15 : Images

Lecture 54 The pros & cons for working with images inside Adobe XD 3:58
Lecture 55 Working with images and CC Library connection 11:1
Lecture 56 Adobe Stock connection to find similar image for XD project 5:21
Lecture 57 Free images to use in your XD mockups - Unsplash Pexels Freeimage 1:48
Lecture 58 Masking & Opacity & Blurring background images 6:45

Section 16 : Working with Photoshop

Lecture 59 Working with Photoshop in Adobe XD 8:41
Lecture 60 Production Video – Infographic 12:12
Lecture 61 Class project 09 - Full Hi Def mockup 5:38

Section 17 : APP Design

Lecture 62 How to make a mobile phone mockup with Adobe XD & Photoshop 18:9
Lecture 63 Class project 10 - Mobile Website 1:25

Section 18 : Placeholder content & Plugins

Lecture 64 Hidden features for Adobe XD Repeat Grid 5:17
Lecture 65 Plugin - Content Generator in Adobe XD 4:29
Lecture 66 Plugin - UI Faces adding random profile photos to XD 3:15
Lecture 67 Plugin - PhotoSplash automatically import Unspash images 4:31
Lecture 68 Plugin - Copy Cat or Mimic to style and images from a site 3:19

Section 19 : Asset Panel

Lecture 69 Advanced Asset Panel tricks in Adobe XD 4:38

Section 20 : Symbol - Advanced

Lecture 70 Advanced Symbol Tricks & Tips for Adobe XD 2:8

Section 21 : Micro Interactions

Lecture 71 What are UI micro interactions in Adobe XD 7:21
Lecture 72 Button grow or full screen image micro interaction in Adobe XD 6:13
Lecture 73 Animated Image Gallery with micro interactions in Adobe XD 6:39
Lecture 74 Full vector change micro interaction in Adobe XD 8:19
Lecture 75 Class project 11 - Micro Interactions 5:13

Section 22 : Prototyping Advanced

Lecture 76 Time delay transitions in Adobe XD 4:42
Lecture 77 How to create a popup menu or modal in Adobe XD 12:17
Lecture 78 Animated mobile side nav for burger menu in Adobe XD 3:26
Lecture 79 How to make a working drop down menu in Adobe XD 3:24
Lecture 80 How to use the drag transition in Adobe XD 7:19
Lecture 81 How to make a number ticker scroll using masks in Adobe XD 6:52

Section 23 : Voice Interactions

Lecture 82 How to add Alexa style voice commands to Adobe XD 9:37

Section 24 : User Testing

Lecture 83 What is user testing in Adobe XD 16:53
Lecture 84 How to run an unmoderated UX User Test in Adobe XD 12:7
Lecture 85 Class project 12 - User Testing 2:23

Section 25 : Pitching to clients & customers

Lecture 86 Mocking up your designs in situ on a real phone in Photoshop
Lecture 87 Advanced micro interactions & prototyping with Protopie in Adobe XD 2:41
Lecture 88 How to add animation in Adobe XD using Adobe After Effects 9:39

Section 26 : Exporting

Lecture 89 How to export images & assets from Adobe XD for developers 12:56
Lecture 90 How to export code in XD for engineers using Design Specs 10:49