1
00:00:01,380 --> 00:00:02,470
Hey, welcome back.

2
00:00:02,700 --> 00:00:10,740
So we finished up our first section, our first here in terms of our sitemap recently, and there's

3
00:00:10,740 --> 00:00:16,650
other things we can do that we haven't necessarily thought about because our actual sign up doesn't

4
00:00:16,650 --> 00:00:19,590
necessarily start at our home page.

5
00:00:20,490 --> 00:00:22,530
It starts with our onboarding.

6
00:00:22,890 --> 00:00:26,220
So what I'm going to do is I'm going to just duplicate that.

7
00:00:26,230 --> 00:00:31,280
And this is where I kind of like to merge these site maps with a flow chart.

8
00:00:31,440 --> 00:00:33,120
I like to call them product maps.

9
00:00:33,510 --> 00:00:35,430
I mean, it's whatever you like to call them.

10
00:00:35,430 --> 00:00:39,590
Just make sure you don't call them something that totally doesn't relate to what you are doing.

11
00:00:40,140 --> 00:00:45,930
But so when I come to the onboarding, I will have an option to go to registration.

12
00:00:47,520 --> 00:00:49,620
I will have an option to log in.

13
00:00:50,880 --> 00:00:56,400
This could be like our welcome screen if I if I have logged out from the app and I will have the option

14
00:00:56,400 --> 00:00:58,600
to skip the onboarding.

15
00:00:59,040 --> 00:01:03,840
So this is like generally we have to think about first time users and also for users that block out,

16
00:01:03,840 --> 00:01:07,320
even though that's probably doesn't happen as often.

17
00:01:07,800 --> 00:01:16,530
So if the user decides to log in and register, look at a log in the register screen and that's where

18
00:01:16,530 --> 00:01:17,910
they can log in.

19
00:01:19,540 --> 00:01:21,890
And that's where they'll be able to register.

20
00:01:22,690 --> 00:01:29,890
So we're going to make those instances in and sign up.

21
00:01:32,690 --> 00:01:35,150
We will make those instances logon and sign up.

22
00:01:36,770 --> 00:01:37,380
Perfect.

23
00:01:37,790 --> 00:01:40,010
And if they do register.

24
00:01:41,500 --> 00:01:45,400
Remember when we created this user flow, we'll go through a registration process.

25
00:01:47,640 --> 00:01:51,480
And that will be profiled details.

26
00:01:52,530 --> 00:01:57,140
That they'll have to enter and interest based details.

27
00:01:58,790 --> 00:02:06,240
So I'm just going to do that and I like to line everything up with each other, so it's nice and neat.

28
00:02:07,670 --> 00:02:08,870
What else is next?

29
00:02:09,560 --> 00:02:13,120
We have to also think about, sir, so we can actually link these.

30
00:02:13,130 --> 00:02:18,710
So if I bring in auto flow, onboarding could lead directly into.

31
00:02:18,890 --> 00:02:20,530
That's where it will typically lead.

32
00:02:20,540 --> 00:02:22,950
If they do skip the process, it can go there.

33
00:02:23,450 --> 00:02:25,970
So what we can actually do is let's delete that line.

34
00:02:26,560 --> 00:02:31,840
Another thing with auto flow is you can select directly from inside the container as well.

35
00:02:32,210 --> 00:02:34,180
So I'm going to take my log in.

36
00:02:34,190 --> 00:02:39,780
That's going to go there and my registration is going to go right there.

37
00:02:40,280 --> 00:02:43,960
I can also go from registration to there.

38
00:02:44,450 --> 00:02:49,960
And this is going to take me back, but I'm not going to actually do that right now.

39
00:02:50,780 --> 00:02:53,860
So, OK, that looks good.

40
00:02:53,870 --> 00:02:54,770
I like that.

41
00:02:54,920 --> 00:03:00,240
And this log in will take me back into there.

42
00:03:01,190 --> 00:03:02,690
So actually, that's getting a little confusing.

43
00:03:02,690 --> 00:03:03,510
I don't think we need that.

44
00:03:03,530 --> 00:03:05,470
I think that's pretty self-explanatory.

45
00:03:05,990 --> 00:03:07,090
What else do we need to do?

46
00:03:07,100 --> 00:03:08,720
Let's talk about search.

47
00:03:09,910 --> 00:03:10,990
If Regis.

