All right, A couple of things we need to discuss before we move on and some of the terminology that gets used in both this course and in the industry just so that you you know what I'm talking about when I'm going through the course. Um The main ones are if you've ever seen like job applications online where they say you need to be a UX Ui designer or a product designer. So we'll cover kind of what those are and what the different responsibilities are now before we go on. If you, for me, I act as all of them. Okay. I work as a freelancer, so I take on small projects and I have to do it all. So I'll discuss what they all are individually and basically, if you're in a small man agency or design shop, you are going to be it, you're going to be the UI designer. UX designer and product designer. And if you're working at larger companies, larger organizations or big bigger agencies, you might be split off and be one of these things individually. So what is it you are a designer, is the pers...

on responsible for making things. Okay. So you'll be looking at kind of say it's a website design, you'll be the looking through, you know, consistent icons, you'll be building, you'll be looking at fonts and colors, kind of visual themes throughout the app or web design, Siri. Ui Designer user interface. Looking at the page, furniture or the things that are on the page. So you can be just that okay, a UX designer often is all of the UI stuff plus you are looking at both the brief and the users that are gonna be using it. So maybe the personas that you've built. Okay. And building for that and then testing that. Okay. So working through the actual testing and then coming back and adjusting. So your your designer often won't have that other part. Okay. So yeah, that's a UX designer, You do the UI but there's there's kind of some other parts around it, which we'll discuss in that course. So that's the UX designer. Alright. The last time we'll cover is a product designer. So what is the product designer versus a UX designer? Now? Often, um if I'm a product designer, what I'll be is I'll be a UX designer as well as a product designer, but I'll have more responsibility in a team and you can't really be a product designer in a small agency or by myself. Like I am, you need to be in a bigger company because often the product designer has a lot of managerial roles. Okay, So you'll be in charge of not only the UI and the kind of user testing, but you'll be working with the stakeholders, the clients and getting direction from them. You'll be working with the engineering team who's actually building this thing and potentially the UI designers, multiple UX designers and you'll be making sure everyone's kind of hitting in the right direction, pulling in the right way, that's not the word, but you know what I mean? So, a product designer has kind of a global kind of uh sense of the product from lots of different teams and we'll deal with them all individually and kind of make sure everyone's going the same way. Okay, So you'll be you'll be in charge of kind of making sure budgets are hit, timelines are hit, meetings are held, you'll be doing all the meetings and the stand ups. So, product designer, I guess here is a is a bigger role. If you're kind of from maybe traditional design, think of it like a studio manager. Okay. There's a bit more kind of organizational things involved. So, to recap, product designer K will look after the entire project with lots of people, make sure it's all going well and is working perfectly on budget and it's working for the users and is all on the right timeline. Okay. I'm not sure. I'm waving my hands out here, but feels lofty, that role. Okay, then there's a UX designer whose sole focus is on the user. Okay. They want to make sure within the budgets that they've been given by the product designer. Okay. And the timeline, budgets, they want it within those boundaries. They want to make sure that the user experience is amazing. They, whatever the goals are, they're getting hit and you will test them and design and get it ready and if you're a UI designer and often you're, you're kind of lacking the testing phase, okay? You are looking at the more kind of traditional way of working when we're building websites, where it's just kind of like getting it up, getting it out. And the other thing to look at is that if you're at a small place or doing your own stuff like me, you are all of these, okay, so you're just trying to make it all happen. But those are the kind of key terms you need to understand when somebody's advertising for a product designer. You know, if you're brand new, you might not be ready for that because you've never dealt with, you never run a stand up, which is kind of a meeting where everyone stands up quick meetings in the mornings, but you enjoy the, you know, the user, you know, the user experience design side of it, but maybe not the product designer side. The other thing to note is that most people, the term gets used real loosely, all of them. And so you'll see all students lima and say, is this a job that I can do, and then somebody said, I want a graphic designer, Web designer, uX designer, videographer, product designer and they're just kind of throwing it all in there because it's either going through an HR company that's not too sure about the roles or they're just looking for somebody who could be the best the junior role And it's got product designer in there. So often you need to really clarify with whoever is don't don't say I'm not going to do it okay. You need to find out what the role involves because they just kind of often jobs can be too vague and what they really need is somebody who's, you know, a really good print designer, but they're just thrown in other things that really kind of find out from who is advertising the job, what the key kind of what, what the high percentage of that job work is going to be, what field, because nobody can be amazing at all of them. So, check that out. Now, lastly, in this course, we're looking at being a UX designer. Okay, So we're gonna look at briefs, we're going to look at the personas, take those into account, make a beautiful product, test it, come back, make it amazing. And yeah, that's gonna be our job in this course. And we're gonna use adobe XD to do it. All right, That's it. Let's get into the next video, we'll quickly look at our brief and the personas that we're going to use to build our product in this course. Alright, let's jump in there. Now

