1
00:00:00,150 --> 00:00:06,060
OK, you may be asking some really good questions right now, like Daniel, how do I actually apply

2
00:00:06,060 --> 00:00:06,820
these design parents?

3
00:00:06,820 --> 00:00:07,980
Is there a process?

4
00:00:08,010 --> 00:00:11,420
Well, of course there's a process, and I'm going to teach you that right now.

5
00:00:11,790 --> 00:00:14,670
So there are so many design pattern libraries out there.

6
00:00:14,680 --> 00:00:18,800
But I mean, that doesn't necessarily mean that you need to go through every single library and only

7
00:00:18,810 --> 00:00:22,550
just like start picking out all these different types of design patterns and applying all of them.

8
00:00:23,130 --> 00:00:23,820
Don't do that.

9
00:00:24,540 --> 00:00:28,170
Now, there are solutions to usability problems.

10
00:00:28,170 --> 00:00:33,030
And if you don't have a usability problem, then you shouldn't necessarily apply some sort of solution

11
00:00:33,030 --> 00:00:33,940
or it doesn't need to be.

12
00:00:34,320 --> 00:00:40,080
But I'll tell you the proper way to actually assess if you need to choose a certain design pattern and

13
00:00:40,380 --> 00:00:41,530
what that process looks like.

14
00:00:41,940 --> 00:00:44,990
So step number one, you need to have some sort of problem.

15
00:00:45,000 --> 00:00:48,420
So figure out the problems that actually require the solutions.

16
00:00:48,960 --> 00:00:53,610
Step number two, analyze other products that have found a solution.

17
00:00:53,620 --> 00:01:00,000
So that means just kind of go and find similar websites, similar products to yours that have a solution

18
00:01:00,000 --> 00:01:00,970
to your problem.

19
00:01:01,230 --> 00:01:02,610
It could be similar to yours.

20
00:01:02,790 --> 00:01:06,960
It could be almost the same kind of like variants.

21
00:01:06,960 --> 00:01:08,120
It could be entirely different.

22
00:01:08,460 --> 00:01:10,830
But take a look at what your competitors are doing.

23
00:01:11,710 --> 00:01:17,410
Once we have examined how other products actually implement these solutions or once we take a look at

24
00:01:17,410 --> 00:01:22,820
what products actually do, we need to actually analyze that efficiency of that solution.

25
00:01:23,110 --> 00:01:28,330
So take a look in more depth on how each product actually works.

26
00:01:28,330 --> 00:01:31,930
Like, is it going to be a good fit for your product?

27
00:01:32,230 --> 00:01:33,490
Is it working for them?

28
00:01:33,940 --> 00:01:38,590
I mean, it's just take a deeper look at exactly what those people are doing.

29
00:01:39,130 --> 00:01:44,020
And then once you've kind of chosen a pattern, analyze those patterns and decide which one is right

30
00:01:44,020 --> 00:01:45,530
for you and your problem.

31
00:01:45,820 --> 00:01:50,620
So, I mean, that could mean that you found a certain pattern that you like and you dig deeper to see

32
00:01:50,620 --> 00:01:56,410
other similar products that have that pattern and you can decide which variant would help you better.

33
00:01:57,190 --> 00:02:04,090
So step number one is to kind of detect those types of issues, but you should be doing that with actual

34
00:02:04,240 --> 00:02:04,760
data.

35
00:02:05,260 --> 00:02:08,770
Now, you can detect that with things like user interviews.

36
00:02:08,770 --> 00:02:16,120
It could be with like data from something like amplitude that tracks like user inputs and drop off rates

37
00:02:16,120 --> 00:02:16,990
and stuff like that.

38
00:02:17,290 --> 00:02:18,720
Mixed panels, another one.

39
00:02:19,030 --> 00:02:25,120
But you should always make your decisions based off of that instead of making it based off of assumptions.

40
00:02:25,930 --> 00:02:28,260
Now, let's take a step back and let's come up with an example.

41
00:02:28,540 --> 00:02:31,450
So say we have an e-commerce site with a very high bounce rate.

42
00:02:31,810 --> 00:02:36,910
Now, we've checked like our mixed panel or amplitude, and we found that people are dropping off right

43
00:02:36,910 --> 00:02:37,510
at checkout.

44
00:02:37,520 --> 00:02:42,160
That's where the big bounce rate is from and based off of some feedback from users.

45
00:02:42,340 --> 00:02:50,140
We have a really long sign up form and sign up right at the end and we think that's where the problem

46
00:02:50,140 --> 00:02:50,410
lies.

47
00:02:50,420 --> 00:02:52,920
So step one is it's pretty much done here.

48
00:02:52,930 --> 00:02:56,440
We have our problem and it's very clear and we can kind of proceed to the next stage.

49
00:02:56,920 --> 00:03:00,340
And that next stage is to analyze similar websites.

50
00:03:01,150 --> 00:03:07,060
So the first step is, you know, visiting all those different websites or products.

51
00:03:07,090 --> 00:03:12,070
So in our case, it going to be websites and they may be similar to yours and we're going to analyze

52
00:03:12,070 --> 00:03:13,660
their approaches to solving this issue.

53
00:03:14,140 --> 00:03:15,480
So we have Amazon here.

54
00:03:15,490 --> 00:03:21,640
So it's Amazon.com and their solution is a sign up wall similar to ours.

55
00:03:21,910 --> 00:03:22,810
It's not a long form.

56
00:03:22,810 --> 00:03:25,270
It's very short form, but it's a similar sign up.

57
00:03:25,270 --> 00:03:28,630
Well, before actually purchasing a product, we're going to get into the actual efficiency of that

58
00:03:28,630 --> 00:03:28,930
later.

59
00:03:29,500 --> 00:03:31,870
Now, the second option we have here is eBay.

60
00:03:32,710 --> 00:03:35,970
Now, eBay has something similar.

61
00:03:36,490 --> 00:03:39,220
There is a guest purchased at the end.

62
00:03:39,910 --> 00:03:44,320
Users can easily check out with PayPal and PayPal has your shipping address.

63
00:03:44,320 --> 00:03:49,270
Most likely that's another design pattern that we can use, like a guest check out instead of having

64
00:03:49,270 --> 00:03:50,410
people actually sign in.

65
00:03:50,800 --> 00:03:52,930
So we'll take a look at the efficiency of that later.

66
00:03:53,830 --> 00:03:54,790
And then we have Etsy.

67
00:03:54,910 --> 00:03:59,050
Now, Etsy has a social login if you don't want to actually sign up.

68
00:03:59,050 --> 00:04:03,520
So we can have people actually sign in easily through social media.

69
00:04:03,520 --> 00:04:04,990
And a lot of people actually have social media.

70
00:04:04,990 --> 00:04:07,900
So we'll take a look at their efficiency as well in the next section.

71
00:04:08,800 --> 00:04:15,310
So these are three different design patterns and we don't necessarily need to use every single one of

72
00:04:15,310 --> 00:04:18,370
them, but we're going to figure out which one is going to be right for us.

73
00:04:19,180 --> 00:04:25,420
So I'm going to jump into Google Chrome to take a look at all these different websites, and we can

74
00:04:25,420 --> 00:04:28,360
go through the efficiency of each and every pattern.