Learn how to share content online and see how to add comments to content shared.
- [Narrator] Once you have your screens designed and you have them all linked together, as you can see here. Chances are you're going to want to share this and get other people's feedback, so that's what I want to do now. There's a couple different ways to do this. Notice when I click play, I have the ability to record a movie. So I can record a movie, it's recording right now. It's recording this tracking as I click and this is great if you really want to guide somebody through all of this content specifically, as you make a more robust app.
It's actually recording a video, if I hit stop, I could save that out to my desktop, file as a movie, saving that file and you can send that to whoever you want. That's an easy way to do it, but I'm going to go beyond that because what I want to do now is actually share this online. So right up here with this button, share online, I can click on that and I can give it a title. We're going to call it Exotic Eats. Right here, drop in an icon. I happen to have one right in here, scroll to the top.
Could be anything, just make sure it's 120x120. And right here, allow comments. This is huge, being able to get people's feedback. And that's what I want to do, I'm going to create a link right now and it goes through, produces all of these screens, everything linked together, and it's going to give me this URL. So I can send anybody this URL. I can even embed this file, but what I want to do is select it right now. Alright, here it is. You can see this is the home screen, one of one. If I click on this, it'll actually take me to the home screen.
They might not know where to click and if they click on this logo, notice how it lights up the element that actually has interactivity associated with it. So I can click right there, eat, it's going to do that transition. As you can see, I can kind of dive into this and the cool thing is, is you can add commenting. So you could send somebody this specific screen, send them the home screen, they can dive into this all they want. As I take a look, say for instance, if they want to comment on it, sure, they could sign in, but they could also comment as a guest.
So they don't need to be Creative Cloud member, or anything like that. So right in here, the client or the art director, whoever it may be, right in here you can see. Select all the squares with street signs. Alright, there we go. So notice I'm not a robot now, I think that's great. Okay so, again, I can dive in and make a comment. So what I want to do, I say, "This is great." That could be my general comment or I can say right in here, "This needs more space." Because they are right, I'm going to pin this comment right down here.
It needs more space right here, so if I didn't point to that area, they wouldn't necessarily know what I'm talking about. But that needs more space right there, so I can start to adjust that. Okay so, I'm going to be able to track that. All these comments go specifically with the file, so I can dive in and make those adjustments as I go into design down here. Sure enough, let's give this some more space just by moving that up. Again, a simple change and now at this point what I can do is I can share this again, okay.
So I'm going to update this link and update that file. Okay, let's take a look at it. Right in here, let's go into Africa, let's take a look. "This needs more space." I've resolved that easily. And in this case, since I'm a Creative Cloud member, I can go ahead and sign in. Now that I'm signed in, I can make a comment, "Thank you. All issues have been resolved".
Right, I can add that comment right here, again Paul Trani, you can see right there. Now, as the client, when they log back in, actually I don't even need to log back in, but when they check the site, they can see that it's squared away and they'll be able to resolve their own comment. Okay so you have that, sort of, double checking that's going on, but the great thing is you can share this with anyone you want, they don't need to log in or anything like that. They can kind of click through all the screens without finding out which one's the button, for instance. They have that, sort of, full control to be able to see what they want all based on that link.
Aside from even getting a video, last thing I want to point out is this little icon right here. So you can actually preview on a device, even before sending it to the client. You just need the Adobe XD app on your iOS or Android device. But I love how easy it is to send this content to anyone as part of your team or any client and get their feedback and integrate it right away.
- Building multiple screens of different sizes
- Creating graphics and text in Adobe XD
- Importing graphics
- Using a repeat grid for easy prototyping of lists and recurring elements
- Adding interactions to elements
- Creating transitions between screens
- Sharing and getting feedback
- Exporting artboards and assets