Original subtitles

‫Hello and welcome back.

‫We're going to be talking about sketching today in this lesson.

‫And sketching is really interesting.

‫I mean, there's so many different ways we can use sketching for user experience design.

‫One thing I really like to do is use it just for idea generation.

‫And we're going to learn about that.

‫We're going to learn about the process.

‫We're going to learn about sketching different types of flows and some tips in between.

‫So let's jump right in.

‫We're going to start with an intro to sketching.

‫So sketching is a two step process.

‫It's very important to remember designers consider their options and then proceed to work out those

‫details.

‫That first step is called Idea Generation.

‫And what we want to do here is we want to approach a new product and generate as many ideas as we can.

‫It isn't uncommon for us to be missing certain ideas or elements or details, but I mean, it's just

‫about getting ideas out there quickly.

‫Doesn't matter.

‫It isn't really focusing on the detail just at this moment.

‫Generally, as many approaches and then decide on which one is the most efficient for the task you're

‫trying to solve for the next step is adding detail and refinement.

‫So step by step you work on refining those sketches and then adding more detail.

‫It's okay to kill some of your ideas here, and that's the point.

‫So don't really get bogged down by all the messy sketches or the lack of detail.

‫Just keep on going and refining and it'll come over time.

‫Now let's jump right into how we actually take a look at that process.

‫And we go from idea generation all the way to refinement.

‫Now that first step is generating ideas like we just spoke about.

‫Now these are the initial sketches you basically create, and they have lower level details.

‫They have no colors, usually maybe some colors to signify key parts of the sketch.

‫But the goal here is to draw a lot of basic sketches.

‫You'll notice here that there's just like a square, an arrow, some text.

‫I mean, at this point, like I said, just generating as many options as you possibly can.

‫Don't get bogged down by those details from here.

‫We're going to start really kind of refining and adding some details so we can start making some sketch

‫like wireframes.

‫And you'll notice that your promising sketches start to lead to more detailed view, and it may not

‫have all the details still, and that's totally fine, but it will have a lot of the key details and

‫you want to refine those from those sketches that you had over here.

‫So you'll notice that like we start adding a little more elements and different types of UI elements

‫up here and down here buttons, different types of inputs.

‫This is when we're starting to think a little bit more about interaction now.

‫It will feature a lot more detail flows as well.

‫So we'll get into this soon.

‫Don't worry about that.

‫The next step.

‫So what I'm getting to visual design and start thinking much more about these wireframes in much more

‫detail.

‫I'm actually going to refine a lot of sketches and start to pull out certain elements that I think are

‫really needed.

‫So I'll start to realize that as I start building out these kind of components, I'm going to need like

‫buttons.

‫I'm going to need different inputs.

‫I'm going to need to account for different types of content.

‫And that's really going to help us in the future when we're thinking about the different types of requirements

‫that we need.

‫That is the basic process from going from ideas all the way to components.

‫Next, we're going to be talking about entire sketching process.