1
00:00:00,850 --> 00:00:07,480
Everyone, welcome back, we're going to be talking about the presentation view and some collaboration

2
00:00:07,480 --> 00:00:09,980
tools built right into FIMA, so let's jump right in.

3
00:00:10,540 --> 00:00:14,860
So the presentation view, which I have open over here in this town, which we've been testing a lot

4
00:00:14,860 --> 00:00:15,850
of our stuff with.

5
00:00:16,990 --> 00:00:23,470
Over here, it allows you to see your prototype in action, so you want to use this while you kind of

6
00:00:23,470 --> 00:00:27,400
build and test your prototype or when you're ready to even share your prototype with others.

7
00:00:28,760 --> 00:00:36,140
Now, the easiest way to access your presentation view, if we go back to our original file, is to

8
00:00:36,140 --> 00:00:37,490
click this little button up here.

9
00:00:40,240 --> 00:00:47,020
If we just access that presentation, it'll open up a new tab with your presentation or your prototype.

10
00:00:47,950 --> 00:00:48,760
In full view.

11
00:00:50,380 --> 00:00:55,510
Now, you can do a couple things here, you can click through if there are any hot spots, so if we

12
00:00:55,510 --> 00:00:57,490
go back and we actually create one.

13
00:00:58,210 --> 00:00:59,290
Let's do that really quickly.

14
00:01:00,850 --> 00:01:04,780
So just a very quick we'll just do this.

15
00:01:06,260 --> 00:01:06,930
Instantly.

16
00:01:07,610 --> 00:01:08,000
So.

17
00:01:09,010 --> 00:01:09,880
Right there.

18
00:01:09,940 --> 00:01:10,730
OK.

19
00:01:11,050 --> 00:01:16,360
Let's go back to our presentation so you can easily just interact with hotspots like that to get across

20
00:01:16,360 --> 00:01:16,930
prototypes.

21
00:01:16,930 --> 00:01:22,540
But if you don't want to do that, you can just use your arrow keys to go through your pages.

22
00:01:22,810 --> 00:01:27,940
If there's no prototype, there will be all your pages that are designed and you can just tap through

23
00:01:27,940 --> 00:01:28,860
them if you want to.

24
00:01:29,320 --> 00:01:36,730
But if you do have a prototype, you'll see at the bottom that this is page one of two.

25
00:01:37,070 --> 00:01:41,620
So only two images are two screens are within your prototype right now.

26
00:01:41,800 --> 00:01:42,550
So let's go back.

27
00:01:42,550 --> 00:01:45,130
Let's just fix that prototype over here.

28
00:01:46,170 --> 00:01:49,480
We're going to make sure that this is fixed to the bottom.

29
00:01:49,500 --> 00:01:51,960
Perfect, and there we go.

30
00:01:51,990 --> 00:01:53,070
OK, so.

31
00:01:54,070 --> 00:01:55,090
We have Prototyp.

32
00:01:56,530 --> 00:02:00,970
And there's a couple of things you can do while you're in this presentation to you, you can easily

33
00:02:00,970 --> 00:02:02,270
change the options.

34
00:02:02,320 --> 00:02:06,610
That's probably the biggest thing right here, is changing these options.

35
00:02:06,610 --> 00:02:14,170
And essentially these new options will allow you to kind of change based off of like the size of your

36
00:02:14,170 --> 00:02:14,700
prototype.

37
00:02:14,710 --> 00:02:16,540
So if I click 100 percent.

38
00:02:17,710 --> 00:02:27,070
I can easily see it, but it's going to scale my whole device beyond my screen or my viewport right

39
00:02:27,070 --> 00:02:33,030
here, so I often don't use that when I do use is something like scaled down to fit.

40
00:02:33,430 --> 00:02:36,030
There's also skill down or up to fill.

41
00:02:36,040 --> 00:02:41,500
So if your prototype is like smaller, you can select that option over here.

42
00:02:43,070 --> 00:02:50,900
Phil, to actually expand, to fill the top or the width of the container, I usually I'm working on

43
00:02:50,900 --> 00:02:56,810
mobile or if I'm working on a desktop, I may have a custom size, but in the case of mobile, I usually

44
00:02:56,810 --> 00:02:57,560
just use fit.

45
00:02:58,430 --> 00:03:05,530
Another option that you can use is showing hotspot hints on unclick so you can use that.

46
00:03:05,540 --> 00:03:07,220
Usually when I'm texting with users, I don't.

47
00:03:07,880 --> 00:03:10,220
So you'll notice that if I restart this.

