How to Create a Storyboard: Bring Your Product/Service Concept to Life in 20 minutes | Christie Lau | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

How to Create a Storyboard: Bring Your Product/Service Concept to Life in 20 minutes

teacher avatar Christie Lau, UX Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

7 Lessons (21m)
    • 1. Why do you need a storyboard?

    • 2. Prepare User Action Outcome

    • 3. Write user story

    • 4. Write action steps

    • 5. Sketch!

    • 6. Ready to show

    • 7. Next steps and thank you :)

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

GRAND PRIZE WINNER - January 2019 Skillshare Contest for First Time Business and Technology Teachers 

"Your class was polished, includes varied visuals and has a project that encourages students to put their new skills into action." Kaya Ten-Pow, Category Manager @ Skillshare 

MILESTONE WINNER - Skillshare Teach Challenge: Launch Your Teaching Side Hustle

"Christie’s outline is well organized, showcasing key concepts and providing clear takeaways."- Lisa Goza, Teacher Success @ Skillshare

Featured in Skillshare's Rising Stars List

Listed on Skillshare curated list on homepage and newsletter to the whole Skillshare community


Got an Idea for an app? A product? A service? 

Before you quit your job, spend loads of money, hire a developer or going to investors, you can create a storyboard to communicate the real value your idea can bring to your potential users.

Why a storyboard?

A storyboard is a single well-formed concept with details worked out.

Using sequential illustrations with dialogue copy or narrative, storyboards are a great way to demonstrate the user experience through a few key images without needing to be text heavy.

Even if you have started designing or development, being able to illustrate the user journey before showing the wireframes or a walkthrough in your app helps the audience to be in the context of your users, so they can understand the value of your product. 

What You'll Learn

When thinking about storyboarding, most people focus on their ability (or inability) to draw. The good news is that you don’t need to be good at drawing before you start creating a storyboard. 

We will go through

  • Developing a user story
  • Making a script/storyline for your story
  • Sketching the story with pen and paper
  • Tips and tricks to enhance the presentation of your storyboard

It helps if you have done some user research before we start. Storyboarding takes the research you’ve conducted, the user needs you’ve identified, the potential solution (aka your concept!), and weaving them into a narrative, a story to test as a concept.

Why this class?

In this class, we will create your first storyboard together, step by step. By the end of the class, you will have a completed storyboard ready to show to your potential users, stakeholders or investors. Let's go!

Meet Your Teacher

Teacher Profile Image

Christie Lau

UX Designer