48
00:03:12,870 --> 00:03:16,020
So now it's not necessarily looking like a site, not any.

49
00:03:17,190 --> 00:03:23,430
I mean, this portion is we know the hierarchy of our entire product, but over here we're just thinking

50
00:03:23,430 --> 00:03:26,890
about like what happens even before the product and what that hierarchy looks like.

51
00:03:27,540 --> 00:03:34,950
So it's just something that helps me figure out how I want to approach wireframe and actually kind of

52
00:03:35,400 --> 00:03:37,590
helps me think about the different types of.

53
00:03:38,390 --> 00:03:40,220
Inputs or elements?

54
00:03:40,250 --> 00:03:41,550
I'm going to have to design for.

55
00:03:41,930 --> 00:03:44,540
So we're going to have a search.

56
00:03:47,740 --> 00:03:56,890
And we'll have the input, we'll have a way to have previous searches so this can be like a member only

57
00:03:56,890 --> 00:04:00,370
thing, and I'll just change in a second, actually.

58
00:04:01,890 --> 00:04:03,360
Let's just leave it at that.

59
00:04:03,390 --> 00:04:05,140
I like that it's totally fine.

60
00:04:05,700 --> 00:04:06,600
So what do we have here?

61
00:04:06,630 --> 00:04:09,030
We have members only, so that's good.

62
00:04:09,550 --> 00:04:11,500
And search results.

63
00:04:11,520 --> 00:04:15,070
I wanted to kind of just create a little screen for them.

64
00:04:15,120 --> 00:04:16,980
Let's fix that search results.

65
00:04:16,980 --> 00:04:17,930
Perfect.

66
00:04:18,210 --> 00:04:19,260
So we'll have.

67
00:04:20,720 --> 00:04:27,920
Don't like that and listening to the content here, so we'll definitely have an input for a search.

68
00:04:30,020 --> 00:04:33,080
We'll have filters.

69
00:04:34,040 --> 00:04:35,720
We will have items.

70
00:04:37,060 --> 00:04:42,460
So now I know essentially what this is going to have.

71
00:04:44,600 --> 00:04:47,000
Let me just make sure everything is.

72
00:04:48,630 --> 00:04:48,980
Lines.

73
00:04:49,840 --> 00:04:52,730
OK, let's just bring it autofill one more time.

74
00:04:54,080 --> 00:05:04,370
And I know that search is going there and I know that this is going to lead to my search results so

75
00:05:04,370 --> 00:05:08,560
I could actually go in and individually link all the different pages to their part.

76
00:05:08,570 --> 00:05:09,520
I mean, you could do that.

77
00:05:09,530 --> 00:05:11,930
It starts getting confusing because there's so many crossing lines.

78
00:05:12,680 --> 00:05:15,740
But this is what our Senate has begun to look like.

79
00:05:15,740 --> 00:05:17,300
And you can definitely build this out more.

80
00:05:17,330 --> 00:05:22,370
You can go into here and think about what the categories mean, what do those pages look like?

81
00:05:23,030 --> 00:05:26,460
But as you can tell, we're probably not going to go past another level.

82
00:05:26,480 --> 00:05:29,270
We'll probably go one more level in certain areas.

83
00:05:29,510 --> 00:05:30,130
And that's it.

84
00:05:31,090 --> 00:05:36,210
The main content that we're really focused on, like searching, is going to be very big primary action.

85
00:05:36,430 --> 00:05:39,790
Same with things like shopping interests and habits I have.

86
00:05:39,790 --> 00:05:45,130
It's structured so that these are this is the way that you're necessarily going to come across on the

87
00:05:45,140 --> 00:05:45,700
screen.

88
00:05:46,350 --> 00:05:47,050
That could change.

89
00:05:47,050 --> 00:05:49,180
But that's the way I'm thinking about it right now.

90
00:05:49,600 --> 00:05:54,610
So I want you to continue building out this site map as you see fit.

91
00:05:54,620 --> 00:05:57,980
I mean, go for it based off of your sketches and your user flows.

92
00:05:58,000 --> 00:05:59,260
Think about those a bit more.

93
00:05:59,260 --> 00:06:04,600
If there's pieces that you think come up that you or I have missed, I mean, fill in those blanks,

94
00:06:05,000 --> 00:06:06,490
have fun with it and.

95
00:06:06,490 --> 00:06:10,570
Yeah, go ahead and build your own sitemap.