48
00:03:11,200 --> 00:03:13,720
I won't see the hot spot that was there before.

49
00:03:13,960 --> 00:03:15,270
So let's go turn that on again.

50
00:03:18,640 --> 00:03:20,140
Then you'll see the hot spot.

51
00:03:21,360 --> 00:03:28,200
Another thing you can do is hide and show the toolbar and footer, so easiest way to do that is just

52
00:03:28,200 --> 00:03:28,850
to click here.

53
00:03:28,860 --> 00:03:33,900
But remember, the way to get it back is command plus backslash.

54
00:03:33,960 --> 00:03:35,640
They show you the little shortcut right there.

55
00:03:35,670 --> 00:03:39,270
So if I turn it off, it'll give you a reminder of what it is.

56
00:03:39,270 --> 00:03:44,760
And you can copy or share link, because if you do copy your share link, it will update your share

57
00:03:44,760 --> 00:03:47,370
link and we'll get into the sharing feature later.

58
00:03:47,370 --> 00:03:49,470
But it's much more immersive.

59
00:03:50,280 --> 00:03:53,700
So if I go back here and I actually go to my prototype.

60
00:03:55,290 --> 00:03:58,890
And I go to my prototyp settings, I go to my background, I'm going to make that black.

61
00:04:01,560 --> 00:04:09,540
And that is just much more immersive than it was before, so I'm going to just bring back that toolbar

62
00:04:10,020 --> 00:04:10,920
and there it is.

63
00:04:13,430 --> 00:04:18,380
Do you remember that when you do want to hide the toolbar, you're going to want to copy that link if

64
00:04:18,380 --> 00:04:19,400
you want to send it out like that?

65
00:04:19,430 --> 00:04:22,670
I think that's really good for actually testing with users.

66
00:04:23,090 --> 00:04:28,650
It's so easy because it kind of removes the fluff around here, like all this kind of stuff.

67
00:04:28,650 --> 00:04:33,530
If you don't want them commenting or if you don't want them clicking anything around here, totally

68
00:04:33,530 --> 00:04:38,450
easy to just set it up for them, send them the link like this and it's much better.

69
00:04:38,940 --> 00:04:45,110
And the other thing you can do is actually go to full screen, so entry and full screen to make the

70
00:04:45,110 --> 00:04:47,210
prototype much more immersive.

71
00:04:47,390 --> 00:04:54,680
So this is going to be a much more immersive experience if I go to full screen, hide the toolbar and

72
00:04:54,680 --> 00:04:57,470
all I see are my tabs, but the user wouldn't see that.

73
00:04:58,790 --> 00:05:06,620
OK, and I think the biggest thing within prototyping over here is just like the collaboration within

74
00:05:06,620 --> 00:05:14,630
Sigma, so when I like to share my prototypes, I'm going to make sure that, like teammates or stakeholders

75
00:05:14,630 --> 00:05:17,300
that I'm depending on are going to comment on that.

76
00:05:18,080 --> 00:05:24,230
So the easiest way to do that is to have your share prototype button over here and you can click, then

77
00:05:24,230 --> 00:05:29,750
you can send it to people to view or if you're like in a group with them or if you want to just send

78
00:05:29,750 --> 00:05:35,240
it quickly to like a friend on Facebook or whatever messaging platform, all you need to do is copy

79
00:05:35,240 --> 00:05:35,690
the link.

80
00:05:37,060 --> 00:05:39,010
You can also embed the code if you need to.

81
00:05:39,580 --> 00:05:40,840
That's just totally up to you.

82
00:05:41,110 --> 00:05:45,820
Sigma does support live and beds, but we can get into that at another time.

83
00:05:46,930 --> 00:05:52,800
So you can add people to the project, you can also just anyone with the link and view, I think like

84
00:05:53,620 --> 00:05:57,970
this is probably what you're going to be using it for the most in terms of like sharing it with others

85
00:05:57,970 --> 00:06:03,760
to kind of comment on your prototype, sharing it with users, if you like, testing, like, remotely.

86
00:06:04,060 --> 00:06:06,670
I often test remotely when I'm working from home.

87
00:06:06,670 --> 00:06:12,520
I'll test with a user just over call and I'll send them a link like this and they will easily be able

88
00:06:12,520 --> 00:06:14,410
to interact a prototype while sharing their screen.

89
00:06:14,890 --> 00:06:19,030
So this really kind of keeps our whole workflow in one place.

90
00:06:19,030 --> 00:06:24,460
We can design and figure out and we can easily share our prototype within Fatema and get all of our

91
00:06:24,460 --> 00:06:25,990
feedback within figure.

