1
00:00:04,800 --> 00:00:08,870
One.

2
00:00:09,250 --> 00:00:10,750
All right guys welcome back.

3
00:00:10,750 --> 00:00:15,560
So we did a great job with the trigger and the action.

4
00:00:15,820 --> 00:00:20,680
Now we're going to do is move on to the reward and investment.

5
00:00:20,680 --> 00:00:28,390
And one thing I want to say before we move on to those two is there was a great quote about creating

6
00:00:28,430 --> 00:00:34,920
sugars and basically it said that you want to be the source of relief.

7
00:00:34,930 --> 00:00:42,160
Every time the user comes across a specific problem in their life right you're your app or your product

8
00:00:42,220 --> 00:00:45,240
should be the main source of relief for that.

9
00:00:45,580 --> 00:00:51,460
And that is the ultimate goal of rich sugar because then when they come across that either consciously

10
00:00:51,460 --> 00:00:57,790
or subconsciously they think of your product they think of your app and they immediately open up and

11
00:00:57,790 --> 00:00:58,280
go to it.

12
00:00:58,270 --> 00:01:05,800
So keep that in mind when you're creating triggers or when you're building out your product in general

13
00:01:06,070 --> 00:01:09,880
it's something really really crucial for the viral products.

14
00:01:09,880 --> 00:01:12,240
So we did that.

15
00:01:12,460 --> 00:01:14,000
The action is good.

16
00:01:14,050 --> 00:01:15,400
Now let's move on to the reward.

17
00:01:15,400 --> 00:01:18,580
So let's brainstorm for a little bit.

18
00:01:18,720 --> 00:01:23,040
What happens when you click the Add $140 button.

19
00:01:24,320 --> 00:01:25,700
I think it'd be really cool.

20
00:01:25,710 --> 00:01:29,030
Well first I think we need to confirm that we want to add $140.

21
00:01:29,030 --> 00:01:35,300
I think it's a little scary to be just be throwing around wads of cash on the on the touch of a button.

22
00:01:35,420 --> 00:01:38,090
I guess that's where that's where we are these days.

23
00:01:38,090 --> 00:01:48,290
But I think we should have some sort of confirmation and then maybe we can show some sort of this could

24
00:01:48,290 --> 00:01:50,960
have some rewards points system.

25
00:01:51,440 --> 00:01:58,700
But I also think it'd be cool to show how you are in comparison to other users in the app.

26
00:01:58,700 --> 00:02:04,580
Not exactly monetarily but you could say hey you know what you've saved more than 82 percent of the

27
00:02:04,580 --> 00:02:11,330
community today something that keeps people going to say like hey I'm I'm doing better than everybody

28
00:02:11,360 --> 00:02:15,820
or you know I've got I'm doing better than some people at least.

29
00:02:15,930 --> 00:02:23,600
Obviously it's not going to be perfect down to a tee but the concept of it is going to really get the

30
00:02:23,600 --> 00:02:25,430
idea going and drive it home.

31
00:02:25,430 --> 00:02:34,610
So the first thing that I want to do is turn this into a well I'm sorry let's go ahead and insert an

32
00:02:34,610 --> 00:02:37,970
art board first iPhone 7 is fine.

33
00:02:39,660 --> 00:02:43,650
And we're going to go ahead and say call this a saver

34
00:02:47,010 --> 00:02:53,750
confirmation and we're going to have it be a little pop over.

35
00:02:53,750 --> 00:02:56,020
And so we're going to turn this into a symbol.

36
00:02:56,060 --> 00:03:01,190
Our home page into a symbol.

37
00:03:01,390 --> 00:03:05,140
And let's go ahead and just drop it right on here.

38
00:03:05,920 --> 00:03:06,310
Well

39
00:03:10,130 --> 00:03:15,410
next let's insert a rectangle.

40
00:03:15,460 --> 00:03:22,660
I was going to drag it all the way over let's get rid of the borders and make this pitch black.

41
00:03:22,660 --> 00:03:30,610
And then while it's selected I'm going to decrease the opacity to maybe I'm 30.

42
00:03:30,610 --> 00:03:32,090
There's a lot of bright colors in here.

43
00:03:32,120 --> 00:03:35,830
I want to subdue it a little more.

44
00:03:36,010 --> 00:03:39,960
And now let's go ahead and insert our.

45
00:03:40,120 --> 00:03:42,100
Let's do a rounded rectangle for this one.

46
00:03:42,100 --> 00:03:47,580
We have a lot of circles going whoa that's a very rounded rectangle.

47
00:03:47,750 --> 00:03:53,410
You can decrease the radius and do maybe five.

