Adobe XD Advanced: Advanced UX Design

Name: Adobe XD Advanced: Advanced UX Design
Author: Jessica Henley

Create wireframes and UX layouts with advanced design

Preview the first lesson free — get full access to all 3 lessons.

Course: On-Demand

Hello, my name is Jessica Henley, and in these lessons you will learn advanced wireframes and prototype UX layouts. Getting started, we see three artboards here. And for these artboards, we have some wireframes from some plugins that I have used. So here, I'm just going to look at these artboards, click on share. We can see the flow has been selected, and I want to navigate to the right-hand side under link settings. So under link settings, we can have three options below. We have a link which shows the actual flow that has been selected, and then view settings, which include design review, getting feedback on your design or prototype. We also have development, share your designs or prototype with developers. Presentation, optimize for presenting your design, user testing, ideal for testing your prototype, and custom. Customize the viewing experience. Now as I head back up, I want to select design review. Get feedback on your design or prototype. As we can see here under link access, we have a drop-down menu. Anyone with the link only invited, and anyone with password. So that's the one that I'm going to pick on, is anyone with the link and generates. We can see the percentage as it generates. Here we have a link, and you want to just copy that link to your browser to preview it before sharing it with your team members or stakeholders. So here I am in the browser, and what I want to do is just copy and paste the link at the top in the address bar. So as I paste and go, you can see a quick preview of our wireframe app. We can see the link here. And we have the wireframe of the first page of our app. But here on the right hand side, you can actually place comments. So I can say testing, and then hit submit. And upon submit, there are two options you can sign in with your Adobe ID. Or you can continue as a guest. Now, continue as a guest is what most people will do if they don't have an Adobe ID account, or don't want to spend time making one. So here under continue as a guest, I'm just going to put in a name such as Jane, and press continue. So here I'm logged in as a guest as Jane, says successfully logged in, and I can also pin a response on the page, which is really cool. So say down here for this wireframe app, there's only one social login. Maybe we should suggest that there would be more than one social login. You know, we have Google, we have Apple. So here for this comment at the top, I will just suggest that here. So create more social logins. And after I'm done, I can just hit submit, and now you can see the pin right on the page. Now here I am back in Adobe XD, I can see I'm under share, but switching back to design mode is where I want to be. And I want to show you another quick tip for advanced users when it comes to pages. So here for this artboard, it would be very cool if it was responsive. So look here, as I click and drag, we can see that the icons in the words are static, they are not moving as I scale. So what we could do is duplicate, so as I hover and looking at layout, we can see that responsive for resize, and I just want to toggle that on. Now here, I'm just going to click and drag, and you can see that it is actually moving now. But back to what I said about duplicating, this is one artboard, but Command D, or Control D, you can see another artboard has been duplicated. And just going to slide this over and double tap the name label, and I will just call this iPad. Now as I go ahead and scale this out, just testing to see if responsive is still working, it is. So for iPad, you could then take your time and put the icons in the images where they're supposed to be, actually on the page, and place them somewhere in the middle and center it, but that is how you would create a responsive, as you can see, a responsive artboard. In the next lesson, I will show you prototype UX layouts. Thanks for watching.

Advanced Provider : Jessica Henley 3 Lessons · 21m in English

Course Description

In these lessons, you will take a look at handy tips for sharing your designs with stakeholders, team members, and clients. We will take a look at some of the desktop share settings, which include how to get feedback on your designs or prototype, how to share your design or prototype with developers, and what settings you should select for optimizing when presenting your designs.

We will also take a look at options you can select for user testing and customizing the viewer experience. You’ll also learn about different link accesses which include sharing your designs with anyone via a website link, by invitation only, or via secure password. We will also discuss how your designs can be accessed by signing into Adobe or by guest options, and how others can comment on your designs by submitting feedback. Then look at how to turn artboards into responsive designs.

What You'll Learn

Utilize web access options to share your designs with stakeholders, team members, and clients
Demonstrate wireframe techniques, including building advanced wireframes
Recognize the various methods for sharing designs, including via website link, by invitation only, or via secure password
Describe how to work with prototype UX layouts
Configure desktop share settings for getting feedback, sharing with developers, and optimizing presentations
Turn artboards into responsive designs

Key Takeaways

Adobe XD desktop share settings let you get feedback on designs or prototypes, share with developers, and optimize when presenting designs.
Designs can be shared with anyone via a website link, by invitation only, or via a secure password.
Designs can be accessed by signing into Adobe or through guest options, and others can comment by submitting feedback.
The course covers user testing options and customizing the viewer experience.
Artboards can be turned into responsive designs.

Frequently Asked Questions

What does this Adobe XD advanced course cover?

It covers sharing designs with stakeholders, team members, and clients through desktop share settings, getting feedback on designs or prototypes, sharing with developers, optimizing presentations, user testing options, customizing the viewer experience, different link accesses (website link, invitation only, or secure password), commenting, and turning artboards into responsive designs.

What will I learn to do in this course?

You will learn to utilize web access for sharing, demonstrate wireframe techniques, recognize the various methods for sharing your designs, and describe how to work with prototype UX layouts.

How can designs be shared and accessed in Adobe XD according to this course?

Designs can be shared with anyone via a website link, by invitation only, or via secure password, and can be accessed by signing into Adobe or through guest options, with others able to comment by submitting feedback.

What lessons are included?

The lessons are Advanced Wireframes, Prototype UX Layouts (Part 1), and Prototype UX Layouts (Part 2).

What skills does this course focus on?

It focuses on working with a color palette, commenting, and data sharing.