1
00:00:01,030 --> 00:00:01,780
Welcome back.

2
00:00:02,020 --> 00:00:05,080
So you may be asking yourself, well, how do I create a site map?

3
00:00:05,530 --> 00:00:06,400
Well, let's jump in.

4
00:00:06,910 --> 00:00:08,770
The first step is anatomy.

5
00:00:08,770 --> 00:00:14,230
Let's learn about the anatomy of a sign that so essentially sign will consist of all these linked pages.

6
00:00:14,240 --> 00:00:16,380
So we have this as our page.

7
00:00:16,390 --> 00:00:18,430
I mean, they don't need to necessarily look like this.

8
00:00:18,790 --> 00:00:22,930
Like I said before, with other things, it's all about what works for you, what best represents what

9
00:00:22,930 --> 00:00:23,980
you're trying to get across.

10
00:00:24,190 --> 00:00:26,140
So right now, I'm just kind of using a little card.

11
00:00:26,290 --> 00:00:28,720
I don't necessarily use this when I'm creating the same map.

12
00:00:29,120 --> 00:00:30,640
So this is the main card.

13
00:00:30,970 --> 00:00:33,490
And within the anatomy, you have a reference number.

14
00:00:33,490 --> 00:00:35,110
Some people like to use reference numbers.

15
00:00:35,110 --> 00:00:39,940
They really kind of help when you're creating an actual wire frames afterwards, you can use that same

16
00:00:39,970 --> 00:00:40,930
reference number.

17
00:00:41,210 --> 00:00:42,490
You don't necessarily need to.

18
00:00:42,490 --> 00:00:45,250
I know a lot of people that like to, but it's a preference.

19
00:00:45,700 --> 00:00:48,400
But one thing that is definitely needed is a label.

20
00:00:48,940 --> 00:00:54,760
So this label over here is definitely going to be needed because they'll let us understand what the

21
00:00:54,760 --> 00:00:55,750
page name is.

22
00:00:55,900 --> 00:00:57,220
That is what we really want to know.

23
00:00:57,940 --> 00:01:02,170
So what you want to do is you want to start with your homepage always.

24
00:01:03,500 --> 00:01:09,410
The roads that follow afterwards are by the highest priority, so I say Rose, because typically people

25
00:01:09,410 --> 00:01:13,550
when they build a sign that they're building it from the top to the bottom, you can build it from left

26
00:01:13,550 --> 00:01:14,010
to right.

27
00:01:14,240 --> 00:01:16,220
Like I said before, it's all preference.

28
00:01:16,520 --> 00:01:17,800
So I'm going left to right right now.

29
00:01:17,810 --> 00:01:24,170
So the next step of the same map would be like your primary, secondary and tertiary pages and so on.

30
00:01:24,200 --> 00:01:25,870
So right now we have a primary page.

31
00:01:25,880 --> 00:01:30,890
So if we were to think about our current client, we have our home page and you could access a category

32
00:01:30,890 --> 00:01:32,870
on that page and that would be our primary level.

33
00:01:33,290 --> 00:01:38,240
And then afterwards you may be able to select a subcategory and that would be our secondary level and

34
00:01:38,240 --> 00:01:39,390
it could go on and on.

35
00:01:39,680 --> 00:01:42,980
I wouldn't advise doing that, but you get the gist.

36
00:01:43,830 --> 00:01:47,660
So this is our primary and secondary and this is ground zero.

37
00:01:48,410 --> 00:01:50,480
Now, you could use a legend if you like.

38
00:01:50,870 --> 00:01:52,610
It's totally up to you.

39
00:01:52,820 --> 00:01:53,900
That's another preference.

40
00:01:53,900 --> 00:01:57,410
If you're sharing it with a lot of people, it may help if you have a lot of symbols in there.

41
00:01:57,720 --> 00:02:02,360
If you have colors, I like to use colors because it helps to signify whether like a page is public

42
00:02:02,360 --> 00:02:03,440
or a member only.

43
00:02:03,830 --> 00:02:09,440
So totally up to you if it really helps to get through what you're trying to say with your product and

44
00:02:09,440 --> 00:02:11,640
your sitemap use a legend.

45
00:02:12,440 --> 00:02:14,580
So there are two types of site maps.

46
00:02:15,320 --> 00:02:20,620
This is a flat site map and this is better suited for smaller to medium sized products.

47
00:02:20,630 --> 00:02:25,140
I'm thinking maybe like ten to a hundred pages, maybe even less.

48
00:02:25,160 --> 00:02:28,700
To be honest, there are four or less vertical levels.

49
00:02:28,700 --> 00:02:33,110
You'll notice that there's only two vertical levels here and that's probably what we'll be using when

50
00:02:33,110 --> 00:02:34,370
we create our site map.

51
00:02:35,210 --> 00:02:40,760
But there are far less vertical levels, and they all help enhance discoverability of content because

52
00:02:40,760 --> 00:02:42,400
there are fewer levels to click through.

53
00:02:42,800 --> 00:02:45,190
So you're going to use this for smaller products.

54
00:02:45,200 --> 00:02:49,760
You don't want people to be going too deep unless it's absolutely necessary.

55
00:02:50,660 --> 00:02:53,120
The next step of setting up is a deep segment.

56
00:02:53,390 --> 00:02:58,320
So these are better suited for larger sized sites and they help house a lot of information.

57
00:02:58,340 --> 00:03:00,740
So we're talking like hundreds and hundreds of pages.

58
00:03:00,750 --> 00:03:06,230
We're talking maybe pages for like a government website, maybe like a huge e-commerce website.

59
00:03:06,650 --> 00:03:09,380
They can get around to five vertical levels, which is huge.

60
00:03:09,380 --> 00:03:10,380
I mean, for here.

61
00:03:10,380 --> 00:03:12,980
And you can imagine the amount of pages that you can get into.

62
00:03:13,610 --> 00:03:16,240
This ultimately makes it harder to discover content.

63
00:03:16,250 --> 00:03:20,750
So you'll need to think about the different ways for users to get to places like menu shortcuts.

64
00:03:21,260 --> 00:03:25,820
But yeah, so deep site maps use them for larger products, don't use them for a product like we're

65
00:03:25,820 --> 00:03:26,200
building.

66
00:03:26,990 --> 00:03:28,860
So why are they so valuable?

67
00:03:28,910 --> 00:03:34,580
Well, they help you plan for usability and it provides a full overview which can really help team simplify

68
00:03:34,580 --> 00:03:36,500
and trim unnecessary pages.

69
00:03:36,680 --> 00:03:42,110
But really, when you build a site map, you can also strategically place content where users can find

70
00:03:42,110 --> 00:03:42,260
it.

71
00:03:42,440 --> 00:03:47,050
It results in the creation of navigation hierarchies and categorizations of your product.

72
00:03:47,480 --> 00:03:49,460
You get a good understanding of your navigation.

73
00:03:49,700 --> 00:03:54,530
You can calculate the amount of content you need and it gives you a good understanding of your scope.

74
00:03:55,100 --> 00:03:57,680
So same apps are incredibly useful.

75
00:03:58,010 --> 00:04:01,700
You may not create like a final site map and that shouldn't be a bottleneck.

76
00:04:01,700 --> 00:04:06,020
You in terms of starting wire frames or even like sketching and user flows.

77
00:04:06,320 --> 00:04:11,780
But you should really start one to get a sense of what your entire navigation scheme is going to look

78
00:04:11,780 --> 00:04:12,080
like.

79
00:04:12,800 --> 00:04:14,330
Let's jump right into figglehorn.

80
00:04:14,330 --> 00:04:15,440
Let's start building our own.