1 00:00:00,540 --> 00:00:05,610 Hey, everyone, we are back at it again, and today we're going to learn about sign ups. 2 00:00:06,000 --> 00:00:10,440 So before we even get into creating them, we're going to talk a little bit about the anatomy and why 3 00:00:10,440 --> 00:00:11,220 they're so useful. 4 00:00:11,520 --> 00:00:13,300 And, yes, they are still useful. 5 00:00:13,620 --> 00:00:17,520 So the big question is people still use site maps? 6 00:00:17,820 --> 00:00:18,720 Of course I do. 7 00:00:18,900 --> 00:00:21,180 It's not just limited to information architecture. 8 00:00:21,390 --> 00:00:23,760 Everyone should use site maps, especially designers. 9 00:00:24,480 --> 00:00:26,700 They help provide structure for your product. 10 00:00:27,150 --> 00:00:27,870 Like, look at this. 11 00:00:28,110 --> 00:00:30,720 We have the primary navigation or secondary navigation. 12 00:00:30,720 --> 00:00:34,410 We can really plan out all the different navigation schemes within our product. 13 00:00:34,800 --> 00:00:35,850 Say maps help a lot. 14 00:00:36,720 --> 00:00:37,410 So what are they? 15 00:00:37,950 --> 00:00:43,410 Site maps are hierarchical diagrams of a website or an application that shows how pages are prioritized. 16 00:00:43,800 --> 00:00:46,290 I want you to think about the last lesson that we went through. 17 00:00:46,590 --> 00:00:51,600 User flows that we did prior are kind of like a street view of what we were discovering in terms of 18 00:00:51,600 --> 00:00:56,190 like how the user should achieve goals and where we discover different types of content we needed. 19 00:00:56,730 --> 00:00:58,620 You remember this user flow over here. 20 00:00:58,620 --> 00:00:59,820 This is making a purchase. 21 00:01:00,270 --> 00:01:01,950 And we discovered a lot of different things. 22 00:01:01,950 --> 00:01:05,880 We discovered like the different steps that it took to actually complete a purchase. 23 00:01:06,330 --> 00:01:12,240 We discovered different types of micro interactions, all the different close up details that we didn't 24 00:01:12,240 --> 00:01:13,440 necessarily know before. 25 00:01:13,950 --> 00:01:17,450 Now a site map is essentially a bird's eye view. 26 00:01:17,610 --> 00:01:21,910 This way we can take an early glance of what our product looks like from the treetops. 27 00:01:22,410 --> 00:01:24,630 So when do we use maps? 28 00:01:25,230 --> 00:01:30,420 Well, site maps are generally used in the beginning or really early on in the design process, like 29 00:01:30,420 --> 00:01:35,490 right after discovery or kickoffs, right after you get all the information from your clients or from 30 00:01:35,490 --> 00:01:36,320 your product team. 31 00:01:36,480 --> 00:01:39,360 Kind of like what we're doing right now with application that we're trying to build. 32 00:01:40,230 --> 00:01:43,100 They'll really help us when we need to start working on our wire frames.