Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,420 --> 00:00:05,010
Let's talk about the differences between a designer and a developer.
2
00:00:05,040 --> 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,580
and most people can decide whether they want to be a designer or a developer.
4
00:00:15,600 --> 00:00:24,030
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,030 --> 00:00:27,270
because there is a lot of crossover.
6
00:00:27,270 --> 00:00:32,850
But the main difference is that a designer is focused on the aesthetics.
7
00:00:32,850 --> 00:00:41,370
The experience of the user versus a developer is focused more on the internals and the things that make
8
00:00:41,370 --> 00:00:42,840
a product work.
9
00:00:42,840 --> 00:00:46,170
But let's get a little bit deeper into that.
10
00:00:46,260 --> 00:00:52,170
You see the first phase of building any product is the planning phase.
11
00:00:52,650 --> 00:00:56,730
This planning phase is probably the most important.
12
00:00:56,880 --> 00:01:01,080
This is where we decide and map the entire project.
13
00:01:01,080 --> 00:01:03,900
How should the product look?
14
00:01:03,900 --> 00:01:05,010
How should it feel?
15
00:01:05,100 --> 00:01:06,390
What should it do?
16
00:01:06,840 --> 00:01:13,020
This is also the part where you're usually interacting with the client and deciding what their goals
17
00:01:13,020 --> 00:01:20,760
are, what the user's goals are, and planning out the project so that you have defined goals that you
18
00:01:20,760 --> 00:01:22,980
want to achieve with your product.
19
00:01:23,190 --> 00:01:32,610
From the planning phase, we go into the design phase, and the design phase is all about using all
20
00:01:32,610 --> 00:01:37,260
the information in the planning phase and making it into reality.
21
00:01:37,410 --> 00:01:42,720
Usually you'd create something like site structure or mobile structure.
22
00:01:43,170 --> 00:01:45,300
You'll have visual representation.
23
00:01:45,300 --> 00:01:46,950
How will the product look?
24
00:01:46,950 --> 00:01:49,170
What would the users see?
25
00:01:49,440 --> 00:01:55,350
By the end of the design phase, you usually know what the product should look like, what the product
26
00:01:55,350 --> 00:01:56,220
should do.
27
00:01:56,580 --> 00:02:00,210
From there, we get into the development phase.
28
00:02:00,750 --> 00:02:04,980
The development phase is where we do the programming work.
29
00:02:04,980 --> 00:02:10,980
We usually take all the assets and information that we've gathered from the previous stage.
30
00:02:10,980 --> 00:02:17,640
That is the design phase and we try to implement it on a live website or a live mobile app.
31
00:02:17,970 --> 00:02:27,150
You might use things like HTML, CSS and JavaScript to make the designs come alive so that they're online.
32
00:02:27,390 --> 00:02:28,890
They're on your phone.
33
00:02:29,630 --> 00:02:35,840
Once you've build the product, you've developed the product, then we get into the exciting phase of
34
00:02:35,840 --> 00:02:37,010
the launch phase.
35
00:02:37,550 --> 00:02:43,340
This is where we deliver our product to the users, to the public.
36
00:02:43,460 --> 00:02:50,660
Usually there is some polishing that we need to do, maybe some design tweaks, maybe some testing of
37
00:02:50,660 --> 00:02:52,820
our site to make sure that it works properly.
38
00:02:53,180 --> 00:02:56,030
But this is the critical part.
39
00:02:56,420 --> 00:03:00,230
Once we launch our product, it doesn't end there.
40
00:03:01,590 --> 00:03:04,620
The next step is the post launch.
41
00:03:05,070 --> 00:03:14,430
This is usually where we hand off the product to a client, but we also monitor how the launch goes.
42
00:03:14,700 --> 00:03:16,980
How do the users use the product?
43
00:03:17,010 --> 00:03:18,720
Are there any issues?
44
00:03:19,110 --> 00:03:25,020
Because most of the time when you create something, it's not 100% right from the beginning.
45
00:03:25,020 --> 00:03:32,640
So instead you learn from your first version that you launched and then you iterate.
46
00:03:32,640 --> 00:03:34,500
That is, you improve upon it.
47
00:03:34,530 --> 00:03:41,700
You maybe do user testing and understand why users aren't clicking on this button, or maybe users are
48
00:03:41,700 --> 00:03:44,700
confused how your product works.
49
00:03:45,000 --> 00:03:54,480
And this turns into a loop because from the insights that you get after the launch, you can now start
50
00:03:54,480 --> 00:03:55,920
improving your product.
51
00:03:55,920 --> 00:04:01,860
You can start planning again, designing again, developing again and launching again so that you get
52
00:04:01,860 --> 00:04:03,480
better and better insights.
53
00:04:03,480 --> 00:04:05,910
You improve the product over and over.
54
00:04:06,830 --> 00:04:09,380
And this whole process continues.
55
00:04:09,590 --> 00:04:15,350
You can never really finish a product because a product can always be improved.
56
00:04:16,310 --> 00:04:18,950
But we're talking about designers and developers here.
57
00:04:18,950 --> 00:04:20,300
So where do they come in?
58
00:04:20,690 --> 00:04:26,480
Well, a simplified version of this is that a designer is in charge of this part.
59
00:04:27,200 --> 00:04:33,260
They're heavily involved with the planning phase of working with the client and deciding what the goals
60
00:04:33,260 --> 00:04:33,450
are.
61
00:04:33,470 --> 00:04:35,570
What do we want the users to do?
62
00:04:35,780 --> 00:04:40,430
They're obviously heavily involved in the designs they need to design the product.
63
00:04:40,430 --> 00:04:48,590
So it looks nice, it looks friendly, it looks usable, it meets the client and user expectations.
64
00:04:49,040 --> 00:04:55,580
But they're also involved in doing things like user testing, learning from the users and improving
65
00:04:55,580 --> 00:04:58,070
their designs from what they learn.
66
00:04:58,310 --> 00:05:02,300
The developers are mainly focused with this part.
67
00:05:03,400 --> 00:05:11,170
They are usually the ones that receive the designs and start using things like HTML, CSS and JavaScript
68
00:05:11,200 --> 00:05:17,170
to implement those designs into an actual working website or a mobile app.
69
00:05:17,320 --> 00:05:23,890
They also might help with the launch by putting the code that they've created on a server monitoring
70
00:05:23,890 --> 00:05:25,780
and launching the product.
71
00:05:26,080 --> 00:05:29,520
But they are also going to encounter bugs in their code.
72
00:05:29,530 --> 00:05:35,620
Maybe they've programmed something that isn't efficient or is incorrect and it creates bugs while they
73
00:05:35,620 --> 00:05:37,240
have to fix those as well.
74
00:05:37,630 --> 00:05:41,050
So they're also involved in the post launch process.
75
00:05:41,440 --> 00:05:43,300
So remember what I said at the beginning.
76
00:05:43,330 --> 00:05:45,910
Design is all about these aesthetics.
77
00:05:46,300 --> 00:05:53,680
You don't necessarily need to code because you're involved more at the beginning stages and later stages
78
00:05:53,680 --> 00:05:55,570
of the product development phase.
79
00:05:55,570 --> 00:06:03,400
But it doesn't hurt to know how developers use HTML, CSS and JavaScript to create websites, which
80
00:06:03,400 --> 00:06:10,060
is why we've included those sections later on in the course so that you also understand how you might
81
00:06:10,060 --> 00:06:11,740
want to do this yourself.
82
00:06:12,360 --> 00:06:19,860
But as a developer, you also might want to learn how to design, how to plan things, because then
83
00:06:19,860 --> 00:06:22,920
you're able to understand the whole product better.
84
00:06:23,010 --> 00:06:29,310
So these borders, although might look rigid right now, can overflow into each other.
85
00:06:29,580 --> 00:06:33,190
But if you want it just a guideline, this is it.
86
00:06:33,210 --> 00:06:38,140
To be a great designer, you need to focus on these three things.
87
00:06:38,160 --> 00:06:39,060
Sure.
88
00:06:39,390 --> 00:06:42,480
HTML and CSS and some programming will help you.
89
00:06:42,510 --> 00:06:48,060
You know, we've added a couple of extra videos in there for you to still see the whole picture.
90
00:06:48,120 --> 00:06:48,630
All right.
91
00:06:48,630 --> 00:06:52,770
This video is getting long, so let's take a break and I'll see you in the next one.
9286
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.