Class Materials

Bonus Materials with Purchase

Six Completed Files

Exercise Files

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Daniel Walter Scott

Multi-award winning, influential media designer & Adobe Certified Instructor with 15+ yrs of experience.

SEE INSTRUCTOR'S CLASSES

topics covered in this class

Web Design Design Thinking UX Design Design Projects

Ratings and Reviews

Haseebullah Johar

Thank you, Dan Scott, for providing such a beautiful Adobe XD course. I completed the course today and noticed a couple of things that are missing. I want to share them here so that you can upgrade the course, which would be helpful for us. Hover state and toggle state. Dragging pages from 1-2 to 2-3 and then back from 3-2 to 2-1 with dragging is not working. Another thing is that we learned scrolling the website from top to bottom, but scrolling or pushing things from right to left has been completely omitted. These are the things I have noticed, and I would like you to upgrade them so that we can improve our Adobe XD skills.

2,000+ classes ranging from fundamentals to advanced techniques.

What is UI vs UX

What is UI vs UX

Lesson Info

2. What is UI vs UX

Lessons

Getting Started with XD

What is UI vs UX

The UX Brief & Persona

Wireframing (Low Fidelity)

How Wide for my Website

Existing UI Kits

Working with Type

Basic Colors & Buttons

Free UI Icons

Footers & Lorem Ipsum

New Pages & Artboards

Class Project 01 - Wireframe

Prototyping & Interactivity

Create a Popup Modal

Prototype

Groups & Isolation Mode

How to Use Components (Previously Components)

Production Video - Left Nav

Repeat Grid

Updating Components & Repeat Grids

Prototype Tricks

Navigation Tricks & Tips

Class Project 03 - Components

Mocking Up an App

XD App on Your Phone

Fixing the Position

iPhone & Android Status Icons

Production Video - Login

Sharing Wireframes

Recording Your Interactions

Class Project - Wireframe Feedback

Mood Boards

Class Project - Mood Board

12 Column or Grids

Working with Colors

Tricks for Using Colors

Gradients

Class Project 06 - Colors

Use Web Safe Fonts

Character Styles

Font & Text Tips Tricks

Plugin Lorem Ipsum

Paste Properties

Class Project 07 - Text & Buttons

Draw Custom Icons

Strokes & Lines

Pen Tool

Drawing Practice

Production Video with Tips

Illustrator in XD

Class Project 08 - Custom Icons

InDesign in XD

Pros & Cons for Images

CC Library Connection

Adobe Stock

Free Images

Masking

Photoshop in XD

Infographic

Class Project 09 - Hi-Def Mockup

Mobile Phone Mockup

Class Project 10 - Mobile Website

Hidden Features for Repeat Grid

Plugin - Content Generator

Plugin - UI Faces

Plugin - PhotoSplash

Plugin - Copy Cat

Advanced Asset Panel

Advanced Symbols

What are Micro Interactions

Button Grow

Animated Image Gallery

Full Vector Change

Class Project 11 - Micro Interactions