1
00:00:00,450 --> 00:00:04,830
Let's talk about the differences between a designer and a developer.

2
00:00:05,220 --> 00:00:10,830
Now, you may know this already, but if you're just starting out, these terms are often confusing

3
00:00:10,830 --> 00:00:15,490
and most people can decide whether they want to be a designer or a developer.

4
00:00:15,750 --> 00:00:23,820
So let's have a look at these two fields and see what their differences are and also where they overlap,

5
00:00:24,180 --> 00:00:27,090
because there is a lot of crossover.

6
00:00:27,420 --> 00:00:34,860
But the main difference is that a designer is focused on the aesthetics, the experience of the user

7
00:00:35,160 --> 00:00:42,690
versus a developer is focused more on the internals and the things that make a product work.

8
00:00:42,990 --> 00:00:45,950
But let's get a little bit deeper into that.

9
00:00:46,440 --> 00:00:51,990
You see, the first phase of building any product is the planning phase.

10
00:00:52,740 --> 00:00:56,520
This planning phase is probably the most important.

11
00:00:57,030 --> 00:01:00,890
This is where we decide and map the entire project.

12
00:01:01,230 --> 00:01:03,900
How should the product look?

13
00:01:03,900 --> 00:01:04,790
How should it feel?

14
00:01:05,190 --> 00:01:06,220
What should I do?

15
00:01:07,020 --> 00:01:13,050
This is also the part where you're usually interacting with the client and deciding what their goals

16
00:01:13,050 --> 00:01:20,760
are, what the user's goals are, and planning out the project so that you have defined goals that you

17
00:01:20,760 --> 00:01:22,800
want to achieve with your product.

18
00:01:23,310 --> 00:01:32,730
From the planning phase, we go into the design phase and the design phase is all about using all the

19
00:01:32,730 --> 00:01:37,060
information in the planning phase and making it into reality.

20
00:01:37,530 --> 00:01:42,530
Usually you'd create something like site structure or mobile structure.

21
00:01:43,290 --> 00:01:45,330
You'll have visual representation.

22
00:01:45,330 --> 00:01:46,770
How will the product look?

23
00:01:47,130 --> 00:01:51,070
What would the users see by the end of the design phase?

24
00:01:51,240 --> 00:01:56,070
You usually know what the product should look like, what the product should do.

25
00:01:56,670 --> 00:02:00,000
From there we get into the development phase.

26
00:02:00,840 --> 00:02:04,890
The development phase is where we do the programming work.

27
00:02:05,100 --> 00:02:11,010
We usually take all the assets and information that we've gathered from the previous stage.

28
00:02:11,010 --> 00:02:17,490
That is the design phase and we try to implement it on a live website or live mobile app.

29
00:02:18,090 --> 00:02:26,220
You might use things like ASML, Success and JavaScript to make the designs come alive so that they're

30
00:02:26,370 --> 00:02:26,970
online.

31
00:02:27,510 --> 00:02:28,710
They're on your phone.

32
00:02:29,730 --> 00:02:35,670
Once you've build the product, you've developed the product, then we get into the exciting phase of

33
00:02:35,970 --> 00:02:36,820
the launch phase.

34
00:02:37,680 --> 00:02:43,150
This is where we deliver our product to the users, to the public.

35
00:02:43,650 --> 00:02:50,670
Usually there is some polishing that we need to do, maybe some design tweaks, maybe some testing of

36
00:02:50,670 --> 00:02:52,640
our site to make sure that it works properly.

37
00:02:53,310 --> 00:02:55,850
But this is the critical part.

38
00:02:56,580 --> 00:03:00,050
Once we launch our product, it doesn't end there.

39
00:03:01,640 --> 00:03:11,420
The next step is the post launch, this is usually where we hand off the product to a client, but we

40
00:03:11,420 --> 00:03:14,240
also monitor how the launch goes.

41
00:03:14,810 --> 00:03:17,000
How do the users use the product?

42
00:03:17,030 --> 00:03:18,530
Are there any issues?

43
00:03:19,220 --> 00:03:24,820
Because most of the time when you create something, it's not 100 percent right from the beginning.

44
00:03:25,220 --> 00:03:33,980
So instead you learn from your first version that you launched and then you iterate that is you improve

45
00:03:33,980 --> 00:03:34,370
upon it.

