Lessons

Lesson Info

Using Storyboards & Scenarios

besides internal team, besides the product team, storytelling is also a great tool to communicate to non technical team members such as clients and end users. Um, so in our other segment, we started using or hygiene as a example. So we're going to just continue that and take a look at How do you do? Storytelling with and ab died is related to aural hygiene. So let's take a look at few storyboard rain. So we have Sally here. Um, Sully has bad teeth, and it's just like toothache all around. Um, she is saying that she says, I always forget to brush my teeth. I'm so tired and I I just fall asleep and I don't care. Right? So now we're introducing a new toothbrush, right? So it's a toothbrush on the end of the handle. It has an NFC sticker that stands for near field communication. It's like, Oh, cool. Okay, so what does she dio? Um, every time at 7 a.m. or 10 PM like after she wakes up in before she goes to bed, her phone would chime and says, Hes time to brush your teeth, right? And then, i...

n order to turn off or deactivate that alarm. Sally Anne Sue, hold a toothbrush. Didn't touch the phone. Then that would deactivate the alarm. And if the toothbrushes in her hand already surmised, I'll go brush your teeth. Right. Um, so any a nervous the plod We got happy Sally with better teeth holding toothbrush. Pray. So this is just a really quick sketch. And what does it tell us? So it gave us a user in mind. So those user is forgetful, right? And then a talus us the necessary technology that is needed to perform, um, to perform this action and to get to the end result, which is a happy user. And then it also revealed a problem for us. Um, it gives enough detail to convey why we need the enough c sticker and why we need the alarm clock. But it doesn't go overly technical where a client doesn't understand rate. So when you look at those, you kind of get Okay, So there's a sticker. You touch it with a phone to deactivate it. Okay, Cool. That's not too hard to grasp rate. Um, and this is enough in the story boarding level, and it's okay if you don't sketch out while, right? Like you can have, like, super rough sketches. You can even write it out if you're more of ah, text person, right? Like, draw out six boxes, just briefly. Tell us what is going to happen in every single scene. Then that's your story. The next one is this is Bob. Um, Bob is standing in front of, um, his mirror one day, right. And then he finished brushing his teeth, and then he gets a lower reminder on this phones as time to change to brush. He will walked over to his cabinet, and he's like, Oh, I ran out of toothbrush. Okay. Wow. Actually, the phones really smart. It's as time to chase Yuvraj, do you want to dismisses or do you want to add who the to do list, right to set a reminder for yourself. So the next time that Bob is in the grocery store shopping, um, his phone actually using GPS detective that he is in a grocery store. So it actually timed and remind him Hey, don't forget to buy a toothbrush. So now, Bob, while shopping, he grabbed toothbrush, and he's like, Yes, I did not forget Ray. So it tells a story on Do you really need that along clock? No, not really, But doesn't solve his frustration point that he forgets to buy toothbrush. Yeah, I think so. And then also talked about who Bob is. So he does. He does brush his teeth, and then he does. He does do, though, do the all the routine and set, but he doesn't want to get stuck using an old to toothbrush. He wants you get to the right routine. Where, um, replacing his toothbrush every 3 to 4 months. So it also showed us a little bit of the interface. Right? So you can dismiss the reminder, or you can attitude to do this. So there is just to do less feature that we need to build. Or maybe we can even integrate it. Teoh existing grocery shopping app or something. Um, it tell us a little bit about how to activate the reminder. Right. So there is a little bit of GPS integration. So at this time, when you're presenting, presenting yet to your engineer, the engineer team can say Oh, yeah, that's doable. Or maybe they're like, Yeah, we can do that because of, like, app store permission below a lot ready. So at this point, you cannot start breaking down the check constraint already. And then you can start breaking down the feature. So it's so is realistic and is you can implement it. So just to sum it up, the benefit of stored warning, it paints the setting. So it tells you were people are using the tooth bush where people are, ah, using the application right. For So for example, the product we're building here is a mobile application. Um, it tells us about the personas. So it introduced Sally and Bob to us. Do you guys have a good, pretty good picture of who? Sally is raised lazy, right when we're maybe she's just forgetful, not lazy. And then there's also Bob. So we know those two people already. It offers emotions, right? I feel like, um the need of when you go to the cabinet expecting a toothbrush to be there or expecting twilight paper to be there. But you you notice it's missing. You're like, Oh, but I can't get it. Oh, grocery store right now because I don't have toilet paper like there's that pain that resonates with you. Um, it can explain the system in a much simpler way. This is great for client, because sometimes the clients are less technical. But there are other people who are signing off on your stuff right there. People who signs the cheque, they're the people who you need to get the approval in order to build the product. So using story bore, you can explain something in a much simpler way to them. And they were like, Okay, yeah, I totally get this right. Without without really telling without going into the nitty gritty detail of what enough c sticker is or how the GPS work, you can kind of just demo it to them. Cool. All right. Um, do you have any questions so far? Yes. Yes. You mentioned six boxes for the storyboard. Is that come like a constraint that we should stay within? Or I think six or eight is a good flow. I think 12 is a bit too much. Yeah, yeah, but I know, I know. It's like I think like traditional story boarding, it always goes up to 12. I don't think it's necessary. I like to keep thes storyboard like really rough because you're just trying to get the point across. You're not really trying to solve for any other problems, right? And then assault as people get the big idea. I think that's good. Yeah, any question from our audience, because the storyboard idea is something that really has resonated with some of our either experienced designers or, indeed, our budding designers in the chat rooms. So it's great to see them all here today, but yeah, I mean, they were actually really great examples. Thank you for that. Great. All right, so moving on. So now we have the bigger picture painted already, Ray. So everyone's on board were like, Cool. Okay, way we have this reminder app going on for aural hygiene. So the next thing we're gonna talk about is user scenarios, and what this is is it's pretty much, um, a more detailed version of your story board and I had just written out and what we have here. Iss Bob brushes his teeth twice a day. Last thing before bed and the first thing in the morning. One morning. He has received a reminder from his phone that it's time to change toothbrush Bob can't find any at home. So he asked to thrush on his grocery list. Well at grocery store grabbing dinner materials, his phone chimed, reminding him again to buy toothbrushes. Now Bob has new has nude toothbrush to continue his healthy or a routine. So obviously you can expand a lot more in the user scenarios, and you can give more contacts, right? So it here, instead of just looking at the rough, comical storyboard. Um, we're adding a lot more details such as, Yeah, so Bob is actually not going to grocery stores just for toothbrush. He goes there while grabbing his dinner material. So it also kind of give us the time of the day. Um, you can also expand a lot more on why he needs to. What's the motivation behind him setting this reminder? Right? Um, or maybe he is doing something else to in the grocery store while he's doing this. Um, in my we can also expand into what hiss teeth brushing routine Looks like Ray. So is is early in the morning, Um, Bob White sob ray, So he he staggers or he stumbles into the bathroom, right? And then he's like, half awake, and then he is just feeling around for his toothbrush and then his toothpaste. And then I was like, How does he squeezes toothpaste? Really? And then you can actually get into that and really paint the picture of who Bob is like. Is he like a and user, or is he like the middle squeezer? Right. Um, is he using his mouthwash after you brush or that Does he use it before? Is he flossing? Right now, all the details and the benefit of having setting up users in your is that it describes what users are doing with or in the product and why they're doing it. It's it's houses about the goals. Um, expectations. Like what? Multiple a. TsUM, Um, what they're doing and whether reactions are for the product. So, for example, um, the mobile application reminder. If, like water, what what is lobs? Reaction to the reminder. He's like, Oh, yeah, cool. Thanks for reminding me, right? That that's a good experience. Or is he agitated by the alarms? Oh my God, this is so annoying. It's like stop reminding me again and again, right? So, like, you can also start getting into that mindset. Um, it describes how the system work. Um, from a user's perspective. So instead of as trying to tell a story, it's how Bob is experiencing the product and it focus less on technology and more on emotion. And I think that just really gets to you the my set going for what Bob is going through right now, Um, this can be used as a baseline or as a spec for what the expected interactions would be when you launch the website or when you launch the mobile app, right. So if you So this is this is speculations of how we think that a user my interact with our app. So when you actually launch the application and this out in the market, you can also bring in a couple of users who is using your real product and see if this is their their expectant into interaction to. So you can do some user interview with those riel users and say, All right, so what do you think of the remind Lee Toothbrush Reminder. Do you, um, walk me through how you set up your reminder? Right. And then is the toothbrush reminder actually helpful for you. Do you turn on your GPS on the phone alone with this application, and then you can ask all those sorts of questions. And at the you know, today you can come back and compare whether or not that you this scenario is true or it's completely invalidated. Cool. So that issues ersten aunt scenarios and you can definitely have a bunch of difference in the area was going on even from derived from the same Ah, storyboard, right? If let's say the story, Boris eight screens eight scenes long and then suit, and it is pretty massive. You can break it down into several tiny or tinier scenarios and just let it be more tangible to you.