I'm Christie, a user experience designer and user researcher based in London.
I often work in a fast-paced agile environment, researching and designing solutions that solve user pain points and add business value for clients. I have the pleasure to work with a wide range of clients, from start-ups (seed funded to Series A), charities, NGOs, to the government.

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Why do you need a storyboard?: Hi, Kristie. I use experience design in a positive Yates. I've helped more than 20 organizations test concepts for the new press start ups. Cotman too invested. I don't workshops with uses and stakeholders together requirements and defined the minimum five in this class. I will show you what that he did. The in humans naturally relate to Biffle's. We cost the experiencing right, refining our stories for my spirit, I find story a great way to communicate the future potentials off product without your potential. Uses state quarters or working. Festus start goes off. Best use ideations. When do you have an idea you're flying a research. Do you think you know how it works? But you haven't found it yet. There is a lot of you think that So the story is a great wet officials close oceans and it is a part of the process we want for the steps of how to create for a start to come in caves for and work clothes off your idea. Maybe the first. By the end of this class, you will learn how to break your amazing idea by five story catches. Sketches. I thought this with many workshop participants. So Cray goes durable 2030 minutes. He's totally I don't need to be good for all the free, sketchy talk house people to focus on your story. You're amazing idea rather than my new details that might change the drop. Remember that. Really? Ideally, have it's time to take it out. My boss. Get your pen and paper ready. 30 minutes hot. You have a story right to show. 2. Prepare User Action Outcome: Creating a storyboard is only a part in the design process story boarding text a research have conducted. The user needs to have identified taking the potential solution hypotheses you have developed and weaving them into a narrative, a story to test as a concept in this class, I'm using the worst concepts per dark and surfaces interchangeably. When I say these words, I mean the amazing idea you're half your head. I don't know what kind of idea you have, but whichever type you have would have the below elements. So check you've got the answers for the items below before we begin the story boarding exercise. Who are you designing for This will form the main character off the storyboard. Some designers were called There's a persona or a user type. It represents your most important uses in your idea. You might say off course. I know my uses. It is everybody. This would not be useful when you need to write a story about your user and imagine that compacts try to be more specific. Are they in his particular profession? Dude, I own a particular product. In the next step, it would become a current Why we need this main character to be more specific. The trigger. Why uses? Look for your product or service this gift us the contacts off the uses. Where are they? What time is it? What do they need? What do they see when they interrupt with your product? The more you know about your users and the more specific you are defining your may use a type. The easier it would be for you to fear in the context. It doesn't necessary. Have to start with Lockett's greens or search engines in your story board. You want to show the most valuable part off your concept. For example, if your user your main character, is a passionate gardina, the context can be the Gardiner in his own home having difficulty identifying a plans name . This will form the beginning off the story goal off user. When using your product or service, this will form the last step off our story. You might have heard of the court. People don't need a cause. Her inch drill, they warned. 1/4 inch hole. The story doesn't end after your store users get the product, be eat a drill or an app story ants when your users get what they need to do, done to draw a hole on the wall so they can hand pictures or to know the plans name so they can Google the name and care for the plans are purposely this court. Is the court off the jobs To be done? Theory. Feel free to check that out if you're interested. Once you've got these, we can move on to the next step writing your users story. 3. Write user story: storyboards fail most frequently when the purpose was not clearly defined. A friend without the constraints they find storyboards can become too general and unfocused . Therefore, we will start with writing users story statements. You might have heard of user stories from the edge of a purchase. To me, this is a great format to help us focus on the requirements off our product or service, turning it from something fake in our head to something we can sketch out. Use the stories of short, simple descriptions of a feature told from his perspective off person who decides the new capability, usually a user or custom off the system they typically fuller a simple template. Us A. Title. Fuser. I want some trigger in order to some call. Remember the user type to trigger on a gold identified from the last video. It's time to write it up into a use of story. Okay, lets do this together. I'm going to use a side project from the last hack a phone I went to as an example. The Hackathons topic was on project management in the road construction industry in the UK and how we help track whether purchase are on time or delayed. The lace come in a huge penalty in the road construction industry, so there is a big incentive to nerve the progress and potential delays. Alley in the project and plan again if necessary. So with the plan plate done, let me walk you through each part of the story, the type of fuse that is project managers in the construction industry. I'm going to make it a bit shorter here for I want I'm going to put my trigger here. The context off the user. What? It's my project manager looking for here. I will put I want to know the overall progress and courses off DeLay. We will expand on that later on. When we are sketching out the stories here we put the goal in order ti just the project plan and reduced penalty fast. The ultimate goal. We want to reduce cost, not just knowing the project has a delay, but do nothing about it. And that set for the use of story statement. Now your turn to do it 4. Write action steps: Hey, great job. You've come a long way. So in the last video you have created your use of stories. This will become the very useful guides when writing the story line. So you may wonder were nearly Howie that but we haven't even dot drawing saying Don't worry . Writing a story like first before you jump straight to sketching has a big benefit, especially if you're not used to sketching. This will become a great house. Writing a story line first will help you get your thoughts down straight. You will understand how the story will fit together and start to see if the narrative makes sense. He's an option for you. You don't have to follow it. You can write your steps on per states once that per post it Note. This way, if your story doesn't make sense, you can shovel post posted around to make sure you're telling her here in story. However, I know not everyone will have access to unlimited supplies of posters. So in this video I will be writing on an A four sheet off paper. Okay, let's get started on a sheet of paper. They find it up into five columns number them their 1st 1 on the left s one. Each column is a step in your story board. There will become the stuff. Captions off our sketches In column one. You write your first step for the com pass off your users story. What triggers your uses to look for your product or surface? For column number five, you write your last step, the go off the customer when they are using your product or service. This is something they should have got after using your product or service, and they will get on with their lives. Going back to the example I show you earlier. Our now writes the beginning and the end of my story. For my uses, they would need to nose. So let me speak in the you success. I would need to know whether the project is on plan. And Eichel who the dashboard speaking in the first person and will help other audience to step into the characters shoes so is strongly advisable. Okay, so now we are on the go, so full the goal there would be. Now I know the potential impact off delay so I can liaise with stakeholder for different Platt action steps are individual clicks taps or are the directions you would like to use it to take When using your product, Think of thes action steps us the baseline requirements that you will need to design for your product. When you write, refer to the use of stories statement. How can you help your uses? Reach that goal. Since I'm working with only one sheet of April paper for the action steps, I know that I'm for real likely to get wrong. So I'm using from draft paper to help me get started. So now I'm writing the middle steps off. So I'm imagining. Okay, so the user is going Teoh comfortably dashboard and then see the causal delay. And then may we see the impact, Eli. Oh, castaway, not too sure. I'll write this down. Honda Fist. Oh, I got it wrong. Yes, that's why you need a draft paper right to several fashions. You might not get it right the first time, just like I did. Maybe there are different ways for the uses. T reach the goals. Using your product or service is full fridge, right. Different stories or keep iterating and refining on one of them looking at all your different storylines. Wish one answers. You use a store statement the best. Does that storyline confessed? A key features in your concept. You might also bringing one other action staff from that will turn this storyline. So you will need to make space for an extra column on your A four sheet of paper. Now I'm writing out my caption space on the action. Step off identified. These will help me when I stashed the actual frames. Lecter. Now your turn to write your action steps, Feel free to Shaya Progress in the Cabrini section. 5. Sketch!: Well, as you're happy with a structure, we can start sketching the proper storyboard for each step. Fallujah storyline and sketch. How was your user interacts with the product or service? The easiest and most common drawing tool is pen and paper. This simple approach allows you to sketch the initial idea for each scene without thinking too much about how things look or your tools. Trust me, it will be all fine. So here are some tips for you. The 1st 1 is South Explanatory. Imagine you fall into a coma. Once you finish your story board, people should be able to come see your storyboard and be able to explain to other people what your brilliant idea is. And off course, consider working you up from the coma. Your story board needs to be self explanatory so that others are able to build it or test it with uses. The 2nd 1 is ugly, is okay. Don't worry too much about the accuracy off your screens at this stage. The purpose of the storyboard is to test whether the use of story makes sense to the uses stakeholders and in Festus and how you would address to using these. There is no point spending time on designing beautiful screens. If they don't even make sense in the uses world, the real designs will come later here. We're just trying to understand if the concept will be useful for those who are totally no comfortable showing your sketches. I will show you a template later, which you can draw up your story board on computer using PowerPoint. The third tip is worth mata. Be sure to write clearly. For example, your key call to action button email subject line heading summaries, hens tips, explainers for etcetera, information uses would need to reach their goals. Your worst can provide valuable information and launch uses towards that goal again. You shouldn't need to explain it yourself when people looking like a store report back to our sheet of paper with your use, a story and your action steps will now sketch out east. Off stops are usually start with a draft paper sketching out the elements, playing around to character and scene, and so on. I sketched the initial idea for each that following the captions written in the last lap. I consider where my user is. Are they with other people. What would they see? Don't forget the emotions, happy faces and weighing praises. What are they thinking or speaking? You can also add speech, bubble or for two couples. After I'm happy with the saps, I would trace the outline by putting the right elements under white place on my paper. Like if you have difficulty during anything, you can trace it over an image prince vow, or trace it from fuel magazines and other printed medium. In my opinion, state man and simple shapes are fine. Remember the asserted worst matter Here? I'm writing all the headline data points and information you so with me to reach tickles. My writing is too big, and I make a mistake here. What I usually do is cross it out, ignore it and draw underneath. When I think it's a lot of my file, I'll cut the correct part out and pays it into the right place. Have loads of fun stretching your story board is getting into good shape. Remember to share your progress in the community. See you that 6. Ready to show: well done. You have done your storyboard. Go show it to people in this video. I will show you some options on how you can tidy it up and make it ready to show. Remember, these are just options. The important thing is that you have already nailed the vital steps in your storyboard so good on you. Okay, so here is an amazing resource to how polish your story board U S Co make library has a bunch off devices with squared off screens that you can put your designs or sketch on to help you explain production all services saddles fancy. But you during any special software for it because it is in Acuna format or in a PowerPoint format, and it has a library off all the elements in it. You can use those to create your scenes on export. The image to put in your story board. The Kino file includes instructions on how to put things together. Check it out. After using the comic library, here are use Google sliced to put together a page to show my statue. In my caption. I used this for the pitch in the hack A phone. Well, actually, This is not a four story. So this is the actress. Lied are used for my hackathon. I also added the unique selling point and what else we could at in it. Instead of sharing the captions, I was there to pitch and to tell the story. So I use that space on the screen for something else. We were the only team that used a storyboard to explain our concept and Demmer and guess one. 7. Next steps and thank you :): Hey, congratulations. You fished Yet? Right now you may wonder. So where do I go from here? My story. So the next step is tested. Show it. Using a storyboard as a foundation, you can begin to work on the details off how to bring the story into reality. For a prototype, it can be a pay. The prototype very sketchy or you can be wife rooms. The story port will form the structure off your concept. Testing with uses. You can also walk your uses for the storyboard, showing them one great at a time to follow your assumptions on the context that triggers and Nichols by putting a user in this Drew's off the character there easily able to relate to wear things, align with them where things differ and where things need changing. When the users say I wouldn't do this at this stage, but I would do that next, or this would make no sense to me. Here, your story Port will have to explain and your state holders imagine a potential new reality . And through star a testing and development of the prototype, you can begin to turn this into a minimum viable product. OSS office fish, realizing it allows them to see clearly how this concept impacts the current process and how it will relate to the whole business. George telling fruit for a time may seem foreign and uncomfortable to some people. The stories can spark the imagination off those hearing them. This rich way off communicating can help set the scene for persuasion or a call to action, ultimately improving the concept you have. You can also consider using a polished storyboard to aid your pitch to in Festus here. If you have already, you can also consider using a polished storyboard to aid your patch to in Festus. If you have already done on loss of user research before you do your story board, this is also extremely useful in Hackathons Before you do a demo, I hope you guys enjoy learning how to create a storyboard. Bringing a concept. Don't forget to document your process and share your story board to the communities that everyone can see. Thank you so much for taking the class species