46
00:03:34,550 --> 00:03:41,690
You maybe do user testing and understand why users aren't clicking on this button, or maybe users are

47
00:03:41,690 --> 00:03:44,480
confused how your product works.

48
00:03:45,140 --> 00:03:54,470
And this turns into a loop because from the insights that you get after the launch, you can now start

49
00:03:54,470 --> 00:03:55,790
improving your product.

50
00:03:56,010 --> 00:04:02,480
You can start planning again, designing and developing again and launching again so that you get better

51
00:04:02,480 --> 00:04:03,530
and better insights.

52
00:04:03,530 --> 00:04:05,750
You improve the product over and over.

53
00:04:06,880 --> 00:04:14,380
And this whole process continues, you can never really finish a product because a product can always

54
00:04:14,530 --> 00:04:15,190
be improved.

55
00:04:16,420 --> 00:04:20,080
But we're talking about designers and developers here, so where do they come in?

56
00:04:20,830 --> 00:04:26,320
Well, a simplified version of this is that a designer is in charge of this part.

57
00:04:27,270 --> 00:04:33,270
They're heavily involved with the planning phase of working with the client and deciding what the goals

58
00:04:33,270 --> 00:04:33,460
are.

59
00:04:33,510 --> 00:04:35,430
What do we want the users to do?

60
00:04:35,940 --> 00:04:40,460
They're obviously heavily involved in the designs they need to design the product.

61
00:04:40,470 --> 00:04:44,490
So it looks nice, it looks friendly, it looks usable.

62
00:04:45,120 --> 00:04:48,390
It meets the client end user expectations.

63
00:04:49,170 --> 00:04:55,470
But they're also involved in doing things like user testing, learning from the users and improving

64
00:04:55,650 --> 00:04:57,870
their designs from what they learn.

65
00:04:58,470 --> 00:05:02,160
The developers are mainly focused with this part.

66
00:05:03,420 --> 00:05:11,010
They are usually the ones that receive the designs and start using things like HTML, CSS and JavaScript

67
00:05:11,400 --> 00:05:16,990
to implement those designs into an actual working website or a mobile app.

68
00:05:17,520 --> 00:05:23,880
They also might help with the launch by putting the code that they've created on a server monitoring

69
00:05:23,880 --> 00:05:25,590
and launching the product.

70
00:05:26,220 --> 00:05:29,540
But they're also going to encounter bugs in their code.

71
00:05:29,580 --> 00:05:35,270
Maybe they've programmed something that isn't efficient or is incorrect and it creates bugs.

72
00:05:35,310 --> 00:05:37,100
Well, they have to fix those as well.

73
00:05:37,770 --> 00:05:40,880
So they're also involved in the post launch process.

74
00:05:41,580 --> 00:05:45,690
So remember what I said at the beginning, design is all about these aesthetics.

75
00:05:46,380 --> 00:05:53,700
You don't necessarily need to code because you're involved more at the beginning stages and later stages

76
00:05:53,700 --> 00:05:55,380
of the product development phase.

77
00:05:55,740 --> 00:06:03,990
But it doesn't hurt to know how developers use e-mail and JavaScript to create websites, which is why

78
00:06:03,990 --> 00:06:10,260
we've included those sections later on in the course so that you also understand how you might want

79
00:06:10,260 --> 00:06:11,550
to do this yourself.

80
00:06:12,510 --> 00:06:19,620
But as a developer, you also might want to learn how to design, how to plan things, because then

81
00:06:19,980 --> 00:06:22,720
you're able to understand the whole product better.

82
00:06:23,190 --> 00:06:29,130
So these borders, although might look rigid right now, can overflow into each other.

83
00:06:29,700 --> 00:06:33,000
But if you wanted just a guideline, this is it.

84
00:06:33,360 --> 00:06:37,930
To be a great designer, you need to focus on these three things.

85
00:06:38,370 --> 00:06:38,910
Sure.

86
00:06:39,090 --> 00:06:42,330
ASML and access and some programming will help you.

87
00:06:42,550 --> 00:06:47,820
You know, we've added a couple of extra videos in there for you to still see the whole picture.

88
00:06:48,180 --> 00:06:48,510
All right.

89
00:06:48,720 --> 00:06:49,980
This video is getting long.

90
00:06:49,980 --> 00:06:52,620
So let's take a break and I'll see you in the next one.