92
00:06:26,980 --> 00:06:33,100
So remember to update your link if you kind of had the toolbar and I mentioned that a couple of times,

93
00:06:33,100 --> 00:06:34,210
but it's really important.

94
00:06:35,300 --> 00:06:39,780
Another thing that I love within Fatema is actually just commenting.

95
00:06:40,540 --> 00:06:42,940
I mean, it's so easy to get feedback.

96
00:06:44,100 --> 00:06:51,690
You can comment directly on Prototyp So all you do is click this button over here or you can just see.

97
00:06:53,360 --> 00:06:58,870
And you can kind of drag your comment anywhere, I can just say I love this image.

98
00:06:58,880 --> 00:07:02,180
It also supports moggies.

99
00:07:04,510 --> 00:07:05,380
And you can post it.

100
00:07:07,480 --> 00:07:12,100
And over here, you can kind of copy the link to this comment and send it to somebody, you can edit

101
00:07:12,100 --> 00:07:17,500
your comment, you can delete it, any editor on the file can actually take your comment and resolve

102
00:07:17,500 --> 00:07:17,650
it.

103
00:07:17,920 --> 00:07:20,000
So let me show you what that looks like.

104
00:07:20,020 --> 00:07:27,310
So if I'm the editor and another thing to know is that if you do actually want to see comments, you're

105
00:07:27,310 --> 00:07:28,710
going to have to actually click on them.

106
00:07:29,080 --> 00:07:29,380
But.

107
00:07:30,330 --> 00:07:35,850
As the editor, you can resolve the comment just like that, all you need to do is.

108
00:07:40,050 --> 00:07:47,370
Click this little button, it's a little checkmark in a circle, click it and you've resolved the comment.

109
00:07:47,860 --> 00:07:51,300
Let's go back to our main file and I'm going to click on the comment.

110
00:07:58,340 --> 00:08:02,000
If you click on this comment button, you'll be able to comment and you'll notice that the comments

111
00:08:02,000 --> 00:08:07,700
that we left in the presentation view also show up on our actual like designs as well, which helps

112
00:08:07,700 --> 00:08:12,350
us as designers because we don't necessarily need to be in the presentation but to actually view it

113
00:08:13,100 --> 00:08:15,320
so you can easily see them there.

114
00:08:15,320 --> 00:08:17,690
You can see your resolved comments on the site here.

115
00:08:17,690 --> 00:08:22,090
You can view based off of yours, you can bring those back.

116
00:08:22,100 --> 00:08:24,770
You can actually unresolved the comment.

117
00:08:28,530 --> 00:08:34,020
You can also reply to people, so if I just press at say, hey.

118
00:08:36,460 --> 00:08:38,920
Hey, Daniel, what's up?

119
00:08:41,570 --> 00:08:45,620
And that person will get a direct notification based off of the common sense.

120
00:08:47,010 --> 00:08:53,040
So these are the common studies over here, like I mentioned, you can show results, you can also decide

121
00:08:53,040 --> 00:08:56,970
if you like to show the resolved comments in the prototype if you want.

122
00:08:57,960 --> 00:09:03,990
So if you go to our prototype over here, you can show like your result comments in there.

123
00:09:05,730 --> 00:09:08,070
And you can show only your comments in there as well.

124
00:09:08,100 --> 00:09:12,900
So definitely a lot of options here for just general collaboration.

125
00:09:13,620 --> 00:09:20,890
And honestly, when we're creating our own prototype, I really want and I really urge you to copy like

126
00:09:20,910 --> 00:09:25,350
a link, get the link from here, share it with people that you want to get feedback from because it

127
00:09:25,350 --> 00:09:27,480
just getting feedback quickly.

128
00:09:27,480 --> 00:09:33,180
And this is why I love Zigmas so much, is that like you can just get feedback quickly within your power

129
00:09:33,180 --> 00:09:34,380
to make those changes right there.

130
00:09:34,390 --> 00:09:38,490
You're not switching between different applications, you're not fumbling over creating a prototype.

131
00:09:38,490 --> 00:09:39,650
You saw how easy it was.

132
00:09:40,020 --> 00:09:42,310
And our next video, we're going to create our own.

133
00:09:42,660 --> 00:09:51,480
So remember that to create a good application or good product, you need to start that feedback loop

134
00:09:51,480 --> 00:09:52,880
as early as possible.

135
00:09:53,340 --> 00:09:58,200
So we're going to link together our prototype and we'll get it to a place where you can send it off

136
00:09:58,200 --> 00:09:59,280
and get feedback quickly.