One are at.
So are almost done here.
Things are looking really really good.
The the last thing that I want us to think about is the experience when you first open the app and first
impressions are everything.
Just like if you're meeting a person which is why I ask or you should be asking in the beginning of
every single project you know what is the personality of this app and if this app was a person how would
it want to be interacted with.
And so you only get a couple of seconds to get the user intrigued engaged and excited about your app
which is a huge task because because it's it's still a lot different than meeting a person for the first
time.
And if you don't like where a conversation is going in the first five minute or five seconds with an
actual human being it's not like you can just walk away and leave or say like I don't want to talk to
you anymore.
I mean you could but then you'd just be the rudest person in the room.
But with an out you could just close out of it and move on to the next thing like this.
There's there's no there's no shame in doing that.
I mean it's just the nature of the beast so you've got a couple of seconds to get them hooked right
now as it stands if I jumped in here and saw producer my tap to change all of this stuff bit on Project
post a job for it like I'd be like.
All right.
I don't what is what is all this.
Like I can play songs like I don't know where to even start.
So we're going to handle that right now and we're going to pretend that someone just downloaded the
app.
Now there's a couple of things to think about in this scenario right.
Either they stumbled across the app because they're searching a specific key term that we strategically
put into the app store so they will have some context of the app if they stumble upon it randomly because
it's tied to a key term.
And if you stumble upon an app you may have skimmed the description or the title or something so there's
slight context or you read about it online or some sort of marketing tactic or word of mouth.
So we're going to assume that there is some very very minimal baseline assumptions about our app meaning
that whoever is downloading it knows that it's some sort of thing for musicians and producers to connect.
So what I think will be really cool is if we just had some sort of really quick one or two second interaction
that gets them started and guides the path to exploring more via what we're going to do is in other
airport iPhone 7 and this one we're going to drag all the way up to the top over here.
Things are just be easier to work with and go ahead and insert your symbol could either be the artist
or the producer.
I'm just going to go with the artist for now.
And I'm just going to slap it right on the iPhone 7.
Let's go ahead and center things horizontally and vertically so it falls nicely.
Into it.
And let's also create a semi transparent black background so I'm going to insert a rectangle.
You guys know the drill am going to take off the borders and then make the fill pitch black and I'm
going to decrease the opacity to 20.
So what am I doing here.
I think it would be great if the user opens the app and they get two options and it's clear it's deliberate.
It's to the point and it will clearly indicate that the content that's being shown is specifically for
them or what they show.
So let's do this and insert a rounded rectangle.
Just going to create one round this big doesn't need to be the exact exact dimensions.
And I'm going to get rid of the borders and then make this white and add a shadow.
All of these presets are fine and is going to decrease the opacity a little bit.
It's maybe 25 so it's not so intense.
And now I'm going to answer some text.
It's going to say I am a
or maybe just I am me and let's make this bold because we are making a bold statement.
I am what
and it's going to be an artist or producer.
So let's go ahead and find Or maybe we might get a bunch of like paint brushes and stuff.
Let's go to Hendee musician.
You know what I think would be cooler saw this instead of I am.
I am looking for
every go.
OK so let me backtrack and unpack this one by one so I am looking for has a lot more intense than I
am right.
I am could be like I am an artist and a producer right.
But I am looking for is a lot more deliberate has a lot more intent and its a clear message.
So let's go ahead and let's find a musician Why are all these so funky.
I don't know.
Well
I I'm just going to choose this little guy for now.
He seems
good for now.
Good enough for this.
And of course this is 10000 points by whatever scale this down and I'm going to jump into edit mode
and get rid of this text.
And let's get crazy let's let's make this dude orange our orange.
And a little smaller
and I'm going to put them over here and I'm going to insert some text.
Say I am looking for a
musician
right.
Well change this to regular and I'm going to decrease the size to around 15.
So that's cool.
Go ahead and group those.
So that's musician I'm looking for a musician.
And let's find a producer.
Let's see I think out and we're getting produce of course.
Maybe we'll do
a recording.
I don't want to spend a whole lot of time looking for an icon but you guys get the idea.
Go ahead and search for a an icon that suits it.
Well if not you might be able to make one.
I might even just go back and look at musicians real quick let me give this one more shot here.
Let's see if there is any I mean the conductors kind of kind of fits it.
I don't know.
We'll just go with him.
This maistre seems like a good standup guy.
And let's downside downscaled give just a little bit bring this and double click to jump into a mode.
Get rid of the text scale this and even more.
And we could even just make this that green color.
I think that the way to go it's not that one.
Know that for sure.
Which one is it.
Well let's do this.
I'm going to go ahead and just Control-C on this screen
and let's insert some text lets just type producer
OK.
Let's go ahead and group that and say producer and now we can do is just kind of have these side by
side make sure the spacing is good.
I'm going to highlight both of these and center the or I'm sorry.
Snap them to the bottom to the bottom because we want the text to be along the same line.
I'm going to group this call in options and with the rectangle selected I'm going to step to the center
right.
Again I think this one or this this one I don't even remember the term is called is throwing us off
just a little bit.
I'm going to scoot this over a couple of points.
It's really it really should be your eyes are drawn to the to the text and where they are in relation
to the edges not so much the icons but yeah.
So this is a great what.
So why don't we do this right.
You go into the app.
I am looking for a musician or producer instantly.
You can select one of these.
And then the mode will change based upon based upon whatever is selected and then what's really cool.
So here let's just rename this really quickly call this intro call to action maybe insert another our
airport
and drag us all the way up
and I'm going to insert the field again.
Artist
we could have actually just copied it as well but that's OK.
So go ahead and just copy your your semi transparent rectangle and just throw that over your new art
board and make sure it's a line vertically and horizontally.
And so once you choose one of these what we could also do is let them know that hey you know what you
can change this right appear so let's decrease the height of our semi-transparent rectangle to show
the navigation bar.
And let's do this
go ahead and insert a rectangle
and I want you to oh go oh we are going to insert a rectangle leave maybe 15 or 20 points from the bottom
of the neph and we're going to have it stretch all the way to the right and maybe have it be 70 points
high.
Get let's get rid of the borders and we're going to make this white.
Now what's cool about sketch is you can create points and manipulate them as a shape.
So what I want to do is add a little triangle here and we can do a couple of things but we're going
to do it one way first.
Double click it to go into that mode.
Why is this still showing up all right.
Well as you can see you have these little these little dots on the edges right.
And these didn't know where there is a change in direction.
That's obviously because you have a rectangle there is four.
Let's go ahead and create a point on here somewhere.
If you drag it along it'll denote where the center is so let's just bring it up.
All the way to the top and we are going to go ahead and choose straight right here and we're going to
do is just make this a solid point.
Now let's create a point right here.
Let's track it down.
All the way until
we've
created almost a line between our left point and this one.
And go ahead and click straight and we're going to do the same thing on this side.
And we want to make it
equidistant to go ahead and head straight and I'm going to talk with a grid on.
I think we got pretty close.
All right.
So
that looks really really cool.
And let's just go ahead and answer some text we're going to say
don't worry.
You can change this at any time.
All right that's perfect regular size 15.
And let's just put it smack dab in the middle.
And yeah this is perfect so if I am new to the app I sign up and I am looking for a musician.
I click this.
This is a small interaction that takes two seconds for me to digest.
Don't worry I can change it any time.
OK I got it.
I know where I'm supposed to do here and now I can dive right into the app and keep exploring.
So this is this is really really deep guys is awesome.
What I want you guys to do is I purposely left out the inbox and the ME the inbox because it was you
know you'd be messaging people very similar to saved except for you know there'd be more of a message
interface and the ME is a profile.
And what I want you guys to do is get really creative and think about how the profile might look.
I want you guys to build this out on your own and using all the principles and user interface and user
experience things that we've covered in these past couple videos create the profiles screen.
I want to see what you guys come up with.
Find me on Dischord find me on Facebook YouTube.
I don't care.
I want to see what you guys can do with this.
Here is the situation you guys have been you know given $500000 seed around to start this.
You're designing and as a product manager whatever they hand this off to you.
Hey I need you to design the profile screen.
Go for it.
Make something happen.
So that's it for this video.
I'll see you in the next
one.