48
00:03:53,430 --> 00:03:54,660
Be really good.

49
00:03:56,600 --> 00:04:04,370
And all we need is basically room for a button in a small one liner so to make this a little smaller

50
00:04:05,230 --> 00:04:12,560
let's get rid of the borders all the standard stuff and going to make this completely white and give

51
00:04:12,560 --> 00:04:19,090
it a shadow and let's just decrease the opacity to around 25.

52
00:04:19,090 --> 00:04:21,530
Give it a nice pop.

53
00:04:22,930 --> 00:04:29,720
All right so just a really nice slick simple confirmation.

54
00:04:29,730 --> 00:04:33,870
We'll go ahead and say add 140.

55
00:04:34,500 --> 00:04:42,370
And obviously this is why it's so we need to turn this into maybe the orange color or the green color

56
00:04:43,630 --> 00:04:49,870
Whichever fits your personality the best that's I'm going to say 140

57
00:04:55,600 --> 00:04:59,770
and we have a little button that says OK.

58
00:04:59,920 --> 00:05:03,030
So what I want to do is I'm going to insert a rectangle right here.

59
00:05:04,270 --> 00:05:16,390
And have it snap to the edges and let's get rid of the border and the fill will make our orange color.

60
00:05:16,480 --> 00:05:17,770
This one actually.

61
00:05:18,100 --> 00:05:23,790
And we need to round these corners off so all we can do is double click this rectangle.

62
00:05:23,950 --> 00:05:28,100
And here are our points where the angle changes.

63
00:05:28,150 --> 00:05:30,250
So we'll just click this one.

64
00:05:30,250 --> 00:05:35,780
Hold down shift and click this one over here and we'll change these corners to five.

65
00:05:36,130 --> 00:05:44,830
And now we have a perfectly fit button right here to bring this down add $140 maybe make it a little

66
00:05:44,830 --> 00:05:47,040
bigger.

67
00:05:47,230 --> 00:05:48,610
It is $140.

68
00:05:48,620 --> 00:06:00,910
We got to make sure that people see that and let's just type in confirm that's another thing that you

69
00:06:00,910 --> 00:06:09,480
might want to do your abs personality is going to speak to how you're basically how your app speaks

70
00:06:09,490 --> 00:06:11,640
back to your users rights.

71
00:06:11,680 --> 00:06:16,090
If it's a friendly app maybe something like Yes or let's do it.

72
00:06:16,090 --> 00:06:24,240
If it's if it's a more serious app maybe confirm as little better really up to you.

73
00:06:24,700 --> 00:06:30,420
So I think confirm is better we're dealing with actual dollars actual money.

74
00:06:30,420 --> 00:06:34,090
And I think people will feel a little more comfortable with that verbiage.

75
00:06:34,090 --> 00:06:40,580
So I am going to select those two elements and align them vertically.

76
00:06:40,620 --> 00:06:49,820
Let's just start grouping things up some in a command g to group say confirm button and then I'm going

77
00:06:49,820 --> 00:06:57,190
to add this text and the rectangle and the confirmed button and commands you to group them and just

78
00:06:57,390 --> 00:07:04,250
confirm pop over.

79
00:07:04,350 --> 00:07:05,340
All right that's great.

80
00:07:05,340 --> 00:07:15,150
So the next thing that we're going to do is maybe what we should do is have another pop over once it's

81
00:07:15,150 --> 00:07:22,710
confirmed or we can say you're saving more than maybe 82 percent of people this month and you've earned

82
00:07:23,040 --> 00:07:28,450
34 Savir points something right that would be really really awesome.

83
00:07:28,470 --> 00:07:39,750
So let's go ahead and insert another our board another iPhone 7 and let's insert our home symbol that

84
00:07:39,750 --> 00:07:40,950
we just created.

85
00:07:42,440 --> 00:07:45,400
Just drop this right in here.

86
00:07:45,620 --> 00:07:56,450
And I don't know why it's starting to be offset but let's go ahead and grab our rectangle from the confirmation

87
00:07:56,460 --> 00:07:56,880
list.

88
00:07:56,890 --> 00:08:06,760
I'm just going to option drag this over save some time and make sure it's aligned vertically and horizontally.

89
00:08:08,150 --> 00:08:09,200
And let's make another

90
00:08:12,190 --> 00:08:15,670
another rounded rectangle and this is going to be a little bigger because we're adding a little more

91
00:08:15,670 --> 00:08:16,990
text to it.

92
00:08:17,890 --> 00:08:22,740
And of course it is completely off so he can center it this way.

93
00:08:25,790 --> 00:08:28,180
And bring it up a little bit.

