what's up guys first night here and this
is the very first video of the webseries
where we go over how to design an
application since I am currently
designing an iOS application and I plan
to implement that application and deploy
onto the App Store I figured why not
make a webseries to kind of teach you
guys the process that I'm going through
and kind of what you need to do in order
to have a well designed application and
this is going to be the first video of
this series where we go over ideas and
sketching it essentially and then next
video we're going to be going into
working with Adobe XD and designing that
followed by putting together the
prototype and make sure all the screens
are linked together so this it all
sounds interesting to you be sure to
subscribe so you don't miss the future
episodes and let's get into it so the
iOS application that I'm currently
designing has to do with freelancing in
the market over there but let's focus on
something else because I don't want to
give away all my secrets of the app I'm
designing so let's do a recipe sharing
social media platform so that's our idea
what do we need within that that's the
next step what we'll need is just like
any other social media platform which is
a sign-up screen a login a profile
ability to edit that profile we need to
the ability to post recipes the ability
to save those recipes to see those
recipes on a feed we need we want to be
able to explore recipes what if I'm
looking for chicken parmesan and there's
no search bar well good lucks just
scroll through your feed until you find
it you need a Explorer you need a
notification screen and that's what you
want to do when you're thinking when
you're ready have your idea and you need
to design your application you need to
know what screens you need and as you go
through drawing all these out you're
going to think I need that screen too
that screen too so just get 5 to 10
screens in your mind right now and just
start drawing them out and then once you
go into actually designing it actually
drawing it out you'll realize like what
other screens you need and then you'll
implement those as well now we've done
that let's get into turning those ideas
into paper let's draw them out what you
can do is have like a iPhone mock-up
that you print it out and it's exact
of an iPhone 7 or an Android or an
iPhone 5 or se or whatever it may be or
what you can do is have a ruler where
you're kind of measuring the dimensions
of an iPhone and you've got to have a
exact screen size that you just drew out
or what most people do from what I've
seen when you're just sketching you just
start rectangles that are close in size
to the screen that you want because all
you're going to do is translate those
over to your software and this instance
is going to be in wxd it may be sketch
or something else but at that time is
when you're going to make it look all
pretty right now we're just trying to
get a concept from our head onto paper
so let's do it
[Music]
so what we had here is the first screen
that you're going to see upon launching
the application it asks for your email
password and sign in that's because we
don't know if you already have an
account but what you can do is come down
here to new member in order to sign up
or you can register with Facebook
Twitter or Google+ let's take for
instance that you clicked on new member
you need to sign up with your email what
you have to put in is your full name
your email address your password confirm
your password and maybe your mobile
number we ever so wish and then you want
to continue depending on what the
application is maybe what the screen
will be after that is editing your
profile you need to put in a profile
picture let's say you need to add in a
bio and anything else that we wish for
them to add to their profile just as
like a first starting point however I
didn't draw that screen just yet because
we're just going through a few screens
in this video what I plan on doing is
just going over showing you guys a few
of the screens let's just say for
example of course I show you did sign in
and sign up screen and we're going to go
through creating some of these screens
and the wxd and turning those from
design into prototype as well but at the
end of all of this I'm going to put a
link down in the description once it's
ready where all these screens will be
patched together and for sale over on
dribble for those who don't feel like
designing the whole thing themselves and
they want to template and where you can
have a template you can change your
colors you can change your shapes and
you can change everything here and there
instead of creating your thing from
scratch so depending on how you evaluate
your time to your money determines
whether you want to build it all on your
own
or you just want to spend 10 or 20 bucks
in the buy this thing but something else
we probably want to do with the
application is ask what kind of food
that person likes for example and then
make them follow 10 people to start off
with and then it immediately goes to
their feed after they choose that and
they can see the most recent posts from
those ten people they are now following
just to kind of get them not an empty
feed or no people they're following just
so they kind of get that jumpstart of
that social media experience and then
you're going to keep doing that you're
just going to keep building screens
think about what you want that screen to
display like for example right now I was
just thinking I just thought off the top
of my head that we should make the
people follow ten people in order for
them to start off with that social media
experience and have that feed already
filled with their recipes just so they
kind of get that jumpstart you know so
what you want to do is kind of go
through that motion say okay I want to
feed all right how do I want to lay out
how they post things if it's a recipe
how are you going to do that you want to
post an image you want to post a title
of the recipe you want to post a
description of the recipe then you want
to post all the ingredients and stuff do
you want them to format all the that
themselves or do you want a specific
format where you kind of give them text
boxes that you know you can upload an
image here for the text boxes you know
you put your title here you put your
description here whatever it may be I
don't know but that's what you kind of
want to think about and by the end of
this series I'm going to have to figure
it out because I'm going to have to make
sure all of the screens are element into
that package which in all honesty that
package would be something that you
would be showing to your client or what
you would be showing to your developer
so they can improve and start developing
but that's it for now just kind of like
a short intro and then next episode
we're going to be getting into actually
how to design something like this in
Adobe XD so stay tuned we share
subscribe if you haven't already and
until next time have a good one
[Music]