Hello and welcome back.
I'm going to be sketching some photos you can sell them on a tablet here because I just want to demonstrate
how we can Sketchers flows without using paper like people like to use tablets.
I'm using an application called Concepts.
It's a free application.
You can pay for some additional features, but I'm not paying right now and know I can just like draw
I can export this as a jpeg and send it to myself.
I need it.
That's all we really need for sketching.
So I totally recommend if you want to go the digital route, you can even do it in Sigma.
And yeah.
So I mean, you just grab your pen, you can even change the size of it.
If you want to get a little more thick there, if you double tap with two fingers, we'll just go back.
This is your eraser.
So for the sake of this video, I'm going to keep it pretty.
I think that's good.
Also, you can select different types of pens.
So what we'll do is.
Right now, we're using the regular pen, there's the fixed with pen, that's something that I rather
use just for actually drawing the wire frames.
So let's bring that down.
I think that's a little too thick.
OK, perfect.
Now we're ready to go here.
We're going to be focusing on a user's experience through certain journeys, both big and small, before
we even jump into those types of journeys, just want to give you a little understanding of what I'm
asking myself every time I approach something like this.
Step one, I want to understand what I need to draw.
So I've got to figure out exactly what I'm thinking of sketching.
Do I want to sketch a large journey or am I thinking about a small interaction?
Step two is defining some sort of starting point.
You can start at the beginning of a journey or in the middle or at the end you choose what you think
is best.
Typically, I like to start thinking about the most difficult or riskiest parts of the product.
First, some people actually like to start at the end and work their way backwards to figure out how
users get to a certain point.
Like I said, it's whatever works for you.
Step three, decide your next steps.
After you define that first starting point within your flow, you need to know where to go.
Well, that is up to you.
And you need to ask yourself some important questions.
Which way this step lead our users.
Where do you want them to go?
What does the user need to do to get there?
In the end, when I'm thinking about alternate scenarios or alternate flows, them trying to sketch,
I think about all the different questions in terms of alternative ways that a person can go through
a certain route.
So what options do they have?
What happens if the user closes the app at this point?
Where will they resume?
So these are the types of questions I'm always asking myself every time I approach a sketch.
So let's start with our very first sketch.
We're going to talk about mapping overall flow, think about a user's journey through the product.
That's like from point A all the way to point B. We want to understand when they come in and when they
leave and what that experience is like, it's like creating some sort of customer journey.
And here we can really outline different types of pain points when they're feeling happy through this
journey, when they're feeling sad and, you know, pick out different types of opportunities where
we can really improve that experience for them and also understand where exactly we can branch out and
focus on different types of flows.
Let's start sketching a general journey.
It doesn't need to be neat.
It needs to be just a little you need to be able to understand it.
We're going to start sketching a flow here.
The first one I'm thinking about is mapping the overall journey for our client habitual.
So if I think about step one, I'm just going to put one.
I'm going to draw a frame.
And we're not really focusing on UI elements here or anything like that, I just want to think about
what the user is possibly seeing, what screens they may be they possibly are going to and what they're
expecting.
So when they come to our application, you know, they may see a welcome screen.
And like some sort of button, maybe it's an onboarding process, we can figure that out later, but
now, like, we've kind of established that.
Step two.
Let's create another frame, you know, maybe the user when they come here, they're thinking about
searching right away, they want to find a product.
That's why they would use something like a visual.
So what I'm going to do is I'm going to just draw maybe homescreen that looks like a cube.
This just looks like a cube.
That's fine.
We're going to just draw, like, some boxes.
OK, so they come to this home screen and what they're going to do is they're going to search for a
product.
And the next step is that they're going to actually find that product, so they find their product and
they go and research those details.
And from here, after they've done that, they're interested in actually purchasing it, but right now
you'll notice that this is a very happy flow.
This is like what we really want our users to do every single time they come into our product.
And that's not always the case, so I'll probably see like a card with a little X, maybe there's a
check up, but and there are details of whatever they're purchasing, whatever product they want to
buy and move that over.
It came a little messy, but that's OK, I mean, we're getting a general sense of what this journey
is looking like and they get some sort of confirmation that the package has shipped, that you bought
it and it's right out the door.
And then I don't think the journey really ends there.
We need to think about what happens after it's shipped in this scenario, it's delivered and the user
is happy.
So this is what our whole flow starts to look like.
User comes in and is welcomed by us.
The search for a product, they find that product and review it, add it to their car and check out
the package chips and it is delivered to them and everyone is happy.
Now, that always doesn't happen.
And this is where I'm asking myself, well, you know, we asked herself the question of what the goal
was.
The goal was to sketch the whole journey.
We thought about what steps come next, but we didn't really think of alternate scenarios.
So what happens if they can't find their product is a scenario there.
If they can't find their product, maybe they have to go through some category searches.
So they start searching based off of categories.
Or they start maybe reading reviews.
There's different things that we need to always take into account.
Not very rarely, and this is an assumption, and we always try to validate our assumption, but my
assumption is that very rarely that everyone goes to the same exact flow.
Maybe they want to read reviews.
So we're starting to think about all the different types of scenarios that a user may experience in
their journey.
Maybe over here they're happy so we can give them a good onboarding.
Experience and over here, when they're searching, you know, maybe they're a little confused and maybe
this is a great way to implement a really easy search experience that makes them happy.
Oops.
So maybe we can really capitalize on that opportunity when you really need to think about who our users
are and what they really want to experience when they're moving through our app.
So that's how you map an overall flow using sketching.
And if you wanted to.
Like I said before, you can just export this, bring it into Fatemah, clean it up a bit and start
thinking about it there if you want to.
But that's how you map an overall flow.