94
00:08:28,490 --> 00:08:32,330
So let's do the same thing get rid of the borders.

95
00:08:32,360 --> 00:08:37,770
I want to make the film completely white and add some shadows.

96
00:08:39,940 --> 00:08:43,250
Here we go now right.

97
00:08:47,070 --> 00:08:48,780
So here is our reward box.

98
00:08:48,780 --> 00:08:51,700
We'll go ahead and just type something in real quick say.

99
00:08:52,350 --> 00:08:55,050
Great job.

100
00:08:55,090 --> 00:08:56,010
I can't see anything

101
00:09:01,850 --> 00:09:03,810
job.

102
00:09:03,990 --> 00:09:04,710
I'm going to make this.

103
00:09:04,710 --> 00:09:06,010
I want to make this really big.

104
00:09:06,000 --> 00:09:10,150
I'm gonna change this to light and I'm going to scale this up a ton.

105
00:09:14,570 --> 00:09:29,010
And we'll say let's scale this down first maybe 2:16 will say you're saving more than 70 percent of

106
00:09:29,010 --> 00:09:35,680
people this month and what I'm going to do first I'm going to center align it.

107
00:09:36,090 --> 00:09:42,030
But what I'm going to do is make 70 percent bold so that the user knows that that is an actual generated

108
00:09:42,060 --> 00:09:45,830
number and that's not just a template text.

109
00:09:45,860 --> 00:09:49,940
Basically right not like we're saying 70 percent for everybody.

110
00:09:49,940 --> 00:09:54,960
Every time this is being generated we're doing a calculation and we're telling them hey you're ahead

111
00:09:54,960 --> 00:09:55,580
this month.

112
00:09:55,860 --> 00:09:56,640
Great job.

113
00:09:56,640 --> 00:09:57,790
Keep it up.

114
00:09:58,170 --> 00:09:59,390
So we can bold it.

115
00:09:59,430 --> 00:10:04,460
We could also make it a different color if you want but I think this looks really really cool.

116
00:10:05,230 --> 00:10:08,740
And so that's good.

117
00:10:08,740 --> 00:10:09,610
And we can also

118
00:10:12,270 --> 00:10:19,290
say something like claim your saver reward points something maybe there's some sort of system that we

119
00:10:19,290 --> 00:10:22,890
have and we can even turn that into a button.

120
00:10:23,160 --> 00:10:29,070
So we don't need to have this huge huge box.

121
00:10:29,070 --> 00:10:38,750
But actually let's see how creative we can get with this so let's go ahead and insert an oval.

122
00:10:38,970 --> 00:10:42,150
And I'm just going to throw this right smack dab in the middle.

123
00:10:43,780 --> 00:10:45,550
Well that's fine.

124
00:10:45,640 --> 00:10:47,640
Could be a little higher.

125
00:10:47,720 --> 00:10:52,530
All right get rid of the borders and I'm going to make this the orange color because I really like that

126
00:10:52,530 --> 00:11:10,140
orange and let's insert some text and we'll say maybe something like 50 Savir points what we'll do is

127
00:11:10,140 --> 00:11:16,210
I'm going to format it this way and I'm going to make the 50 huge.

128
00:11:16,230 --> 00:11:21,380
So let's bring this up and I'm going to bold it.

129
00:11:21,410 --> 00:11:24,830
This is a huge deal you just got 57 points.

130
00:11:25,100 --> 00:11:31,790
I've no clue how that translates into actual dollars but I assure you it is awesome.

131
00:11:34,150 --> 00:11:39,990
And let's make this a regular font and white as well.

132
00:11:44,810 --> 00:11:45,150
Asa

133
00:11:48,210 --> 00:11:53,750
I'm going to bring this down to kind of a line the 50 a little closer to the center of the circle.

134
00:11:53,780 --> 00:12:00,830
Let's go ahead and grab that text and the circle and group it with you save points.

135
00:12:03,080 --> 00:12:05,070
And what we can do is have a button

136
00:12:08,940 --> 00:12:14,220
actually let's insert a rectangle and we'll just have it beat to the bottom.

137
00:12:14,220 --> 00:12:18,190
I want to keep everything the same generally the same.

138
00:12:18,840 --> 00:12:24,730
Let's get rid of the borders and create another orange button.

139
00:12:29,390 --> 00:12:33,720
And I want to grab these two just like we did with the with the other one I'm holding down shift to

140
00:12:33,720 --> 00:12:35,220
only select the bottom two.

141
00:12:35,760 --> 00:12:43,400
And I want the corners to be rounded the exact same as the as the other one I think there was five or

