Storyboarding Website Design | Design Sprint Tutorial – How To Draw The Storyboard (2019)

Youtube URL:

AJ&Smart

Subscribe Here

Likes

650

Views

40,671

Design Sprint Tutorial - How To Draw The Storyboard (2019)

This is a transcript from the video mentioned above: (please support the original creator by liking and subscribing to their channel!)

The storyboard is one of the most difficult exercises in the design sprint in this video. We’re going to show you exactly how to do it. The storyboard Video You’re about to watch right now is from our design Sprint online course, or just giving you a free preview of inside the designs for an online course, and we’re going to show you exactly how to create the storyboard. If you’re interested about this course, we are interested in running your own design sprints down below in the description. You’ll see a link to a one and a half hour web class on how to run and sell design sprints. You should definitely check that out afterwards. If you’re interested while watching this video. If you have any other questions around storyboarding around design sprints, make sure you let us know in the comments hope you like this. Video we’re up to the final exercise in the whole group workshop, part of the sprints, the very end of the second day, the storyboard. So this is going to look something like this with you as a facilitator or we also suggest, and we do here at a Gen Smart, often have a second person actually doing the drawing, while the facilitator is then free to kind of moderate, the group moderate the discussion and really guide What’s happening and then do it. They don’t have to have their back to everyone. While they’re drawing, so if you have someone in the group that enjoys drawing and likes drawing can sometimes be tricky to actually get someone to volunteer, but try and get someone to just be the scribe at the artist, collecting what everyone’s comments and making the actual storyboard, So the actual exercise we break into two parts to make they’re basically give a sense of achievement and help you feel like you’re really getting through the whole storyboard By doing it In a few passes. A few phases, so part one is first drawing eight. We usually draw eight boxes or cells on the whiteboard. You can have even a couple of extra ones. If you want, but we’re going to now try and translate those six post-i’t notes from the user test flow into really what might happen on each screen or in each real step along the way so often a step on a post-it note might translate into more than once. Green, so we give ourselves a few extras here, then place those six post-it notes inside the boxes, and you can leave a few spare ones. If you think maybe this post-i’t note might take up a bit more space, but you can always move them around, so don’t stress about this taste, the post-it notes inside, and then this is a really key. Step is looking back around the room where you should still have the concepts all around you, including the winning concept, the one that you actually chose to go ahead with and see if you can find drawings and parts of drawings that you can actually reuse that maybe already have good illustrations of something that’s in one of these post-it notes, and the trick here is that you don’t only have to be limited to the winning concept. There might be a drawing in a concept that wasn’t chosen, but that’s still a good representation of the idea that’s going on on this screen. For example, a login screen might be the same in different things or a great drawing of a graph or a chart. You can just pull it out of another concept, so start getting the group to find the drawings. Cut them out and find the things that really might already work and save us some time, not having to draw them all over again in the storyboard and stick them up onto the whiteboard. So you’re already starting to get half the job done already before you’ve even had to draw anything new. So this is all about avoiding unnecessary effort by using what’s already there, and it also actually helps give your team the team members a sense of achievement and validation when they’ve drawn something, even if it didn’t get chosen that it’s now being used in the final storyboard, so it can really help Everyone feel included and invested in the final product, the final prototype. The perp. The whole purpose of the storyboard is really to leave. No open questions, really get all the detail out now. Now that we’ve got this, the basic steps that we did in the user test flow. We now want to get all the detail out so that the next day when the prototype is really sit down to build that prototype, they don’t have to answer anything or look anything up or get some information that they don’t have already. They can just build the prototype so this is really important to get all the detail in, and it’s really important, also, even though you’re wanting to add detail to the high-level parts of the concept that we haven’t really fleshed out yet be very careful not to add any new ideas here and anything that’s unnecessary, like if you’re not testing the login flow for the product, you’d probably don’t need to draw and build a login screen. You can just skip that and pretend it’s there, so don’t add things that the prototypers will have to make more effort to design. If it’s not an important part of your test, no brand new ideas are nothing unnecessary. Now you can go into part two of the storyboard, where you fill out the rest and draw the rest so filling in the missing pieces by drawing around them or taking a drawing, that’s already there and really building on it and using that as a base, so it’s a great idea to start with the first cell. The first box that’s often a simple one like Google page, someone googling to find out about a laundry service or maybe it’s an email where someone’s in told about the new products or an ad on Facebook. It’s usually something that you’ve seen before, and you can really just quickly draw again. Then it’s a great idea to go to the very last box in the last cell and draw what’s there, and that also might be quite simple, it might be the final clicking to buy something or confirmation or sharing something with a friend that final step that’s confirming that the user might actually use subscribe or share that service with someone and that’s usually something that you might know what that looks like as well so doing those first two helps the team feel a sense that they’re actually getting somewhere They’re actually moving along, and they’re already filling out those two simple cells, and then it’s a lot easier to see what happens in between as well, then finish drawing the rest and there might be one or two screens in here that have most of the heavy stuff in them. The the key screens we call them the ones that are really showing what the product is. So in our example, it might be the marketing page and then the checkout. Paige, so these ones might take a little bit more time. Try and keep your team time box. Using their suggestive timings in your facilitator’s checklists that you’ve got with this class and really kind of keep them time boxed and maybe use some time boxes that are a bit shorter than what you hope for so that you can extend them a little bit and give them give the your team a bit of extra time, but keep them time box, so they really keep moving fast. Another great tip for this storyboarding activity, which can sometimes be stressful and keeping the whole team really engaged can be really tricky thing to do because people start debating and discussing particular features and ideas is giving people side tasks, so if one or two people start really debating what might happen on a particular screen or what copy needs to go there or what order things should go in, you could give them a marker and say great you to work on that screen while we move on with the others, and then we’ll come back and then we’ll get a lot more done so this can help people it’s hard to keep everyone just paying attention to one thing for a long period of time, so giving people those jobs or telling like other side task examples. I go and look up some copy that you might have on your marketing page already or sit down and write some copy and then come back to us. This really helps get more done and keep everyone engaged and that feeling of investment in what’s going on as well and another great tip is delegating the drawing like. I said before find someone in the group that can do the actual drawing for you so that you can be facing the group and not having to have your back to them and really watching for things like people getting disengaged or having debates on the side and you can then allocate them side tasks and things like that. It can be really tricky to keep the group engaged and active and it’s a really important thing to do for this very last exercise, where it’s really the final thing that that group will do together on this day, so really keeping people motivated, engaged and excited and invested in what they’re doing is super important to for you as a facilitator and for the team to have that sense of achievement together at the end. So there you go, that’s. The storyboard. Obviously there’s a lot of other exercises around it. If you have any other questions, let us know in the comments and like. I said earlier down below, You can see a link in the description to all one and a half our web class on how to run and sell your own design sprints. If that’s what you’re interested in running them yourself, don’t forget. We have a weekly podcast called a product. Breakfast Club podcast on all podcasting apps. We have daily blogs on Instagram on our AJ and Smart Channel. We also have a newsletter You can check out down below. Which is a biweekly product innovation newsletter where you can get the most up-to-date product design news. All the kind of industry stuff that you might want to know that comes to your email every two weeks. No spam. Nobel finally. We also have a super popular. Facebook group called innovation hackers where designers all around the world and innovation specialists all around the world come to share their links. Come to ask questions and come to share their stories about their work in product design. So definitely check that out. Have a great one. Bye bye! [MUSIC] [Music]!