WEBVTT 1 00:00:00.000 --> 00:00:06.800 In this video I want to show you an introduction to using task grids. This is a tool that we learned 2 00:00:06.800 --> 00:00:11.440 from Ryan Singer on one of our coaching calls and there's some other videos you can go in and watch 3 00:00:11.440 --> 00:00:15.280 the detailed explanation of this, but I'm going to give you the quick version here just to get 4 00:00:15.280 --> 00:00:20.960 you started. And the task grid, if you look kind of at our process, is going to happen after we've 5 00:00:20.960 --> 00:00:25.280 done the framing, we've shaped it up, we've kind of got a really good idea of the breadboarding, 6 00:00:25.280 --> 00:00:30.000 and we've gone through FigJam, then we've got to even prototype some things, and now we're 7 00:00:30.000 --> 00:00:34.000 getting ready to, okay, I think we're ready to start doing the work. So the task grid is a way 8 00:00:34.000 --> 00:00:39.680 to break the project into a bunch of different scopes. It's a very simple tool and I'll show 9 00:00:39.680 --> 00:00:44.800 you kind of how it works. First we use a tool called monstermap.app. This is a free tool that 10 00:00:44.800 --> 00:00:50.720 is created by Ryan and his team and you can just go in here and create new and say test project 11 00:00:50.720 --> 00:00:55.760 here. We always want to name the project whatever the name is in Notion. That project name that we 12 00:00:55.760 --> 00:01:00.080 use in Notion and toggle, just keep it all the same, make everybody's life a little easier. 13 00:01:00.080 --> 00:01:04.239 We are going to share this with the rest of the team, so you want to make sure that we go up to 14 00:01:04.239 --> 00:01:09.600 here to share. You can make this a shareable link and you can copy that link now and put that into 15 00:01:09.600 --> 00:01:17.200 Notion so everybody can get to it. And you'll see in Notion here that we have a specific field for 16 00:01:17.200 --> 00:01:22.080 the task grid, so that way when you open up a project you can with one click jump right back 17 00:01:22.080 --> 00:01:27.200 into that project. And here all we're going to do is set up these different pieces of the project. 18 00:01:27.200 --> 00:01:32.560 So we may have an auth section and here we need to set up, you know, Google auth. Here we also need to, 19 00:01:32.560 --> 00:01:39.680 you know, create the UI. Then we need to test for, you know, email address, whatever here. You can 20 00:01:39.680 --> 00:01:43.920 start to make your little list. This is really a scratch pad and then we go into this and say, hey, 21 00:01:43.920 --> 00:01:50.800 we need, you know, to have this, you know, content table built out and we need, you know, 22 00:01:50.800 --> 00:01:54.800 whatever the UI is going to be, the API routes. You kind of break it into all of your specific 23 00:01:54.800 --> 00:01:59.120 tasks. This is really up to you. This is not for me or for anyone else on the team other than 24 00:01:59.120 --> 00:02:03.440 the person actually building the work. And we're sort of breaking these things into little pieces. 25 00:02:03.440 --> 00:02:08.800 And I'll show you a piece here. This was a project where we took the Innovo dashboard 26 00:02:08.800 --> 00:02:14.320 and moved it into, from a React app into a Next.js app. So my first step was building all 27 00:02:14.320 --> 00:02:20.080 the prompts out. So I reviewed instructions. I created the AI friendly PRD and then actually 28 00:02:20.080 --> 00:02:24.640 ran those tasks. So I, you know, moved to new branch. These are just like my little scratch 29 00:02:24.640 --> 00:02:28.880 pad just to make sure I didn't miss anything. Because you tend to hold all this in your brain 30 00:02:28.880 --> 00:02:34.560 and having it put down into a paper like this is helpful. So you can kind of see how it works. And 31 00:02:34.560 --> 00:02:40.080 each of these steps have, you know, progress. You can put them in review in progress or just 32 00:02:40.080 --> 00:02:44.000 mark them as done. And you can also take the grids and just kind of move them around. You 33 00:02:44.000 --> 00:02:49.280 can even take tasks and move them between the grid here as well. This is a great way just to 34 00:02:49.280 --> 00:02:53.680 kind of get ideas. You can put things like, I'm going to do this first and that, then that or 35 00:02:53.680 --> 00:02:59.680 whatever. And the other piece here that is helpful is you can put things as, hey, this piece is very 36 00:02:59.680 --> 00:03:03.840 unknown. I'm just putting a warning on it. Like I'm flagging it so that when I look at this, 37 00:03:03.840 --> 00:03:07.760 this is kind of gives me this feeling like, hey, I should, you know, probably spend more time on 38 00:03:07.760 --> 00:03:12.560 this. And there's some, you know, complicated stuff in here. And you can see, we moved these 39 00:03:12.560 --> 00:03:17.120 specific pages over. Then I checked all the off pieces. Then we went to like, make sure that when 40 00:03:17.120 --> 00:03:20.640 you're an admin role, you can see these few different pages. And if you're in a team role, 41 00:03:20.640 --> 00:03:24.560 you can see those pages and so forth. So you get a quick overview, even if you don't know the 42 00:03:24.560 --> 00:03:29.680 details of this project, you can kind of see like, hey, there's, you know, seven different items and 43 00:03:29.680 --> 00:03:33.440 six are done, right? So it kind of gives a good idea of where we're at in the project. 44 00:03:34.000 --> 00:03:40.160 Another example was this DM group, creating a group direct message in tribe. So we had, 45 00:03:40.160 --> 00:03:44.720 you know, various components we had to update. And then there's some refactoring that had to 46 00:03:44.720 --> 00:03:49.840 take place and so forth. And the other little nomenclature we use is this tilde. If things are 47 00:03:49.840 --> 00:03:55.760 like, if we have time to get back to, we have extra time in the project, this is a sort of a 48 00:03:55.760 --> 00:04:01.680 nice to have. It's a, hey, maybe we'll do this. We may refactor a file upload. We ended up not 49 00:04:01.680 --> 00:04:08.320 doing it for this particular project. And so this is just a tool to use between us internally. As, 50 00:04:08.320 --> 00:04:12.160 you know, little things get dropped in Slack or on a call, you can quickly pull this up. Just make 51 00:04:12.160 --> 00:04:17.839 sure we capture things in a one screen view. So that's Task Grid. It's how you connect it to 52 00:04:17.839 --> 00:04:23.760 Notion and a very helpful tool as we start to scope up the project and even take this piece 53 00:04:23.760 --> 00:04:28.480 and you can use this to get ready for the AI friendly PRD.