1 00:00:00,330 --> 00:00:01,530 Hey, welcome back. 2 00:00:01,800 --> 00:00:06,940 We're back in Sigma, and this is the segment that we had just built, but I want to give you a couple 3 00:00:06,960 --> 00:00:12,450 tips so you can get started on the right foot when you're thinking about actually creating a site map 4 00:00:12,450 --> 00:00:13,560 and building off of it. 5 00:00:13,590 --> 00:00:18,230 I mean, I want you to think about only the site map at this time. 6 00:00:18,240 --> 00:00:22,170 I mean, don't worry about crazy user flows that we've been thinking about. 7 00:00:22,170 --> 00:00:25,200 Don't go off and try to do two things at once. 8 00:00:25,380 --> 00:00:28,650 If you're working on the same map and start thinking about where to put things while you're thinking 9 00:00:28,650 --> 00:00:30,420 about what things to put. 10 00:00:31,110 --> 00:00:35,010 So focus on one thing at a time and you'll make way more thoughtful decisions. 11 00:00:35,010 --> 00:00:36,000 So you can see that. 12 00:00:36,010 --> 00:00:39,840 I start to think a little bit about this here, but I didn't get too into it right now. 13 00:00:39,840 --> 00:00:44,430 I just know that I'm just thinking about basic hierarchy and that's going to help me when I kind of 14 00:00:44,430 --> 00:00:45,870 revisit that with those user flow. 15 00:00:45,890 --> 00:00:47,610 So don't try to do two things at once. 16 00:00:47,640 --> 00:00:49,560 You're going to move more, much more slower. 17 00:00:49,560 --> 00:00:51,240 So stay focused. 18 00:00:51,580 --> 00:00:55,440 Also, use your user flows to help build your sign up. 19 00:00:55,770 --> 00:01:01,770 I have several over here that we've been using and I honestly recommend that you use these. 20 00:01:01,770 --> 00:01:07,530 I mean, you should be using them because they just influence that sitemap up so much to indicate the 21 00:01:07,530 --> 00:01:10,680 types of pages you need and where they may fit within your structure. 22 00:01:11,190 --> 00:01:13,470 They also reference your user goals as well. 23 00:01:13,470 --> 00:01:18,970 So higher priority goals like buying products on our product should be prioritized accordingly. 24 00:01:18,970 --> 00:01:21,760 And that's what we done because of our user flows in our sketches. 25 00:01:22,470 --> 00:01:24,420 The next step is tools. 26 00:01:25,260 --> 00:01:28,460 You can honestly start with sketching like we did over here. 27 00:01:28,470 --> 00:01:31,680 I mean, this really helped us just get started so quickly. 28 00:01:31,980 --> 00:01:37,680 But once you start to revise, move it over to an online tool like we did with Sigma, you can use any 29 00:01:37,680 --> 00:01:37,980 tool. 30 00:01:37,980 --> 00:01:39,210 There's a bunch of different tools out there. 31 00:01:39,220 --> 00:01:43,530 I use Sigma and I think, like, if you're going to use Sigma, just keep it all on one ecosystem. 32 00:01:43,540 --> 00:01:47,790 So it's so easy to share everything with your teammates and with clients. 33 00:01:48,450 --> 00:01:52,620 So move it over to an online tool when you decide to start revising. 34 00:01:53,860 --> 00:01:55,770 Another tip is colors. 35 00:01:55,810 --> 00:01:59,770 I mean, we spruce this up and it actually looks pretty fantastic. 36 00:02:00,220 --> 00:02:05,720 I always use colors in my site maps because they help distinguish between certain things. 37 00:02:05,740 --> 00:02:07,660 They also make them less boring. 38 00:02:07,690 --> 00:02:09,610 I mean, this is kind of borderline boring. 39 00:02:09,970 --> 00:02:16,700 But can you imagine if it was something like this where there were no colors at all? 40 00:02:16,720 --> 00:02:17,650 I mean, we can just. 41 00:02:18,690 --> 00:02:21,750 Let's see how it would look if we had no colors. 42 00:02:23,680 --> 00:02:26,080 I mean, nobody really wants to look at that. 43 00:02:29,880 --> 00:02:32,090 Let's just get a sense of what this could look like. 44 00:02:34,140 --> 00:02:39,570 So, I mean, this is much worse, so don't be afraid to use colors, I mean, just because it's a segment 45 00:02:39,570 --> 00:02:41,040 doesn't mean you should shy away from that. 46 00:02:41,250 --> 00:02:45,330 You can use colors to highlight things like screens that are visible to certain users like we've done. 47 00:02:45,600 --> 00:02:50,850 Also makes your segment much more easier to remember instead of just thinking about it as like black 48 00:02:50,850 --> 00:02:52,320 and white set of cards. 49 00:02:52,530 --> 00:02:53,580 It's super boring. 50 00:02:53,580 --> 00:02:54,170 Like, look at this. 51 00:02:54,190 --> 00:02:58,920 It's harder to remember something like this as opposed to something like this. 52 00:02:59,070 --> 00:03:01,440 We know that this is like a member only screen. 53 00:03:01,440 --> 00:03:05,970 Same with these types of screens, and they'll be easier for others that don't necessarily have the 54 00:03:05,970 --> 00:03:08,520 context like you do to remember your site. 55 00:03:08,530 --> 00:03:08,790 Not. 56 00:03:09,880 --> 00:03:15,590 And my last step is you don't need to aim for perfection, if you noticed when I've talked about sketching 57 00:03:15,610 --> 00:03:20,650 and I've talked about user flows and now site maps, I mean, once you have a good idea of what your 58 00:03:20,650 --> 00:03:23,440 price structure is going to look like, just move on to your wire frames. 59 00:03:23,440 --> 00:03:27,220 You don't need to finish this to actually start wire framing. 60 00:03:27,230 --> 00:03:29,100 There is no rule about that. 61 00:03:29,560 --> 00:03:31,560 And you shouldn't limit yourself like that. 62 00:03:32,020 --> 00:03:38,020 We're working in the industry where we constantly have to create ideas and move quickly. 63 00:03:38,020 --> 00:03:41,260 And it doesn't make sense to spend days and days on site maps. 64 00:03:41,440 --> 00:03:46,990 You could probably spend like not even half a day building one, and you can already be on your way 65 00:03:46,990 --> 00:03:48,910 to sketching and building wire frames. 66 00:03:48,910 --> 00:03:53,320 So just use them as a way to get that view from the tree tops and then just get going. 67 00:03:54,010 --> 00:03:58,840 And the thing is, you're saying that won't necessarily answer all the questions, but it'll give you 68 00:03:58,840 --> 00:04:01,630 a good starting point, like I said, for wire frames. 69 00:04:02,110 --> 00:04:07,570 And it will bring light to new insights and changes within your study map when you actually start why 70 00:04:07,570 --> 00:04:08,110 you're framing. 71 00:04:08,110 --> 00:04:10,870 So you're never going to get it right on the first try. 72 00:04:11,140 --> 00:04:12,240 And don't worry about that. 73 00:04:12,850 --> 00:04:14,820 Just be lean and that's it. 74 00:04:14,830 --> 00:04:19,030 Those are the tips that you should probably follow when you actually start wire framing. 75 00:04:19,690 --> 00:04:21,970 It'll make your process go by much quicker. 76 00:04:21,970 --> 00:04:27,130 And it's less pressure on you as the designer to create something like this, which can get you wireframe 77 00:04:27,130 --> 00:04:28,360 in so quickly. 78 00:04:30,210 --> 00:04:32,860 And that's it, wire for wireframe.