One.
All right guys welcome back.
So we did a great job with the trigger and the action.
Now we're going to do is move on to the reward and investment.
And one thing I want to say before we move on to those two is there was a great quote about creating
sugars and basically it said that you want to be the source of relief.
Every time the user comes across a specific problem in their life right you're your app or your product
should be the main source of relief for that.
And that is the ultimate goal of rich sugar because then when they come across that either consciously
or subconsciously they think of your product they think of your app and they immediately open up and
go to it.
So keep that in mind when you're creating triggers or when you're building out your product in general
it's something really really crucial for the viral products.
So we did that.
The action is good.
Now let's move on to the reward.
So let's brainstorm for a little bit.
What happens when you click the Add $140 button.
I think it'd be really cool.
Well first I think we need to confirm that we want to add $140.
I think it's a little scary to be just be throwing around wads of cash on the on the touch of a button.
I guess that's where that's where we are these days.
But I think we should have some sort of confirmation and then maybe we can show some sort of this could
have some rewards points system.
But I also think it'd be cool to show how you are in comparison to other users in the app.
Not exactly monetarily but you could say hey you know what you've saved more than 82 percent of the
community today something that keeps people going to say like hey I'm I'm doing better than everybody
or you know I've got I'm doing better than some people at least.
Obviously it's not going to be perfect down to a tee but the concept of it is going to really get the
idea going and drive it home.
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
art board first iPhone 7 is fine.
And we're going to go ahead and say call this a saver
confirmation and we're going to have it be a little pop over.
And so we're going to turn this into a symbol.
Our home page into a symbol.
And let's go ahead and just drop it right on here.
Well
next let's insert a rectangle.
I was going to drag it all the way over let's get rid of the borders and make this pitch black.
And then while it's selected I'm going to decrease the opacity to maybe I'm 30.
There's a lot of bright colors in here.
I want to subdue it a little more.
And now let's go ahead and insert our.
Let's do a rounded rectangle for this one.
We have a lot of circles going whoa that's a very rounded rectangle.
You can decrease the radius and do maybe five.
Be really good.
And all we need is basically room for a button in a small one liner so to make this a little smaller
let's get rid of the borders all the standard stuff and going to make this completely white and give
it a shadow and let's just decrease the opacity to around 25.
Give it a nice pop.
All right so just a really nice slick simple confirmation.
We'll go ahead and say add 140.
And obviously this is why it's so we need to turn this into maybe the orange color or the green color
Whichever fits your personality the best that's I'm going to say 140
and we have a little button that says OK.
So what I want to do is I'm going to insert a rectangle right here.
And have it snap to the edges and let's get rid of the border and the fill will make our orange color.
This one actually.
And we need to round these corners off so all we can do is double click this rectangle.
And here are our points where the angle changes.
So we'll just click this one.
Hold down shift and click this one over here and we'll change these corners to five.
And now we have a perfectly fit button right here to bring this down add $140 maybe make it a little
bigger.
It is $140.
We got to make sure that people see that and let's just type in confirm that's another thing that you
might want to do your abs personality is going to speak to how you're basically how your app speaks
back to your users rights.
If it's a friendly app maybe something like Yes or let's do it.
If it's if it's a more serious app maybe confirm as little better really up to you.
So I think confirm is better we're dealing with actual dollars actual money.
And I think people will feel a little more comfortable with that verbiage.
So I am going to select those two elements and align them vertically.
Let's just start grouping things up some in a command g to group say confirm button and then I'm going
to add this text and the rectangle and the confirmed button and commands you to group them and just
confirm pop over.
All right that's great.
So the next thing that we're going to do is maybe what we should do is have another pop over once it's
confirmed or we can say you're saving more than maybe 82 percent of people this month and you've earned
34 Savir points something right that would be really really awesome.
So let's go ahead and insert another our board another iPhone 7 and let's insert our home symbol that
we just created.
Just drop this right in here.
And I don't know why it's starting to be offset but let's go ahead and grab our rectangle from the confirmation
list.
I'm just going to option drag this over save some time and make sure it's aligned vertically and horizontally.
And let's make another
another rounded rectangle and this is going to be a little bigger because we're adding a little more
text to it.
And of course it is completely off so he can center it this way.
And bring it up a little bit.
So let's do the same thing get rid of the borders.
I want to make the film completely white and add some shadows.
Here we go now right.
So here is our reward box.
We'll go ahead and just type something in real quick say.
Great job.
I can't see anything
job.
I'm going to make this.
I want to make this really big.
I'm gonna change this to light and I'm going to scale this up a ton.
And we'll say let's scale this down first maybe 2:16 will say you're saving more than 70 percent of
people this month and what I'm going to do first I'm going to center align it.
But what I'm going to do is make 70 percent bold so that the user knows that that is an actual generated
number and that's not just a template text.
Basically right not like we're saying 70 percent for everybody.
Every time this is being generated we're doing a calculation and we're telling them hey you're ahead
this month.
Great job.
Keep it up.
So we can bold it.
We could also make it a different color if you want but I think this looks really really cool.
And so that's good.
And we can also
say something like claim your saver reward points something maybe there's some sort of system that we
have and we can even turn that into a button.
So we don't need to have this huge huge box.
But actually let's see how creative we can get with this so let's go ahead and insert an oval.
And I'm just going to throw this right smack dab in the middle.
Well that's fine.
Could be a little higher.
All right get rid of the borders and I'm going to make this the orange color because I really like that
orange and let's insert some text and we'll say maybe something like 50 Savir points what we'll do is
I'm going to format it this way and I'm going to make the 50 huge.
So let's bring this up and I'm going to bold it.
This is a huge deal you just got 57 points.
I've no clue how that translates into actual dollars but I assure you it is awesome.
And let's make this a regular font and white as well.
Asa
I'm going to bring this down to kind of a line the 50 a little closer to the center of the circle.
Let's go ahead and grab that text and the circle and group it with you save points.
And what we can do is have a button
actually let's insert a rectangle and we'll just have it beat to the bottom.
I want to keep everything the same generally the same.
Let's get rid of the borders and create another orange button.
And I want to grab these two just like we did with the with the other one I'm holding down shift to
only select the bottom two.
And I want the corners to be rounded the exact same as the as the other one I think there was five or
eight strike five.
And then let's insert some text.
We're going to say collect saver points and of course this is in 5000 fonts.
I'm going to decrease this to around
writes
So that looks great.
So let's go ahead and rename this art board we'll be the reward saver reward
ok K that is looking great.
And lastly what we want to do is create an investment right so how are we going to get our users to
invest back into our platform and to get them back into this cycle again.
And quite possibly respond to a trigger.
Well I think what we should do is do some sort of call to action that
prompts them to invest in something else.
You know you just you're feeling good.
You just saved up for your goal.
What's something else that you want to save for.
Right.
So we can do this one of two ways we could either put it in here or it can just be another complete
screen altogether.
And what we can do and this is where user experience comes in and really really slick animations as
we can actually make another pop over that kind of once you collect your points at this point animates
it collects and it kind of swipes off the screen.
But the paba still stays.
And then it prompts me to maybe answer another goal that you might have.
Right so we could do that or we can just say create new goal and it will bring us to the form that we
are will that you will create very soon.
So I'm going to go with the second example but definitely explore the first example on your own.
Again I want to see what you guys come up with because I love it when these sort of scenarios are created
and people start brainstorming really really good ideas.
And my philosophy with everything product related is the best idea wins always wins no matter who comes
up with it.
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
go to my saver home and align it horizontally and vertically and I'm just going to grab this and confirmation
pop over and get a copy at and away from my computer to think.
And now with the iPod like that we can just go ahead and command paste or a command V to paste and we
can just change a couple of things around here so we can say something like create new goal and I'm
going to go ahead and make this a little bigger.
I'm going to center line on this and make this a huge call to action create a new goal and I want to
make this rectangle a little smaller.
So what I want to do with this I want to make it a confirmed button obviously but then below it we are
we are obviously going to need to have some sort of no.
Right there's the confirm or there's no thank you.
Womp womp But let's first grab these other two corners
and let's make it five.
I think it was five.
We had just like the bottom two.
And with the Confirm and the rectangle selected just going to center things vertically and horizontally.
And what's command g to you know what it was already in the group.
So I'm just going to click the rectangle that is inside and just center it horizontally.
Cool.
So we have our confirm.
We obviously need to make something that's not like a no thank you but I like to do is kind of get a
little weary with it.
I like just creative text within apps.
I think it's really funny and it's a good way to reflect your personality as a developer or your app's
personality.
So I want to do is for the no thanks or the dismiss.
I'm going to make it really boring and it's actually proven that doing stuff like this increases confirmation
rates or yes rates etc. So let's make this an ugly gray and we'll make it smaller because it's not as
important.
And we'll type something out like
say no thanks.
I don't want to save for cool stuff.
All right let's make this a little bigger so that we can accommodate for that
right and we can even say yes let's do it.
Let's send this back yes let's do it or no thanks.
I don't want to save for stuff.
I'm a loser.
I will spend all my money.
Not cool stuff.
So that is looking really really good so we can already get a feel for how this app is going to flow.
I also like this orange is different.
Don't you guys.
I think I made a mistake.
All right.
So we're adding funds.
So we want to add.
Awesome.
This is the reward we're seeing.
You know what how much more we're saving then other people are also getting points.
I think these two numbers are.
Users are generally going to stick to they're going to like seeing how much more they're saving.
Amongst others and then all obviously the points that they're collecting and then is the reinvestment
create a new goal.
Yes let's do it.
Let's hide this little.
No let's make it super boring and let's guilt trip people into not saving for awesome things.
So that is it.
Let's rename this just to keep things nice savor.
What is this investment
and yet you guys this is looking really really good.
So what I want you guys to do is design now a screen what the create new looks like.
I have an idea in my head and I want to see what you guys come up with.
Obviously I think the best ideas always win no matter who creates them.
I live and die by that.
So show me what you got on dischord.
I'd love to see them.
And yeah we'll see you guys in the next video.