1
00:00:00.05 --> 00:00:03.07
- [Instructor] The easiest way
to share a prototype from XD

2
00:00:03.07 --> 00:00:05.08
is this button right up here.

3
00:00:05.08 --> 00:00:07.05
Sure enough, it's even called Share.

4
00:00:07.05 --> 00:00:10.06
As I select it, it's going to
mean publishing a prototype

5
00:00:10.06 --> 00:00:12.03
out to the web.

6
00:00:12.03 --> 00:00:14.06
So all you need to do is give it a title,

7
00:00:14.06 --> 00:00:17.09
so Colorado Fourteeners.

8
00:00:17.09 --> 00:00:20.02
Notice how I'm going
to allow for comments,

9
00:00:20.02 --> 00:00:23.03
and then just Create Public Link.

10
00:00:23.03 --> 00:00:25.05
So this is going to take all that content

11
00:00:25.05 --> 00:00:32.02
and publish it out to the
web at a specific URL.

12
00:00:32.02 --> 00:00:34.03
All right, here it is.

13
00:00:34.03 --> 00:00:38.03
Colorado Fourteeners, I'm
going to select Open Link.

14
00:00:38.03 --> 00:00:40.01
Sure enough, this is the unique URL.

15
00:00:40.01 --> 00:00:42.00
This is kind of like
Dropbox, for instance.

16
00:00:42.00 --> 00:00:45.06
And it gives me this URL that
can be shared with anyone,

17
00:00:45.06 --> 00:00:49.01
and sure enough, I can
see this initial homepage.

18
00:00:49.01 --> 00:00:51.05
I can click through the different pages,

19
00:00:51.05 --> 00:00:54.04
so I can see the alternate right here,

20
00:00:54.04 --> 00:00:57.05
but what I really want to
do is interact with this.

21
00:00:57.05 --> 00:00:59.01
And let's just say I
don't know where to click.

22
00:00:59.01 --> 00:01:00.09
If I happen to click on that background,

23
00:01:00.09 --> 00:01:02.09
it actually highlights the hot spots.

24
00:01:02.09 --> 00:01:06.00
So when you send this to
your client or manager,

25
00:01:06.00 --> 00:01:07.01
they know where to click.

26
00:01:07.01 --> 00:01:10.05
As we dive into Peaks, we can
see that smooth transition.

27
00:01:10.05 --> 00:01:14.06
We can scroll down, select Torreys Peak.

28
00:01:14.06 --> 00:01:17.08
And again, just going through
these different interactions.

29
00:01:17.08 --> 00:01:22.00
And what you can also do
is comment on this content.

30
00:01:22.00 --> 00:01:26.03
So imagine if, for
instance, I am your client.

31
00:01:26.03 --> 00:01:28.01
The client could say hey, you know what?

32
00:01:28.01 --> 00:01:29.09
This isn't bad, you know.

33
00:01:29.09 --> 00:01:36.04
Say, I like it, can we try
a different image here?

34
00:01:36.04 --> 00:01:37.07
So I'm saying here, where is here?

35
00:01:37.07 --> 00:01:42.02
Well, I could pin that to
the background right there.

36
00:01:42.02 --> 00:01:45.01
Okay, so I could just pin
that comment right there.

37
00:01:45.01 --> 00:01:46.07
Can we try a different image here?

38
00:01:46.07 --> 00:01:49.06
So that's essentially what
your client would say.

39
00:01:49.06 --> 00:01:52.04
I love this, because you're going
to get a notification on it,

40
00:01:52.04 --> 00:01:54.09
and you can follow up with that as well.

41
00:01:54.09 --> 00:01:58.02
So with that done, I can
close that and come over here,

42
00:01:58.02 --> 00:02:01.09
back into XD, I can select this image,

43
00:02:01.09 --> 00:02:04.00
and it's just a matter of replacing this,

44
00:02:04.00 --> 00:02:06.01
and I'll show you what
happens when I do that.

45
00:02:06.01 --> 00:02:12.03
Let me go grab another image.

46
00:02:12.03 --> 00:02:17.05
Let's say, for instance,
grab this image right here.

47
00:02:17.05 --> 00:02:19.02
Maybe we want to have a different image,

48
00:02:19.02 --> 00:02:21.08
just a more sort of people-friendly image.

49
00:02:21.08 --> 00:02:23.05
And that's all I've
done, is I've just made,

50
00:02:23.05 --> 00:02:24.09
actually, a pretty big change.

51
00:02:24.09 --> 00:02:26.09
Let's go to Publish Prototype.

52
00:02:26.09 --> 00:02:31.08
Now I can make a new link
or I can update the link,

53
00:02:31.08 --> 00:02:34.04
and that's exactly what I want to do,

54
00:02:34.04 --> 00:02:38.08
and that's what's happening now.

55
00:02:38.08 --> 00:02:41.02
Opening that link.

56
00:02:41.02 --> 00:02:44.00
You can see right here, for the comments,

57
00:02:44.00 --> 00:02:47.02
you can see the updated
image, and right here,

58
00:02:47.02 --> 00:02:49.05
in reply, in this case
I'm replying to myself,

59
00:02:49.05 --> 00:02:51.05
but really anybody with this link

60
00:02:51.05 --> 00:02:54.02
can add comments, all right?

61
00:02:54.02 --> 00:02:56.03
It just might not know
their name, of course,

62
00:02:56.03 --> 00:02:58.07
if they're not logged in.

63
00:02:58.07 --> 00:03:00.05
Say better, you know, and then they would

64
00:03:00.05 --> 00:03:03.08
ultimately say yes,
fantastic, and that's how

65
00:03:03.08 --> 00:03:07.01
information gets tracked,
and not only that,

66
00:03:07.01 --> 00:03:09.00
you can resolve this,
so once they say hey,

67
00:03:09.00 --> 00:03:12.00
looks fantastic, you
can just select Resolve

68
00:03:12.00 --> 00:03:13.05
to resolve those comments.

69
00:03:13.05 --> 00:03:16.06
They will still be there, but
they're actually resolved.

70
00:03:16.06 --> 00:03:18.01
So pretty fantastic.

71
00:03:18.01 --> 00:03:20.06
What you can do when it comes to sort of

72
00:03:20.06 --> 00:03:23.01
taking content that you've
created and a prototype

73
00:03:23.01 --> 00:03:26.03
and sharing it with others,
and then also getting

74
00:03:26.03 --> 00:03:29.07
their feedback through
comments all through Adobe XD.