142
00:12:43,460 --> 00:12:46,570
eight strike five.

143
00:12:48,550 --> 00:12:50,620
And then let's insert some text.

144
00:12:50,750 --> 00:12:57,680
We're going to say collect saver points and of course this is in 5000 fonts.

145
00:12:57,680 --> 00:13:01,170
I'm going to decrease this to around

146
00:13:04,310 --> 00:13:04,850

147
00:13:12,690 --> 00:13:13,200
writes

148
00:13:20,440 --> 00:13:21,280
So that looks great.

149
00:13:21,280 --> 00:13:32,240
So let's go ahead and rename this art board we'll be the reward saver reward

150
00:13:36,900 --> 00:13:41,470
ok K that is looking great.

151
00:13:41,480 --> 00:13:48,290
And lastly what we want to do is create an investment right so how are we going to get our users to

152
00:13:48,290 --> 00:13:53,200
invest back into our platform and to get them back into this cycle again.

153
00:13:53,210 --> 00:13:56,120
And quite possibly respond to a trigger.

154
00:13:57,350 --> 00:14:03,560
Well I think what we should do is do some sort of call to action that

155
00:14:06,330 --> 00:14:09,060
prompts them to invest in something else.

156
00:14:09,060 --> 00:14:10,980
You know you just you're feeling good.

157
00:14:10,980 --> 00:14:13,630
You just saved up for your goal.

158
00:14:13,650 --> 00:14:15,510
What's something else that you want to save for.

159
00:14:15,540 --> 00:14:15,810
Right.

160
00:14:15,810 --> 00:14:22,680
So we can do this one of two ways we could either put it in here or it can just be another complete

161
00:14:22,680 --> 00:14:25,130
screen altogether.

162
00:14:26,820 --> 00:14:32,790
And what we can do and this is where user experience comes in and really really slick animations as

163
00:14:32,790 --> 00:14:39,740
we can actually make another pop over that kind of once you collect your points at this point animates

164
00:14:39,760 --> 00:14:42,800
it collects and it kind of swipes off the screen.

165
00:14:42,930 --> 00:14:45,260
But the paba still stays.

166
00:14:45,360 --> 00:14:51,450
And then it prompts me to maybe answer another goal that you might have.

167
00:14:51,930 --> 00:15:00,120
Right so we could do that or we can just say create new goal and it will bring us to the form that we

168
00:15:00,320 --> 00:15:02,860
are will that you will create very soon.

169
00:15:02,940 --> 00:15:12,270
So I'm going to go with the second example but definitely explore the first example on your own.

170
00:15:12,270 --> 00:15:19,050
Again I want to see what you guys come up with because I love it when these sort of scenarios are created

171
00:15:19,170 --> 00:15:22,670
and people start brainstorming really really good ideas.

172
00:15:22,680 --> 00:15:30,990
And my philosophy with everything product related is the best idea wins always wins no matter who comes

173
00:15:30,990 --> 00:15:32,060
up with it.

174
00:15:32,070 --> 00:15:41,410
So I want to see what you guys can come up with but for this example I'll do I'm going to insert a symbol

175
00:15:41,920 --> 00:15:54,370
go to my saver home and align it horizontally and vertically and I'm just going to grab this and confirmation

176
00:15:54,570 --> 00:16:01,110
pop over and get a copy at and away from my computer to think.

177
00:16:01,130 --> 00:16:08,720
And now with the iPod like that we can just go ahead and command paste or a command V to paste and we

178
00:16:08,720 --> 00:16:20,660
can just change a couple of things around here so we can say something like create new goal and I'm

179
00:16:20,660 --> 00:16:24,370
going to go ahead and make this a little bigger.

180
00:16:24,380 --> 00:16:33,710
I'm going to center line on this and make this a huge call to action create a new goal and I want to

181
00:16:33,710 --> 00:16:37,770
make this rectangle a little smaller.

182
00:16:38,680 --> 00:16:46,780
So what I want to do with this I want to make it a confirmed button obviously but then below it we are

183
00:16:46,910 --> 00:16:50,320
we are obviously going to need to have some sort of no.

184
00:16:50,350 --> 00:16:53,790
Right there's the confirm or there's no thank you.

185
00:16:53,790 --> 00:16:59,300
Womp womp But let's first grab these other two corners

186
00:17:02,370 --> 00:17:06,300
and let's make it five.

187
00:17:06,370 --> 00:17:07,390
I think it was five.

188
00:17:07,410 --> 00:17:10,350
We had just like the bottom two.

189
00:17:11,250 --> 00:17:18,140
And with the Confirm and the rectangle selected just going to center things vertically and horizontally.

