1
00:00:00,730 --> 00:00:02,080
Hello and welcome back.

2
00:00:02,110 --> 00:00:06,110
We're going to be talking about sketching today in this lesson and sketching is really interesting.

3
00:00:06,160 --> 00:00:09,850
I mean, there's so many different ways we can use sketching for user experience design.

4
00:00:10,300 --> 00:00:14,200
One thing I really like to do is use it just for idea generation.

5
00:00:14,200 --> 00:00:16,020
And, you know, we're gonna learn about that.

6
00:00:16,030 --> 00:00:17,650
We're going to learn about the process.

7
00:00:18,130 --> 00:00:21,560
We learn about sketching different types of clothes and some tips in between.

8
00:00:21,910 --> 00:00:23,460
So let's jump right in.

9
00:00:24,430 --> 00:00:26,500
We're going to start with an intro to Sketching.

10
00:00:27,190 --> 00:00:29,530
So sketching is a two step process.

11
00:00:29,700 --> 00:00:34,540
It's very important to remember designers consider their options and then proceed to work out those

12
00:00:34,540 --> 00:00:35,140
details.

13
00:00:35,800 --> 00:00:38,230
That first step is called idea generation.

14
00:00:38,380 --> 00:00:44,800
And what we want to do here is we want to approach a new product and generate as many ideas as we can.

15
00:00:44,980 --> 00:00:50,050
It isn't uncommon for us to be missing certain ideas or elements or details.

16
00:00:50,440 --> 00:00:53,530
But I mean, it's just about getting ideas out there quickly.

17
00:00:54,040 --> 00:00:54,790
Doesn't matter.

18
00:00:54,970 --> 00:01:01,090
It isn't really focusing on the detail just at this moment, generate as many approaches and then decide

19
00:01:01,090 --> 00:01:07,690
on which one is the most efficient for the task of trying to solve for the next step is adding detail

20
00:01:07,690 --> 00:01:08,240
and refinement.

21
00:01:08,650 --> 00:01:14,400
So step by step, you work on refining those sketches and then adding more detail.

22
00:01:14,980 --> 00:01:17,110
It's OK to kill some of your ideas here.

23
00:01:17,110 --> 00:01:17,950
And that's the point.

24
00:01:18,280 --> 00:01:23,440
So don't really get bogged down by all the messy sketches or the lack of detail.

25
00:01:23,440 --> 00:01:26,650
Just keep on going and refining and you'll come over time.

26
00:01:27,040 --> 00:01:33,130
Now, let's jump right into how we actually take a look at that process and we go from idea generation

27
00:01:33,550 --> 00:01:34,930
all the way to refinement.

28
00:01:35,440 --> 00:01:38,730
Now, that first step is generating ideas like we just spoke about.

29
00:01:39,430 --> 00:01:45,100
Now these are the initial sketches you basically create and they have lower level details.

30
00:01:45,700 --> 00:01:51,520
They have no colors, usually maybe some colors to signify key parts of the sketch.

31
00:01:51,940 --> 00:01:54,820
But the goal here is to draw a lot of basic sketches.

32
00:01:54,820 --> 00:01:58,630
You'll notice here that there's just like a square and arrow, some text.

33
00:01:58,940 --> 00:02:03,580
I mean, at this point, like I said, just generating as many options as you possibly can.

34
00:02:04,090 --> 00:02:07,060
Don't get bogged down by those details from here.

35
00:02:07,510 --> 00:02:12,340
We're going to start really kind of refining and start adding some detail so we can start making some

36
00:02:12,340 --> 00:02:13,540
sketch like wire frames.

37
00:02:14,110 --> 00:02:17,800
And you'll notice that you're promising sketches start to lead to a more detailed view.

38
00:02:18,520 --> 00:02:20,530
And it may not have all the details still.

39
00:02:20,530 --> 00:02:23,860
And that's totally fine, but will have a lot of the key details.

40
00:02:23,860 --> 00:02:27,610
And you want to refine those from those sketches that you had over here.

41
00:02:27,610 --> 00:02:33,130
So you'll notice that like we start adding a little bit more elements and different types of UI elements

42
00:02:33,130 --> 00:02:37,270
up here and down here, but ins, different types of inputs.

43
00:02:37,870 --> 00:02:40,390
This is when we're starting to think a little bit more about interaction.

44
00:02:40,790 --> 00:02:43,870
Now, it will feature a lot more detail flows as well.

45
00:02:44,200 --> 00:02:45,610
So we'll get into this soon.

46
00:02:45,610 --> 00:02:46,360
Don't worry about that.

47
00:02:46,900 --> 00:02:47,770
The next step.

48
00:02:48,550 --> 00:02:52,990
So what I'm getting into visual design and start thinking much more about these wire frames in much

49
00:02:52,990 --> 00:02:53,650
more detail.

50
00:02:54,100 --> 00:03:00,160
I'm actually going to refine a lot of sketches and start to pull out certain elements that I think are

51
00:03:00,160 --> 00:03:00,840
really needed.

52
00:03:01,120 --> 00:03:06,070
So, like, I'll start to realize that as I start building out these kind of components, I'm going

53
00:03:06,070 --> 00:03:07,480
to need like buttons.

54
00:03:07,480 --> 00:03:09,100
I'm going to need different inputs.

55
00:03:09,100 --> 00:03:12,280
I'm going to need to account for different types of content.

56
00:03:12,850 --> 00:03:15,670
And that's really going to help us in the future.

57
00:03:15,670 --> 00:03:18,250
And we're thinking about the different types of requirements that we need.

58
00:03:18,880 --> 00:03:23,080
That is the basic process from going from ideas all the way to components.

59
00:03:23,560 --> 00:03:27,130
Next, we're going to be talking about entire sketching process.