190
00:17:19,320 --> 00:17:25,540
And what's command g to you know what it was already in the group.

191
00:17:25,630 --> 00:17:33,960
So I'm just going to click the rectangle that is inside and just center it horizontally.

192
00:17:35,340 --> 00:17:35,610
Cool.

193
00:17:35,650 --> 00:17:36,990
So we have our confirm.

194
00:17:37,030 --> 00:17:44,800
We obviously need to make something that's not like a no thank you but I like to do is kind of get a

195
00:17:44,800 --> 00:17:45,760
little weary with it.

196
00:17:45,760 --> 00:17:51,410
I like just creative text within apps.

197
00:17:51,410 --> 00:17:58,460
I think it's really funny and it's a good way to reflect your personality as a developer or your app's

198
00:17:58,460 --> 00:17:59,490
personality.

199
00:17:59,780 --> 00:18:02,900
So I want to do is for the no thanks or the dismiss.

200
00:18:02,900 --> 00:18:10,610
I'm going to make it really boring and it's actually proven that doing stuff like this increases confirmation

201
00:18:10,610 --> 00:18:19,580
rates or yes rates etc. So let's make this an ugly gray and we'll make it smaller because it's not as

202
00:18:19,580 --> 00:18:20,320
important.

203
00:18:21,730 --> 00:18:24,310
And we'll type something out like

204
00:18:28,410 --> 00:18:33,100
say no thanks.

205
00:18:33,100 --> 00:18:40,510
I don't want to save for cool stuff.

206
00:18:41,410 --> 00:18:44,900
All right let's make this a little bigger so that we can accommodate for that

207
00:18:48,840 --> 00:18:53,760
right and we can even say yes let's do it.

208
00:18:55,520 --> 00:18:59,820
Let's send this back yes let's do it or no thanks.

209
00:18:59,870 --> 00:19:01,360
I don't want to save for stuff.

210
00:19:01,430 --> 00:19:02,460
I'm a loser.

211
00:19:02,630 --> 00:19:05,160
I will spend all my money.

212
00:19:05,390 --> 00:19:06,310
Not cool stuff.

213
00:19:06,310 --> 00:19:15,880
So that is looking really really good so we can already get a feel for how this app is going to flow.

214
00:19:15,880 --> 00:19:17,930
I also like this orange is different.

215
00:19:18,130 --> 00:19:20,400
Don't you guys.

216
00:19:20,460 --> 00:19:22,550
I think I made a mistake.

217
00:19:25,230 --> 00:19:25,720
All right.

218
00:19:25,720 --> 00:19:28,530
So we're adding funds.

219
00:19:28,810 --> 00:19:29,770
So we want to add.

220
00:19:29,800 --> 00:19:31,690
Awesome.

221
00:19:31,750 --> 00:19:35,980
This is the reward we're seeing.

222
00:19:36,550 --> 00:19:41,340
You know what how much more we're saving then other people are also getting points.

223
00:19:41,350 --> 00:19:43,400
I think these two numbers are.

224
00:19:43,840 --> 00:19:49,380
Users are generally going to stick to they're going to like seeing how much more they're saving.

225
00:19:49,660 --> 00:19:57,220
Amongst others and then all obviously the points that they're collecting and then is the reinvestment

226
00:19:57,520 --> 00:19:58,450
create a new goal.

227
00:19:58,450 --> 00:20:00,270
Yes let's do it.

228
00:20:00,460 --> 00:20:01,690
Let's hide this little.

229
00:20:01,700 --> 00:20:08,520
No let's make it super boring and let's guilt trip people into not saving for awesome things.

230
00:20:08,620 --> 00:20:11,540
So that is it.

231
00:20:11,560 --> 00:20:16,350
Let's rename this just to keep things nice savor.

232
00:20:16,550 --> 00:20:17,960
What is this investment

233
00:20:21,330 --> 00:20:24,390
and yet you guys this is looking really really good.

234
00:20:24,390 --> 00:20:34,730
So what I want you guys to do is design now a screen what the create new looks like.

235
00:20:34,830 --> 00:20:39,560
I have an idea in my head and I want to see what you guys come up with.

236
00:20:39,690 --> 00:20:44,700
Obviously I think the best ideas always win no matter who creates them.

237
00:20:44,700 --> 00:20:46,290
I live and die by that.

238
00:20:46,290 --> 00:20:49,400
So show me what you got on dischord.

239
00:20:49,410 --> 00:20:51,290
I'd love to see them.

240
00:20:51,750 --> 00:20:54,550
And yeah we'll see you guys in the next video.