• Request For A Quote
  • Tools Login
    • Tools Dashboard
    • Restore Password
  • Login
  • Register
Top Web Development Tips, Link Building Hacks, Affordable web development
  • Our Services
    • Affordable to Advanced SEO Packages
    • Small Business Website Package
    • Convert Any Facebook Page to A fully Responsive ecommerce Site
    • Browse our Services
    • Download Our Free Business Templates and Free Printables
  • Blog
    • Build Traffic For Free
    • Business Advice
    • Finding your Niche Tips
    • Infrastructure
    • Monetization Tools and Programs
    • Web Development
    • Working from Home Jobs and Tips
  • Favorite Tools
    • Free Startup Tools Directory
      • Free Classifieds
    • Download Ebooks and Themes
    • The Ultimate Cheat Sheet for Creating Awesome Landing Pages That Converts Instantly – Free Landing Page Example Inside
    • Free Online Research Tools
    • Top Online Design Tools
    • Contribution Platform
    • Referral Platform
    • Affordable Hosting
  • Contact
    • Team Awesome – Zipsite Web Development Team
  • Submit Guest Blog
    • Write for us – Guest Blog
    • Register & Add Your Site to Our Directory
No Result
View All Result
ZIPSITE - Web Development For Startups Since 2003
  • Our Services
    • Affordable to Advanced SEO Packages
    • Small Business Website Package
    • Convert Any Facebook Page to A fully Responsive ecommerce Site
    • Browse our Services
    • Download Our Free Business Templates and Free Printables
  • Blog
    • Build Traffic For Free
    • Business Advice
    • Finding your Niche Tips
    • Infrastructure
    • Monetization Tools and Programs
    • Web Development
    • Working from Home Jobs and Tips
  • Favorite Tools
    • Free Startup Tools Directory
      • Free Classifieds
    • Download Ebooks and Themes
    • The Ultimate Cheat Sheet for Creating Awesome Landing Pages That Converts Instantly – Free Landing Page Example Inside
    • Free Online Research Tools
    • Top Online Design Tools
    • Contribution Platform
    • Referral Platform
    • Affordable Hosting
  • Contact
    • Team Awesome – Zipsite Web Development Team
  • Submit Guest Blog
    • Write for us – Guest Blog
    • Register & Add Your Site to Our Directory
No Result
View All Result
ZIPSITE - Web Development For Startups Since 2003
No Result
View All Result
Home Graphic Design

The Value Of Storyboarding For Product Design

Maida Barrientos by Maida Barrientos
2 years ago
in Graphic Design, Small Business Tips, Web Development
Reading Time: 17min read
0 0
2
Share on FacebookShare on Twitter

By creating understandable and tangible visuals, companies will decrease interdepartmental miscommunications and increase overall productivity. This article is for anyone who wants to develop a product and improve internal communication.

The Value Of Storyboarding For Product Design

When you think of the word “storyboarding,” you probably think about film, media, and video creation. Historically, this is what storyboards have been used for, but who says we can’t use them for product development as well?

Storyboards are an effective communication and product development tool for digital marketers, content creators, user experience specialists, and product managers. In this article, I’ll teach you why storyboarding is valuable to the product development process, as well as why it can reduce interdepartmental miscommunications as well as overhead costs.

Below is a comic of a clear and common situation experienced by most companies. Words can only go so far as to effective explanations and miscommunications are are a common occurrence in the product development world. As you read the article, keep this image in mind and notice examples where storyboarding or visual communication may be able to prevent misunderstandings.

A classic corporate communication issue
The ‘Tree Swing’ communication problem (Large preview)

I’m going to set a scene that almost all tech companies experience on a regular basis:

Marketer Mary has an idea for a new product. Mary thinks this product will be a huge winner and goes to tech to have them build it.

Developer Diane hears Mary’s idea and tells her she will start working on it. As Diane continues to build out functionality, she realizes that the product will actually be much more efficient if she combines some of the parts and cuts out others. Diane finishes building the product and sends it over to Creative Chris.

Chris meets with Mary to discuss the product’s UI, where Mary explains her ideas. Chris gets to work. He starts to incorporate Mary’s ideas but quickly realizes that he has a much better and more interesting UI concept in mind, and eventually completes the product that way.

Once the project is complete, Mary is upset. The product has neither the functionality she asked for, nor does the UI allow the user to navigate the product properly.

All three departments go back to the drawing board to redo the product, and a significant amount of time and money has been wasted.

This common situation is not one person’s fault. Mary should have explained to Diane and Chris her clear end goal of the product and let them create it with the goal in mind. Diane should have understood that Mary was asking for specific functionalities for a reason and even though her product may have been more efficient, it’s useless if it doesn’t accomplish the desired end goal. Chris should have understood that even though Mary’s UI concept may not have been the most aesthetically pleasing, she had that UI for a reason. They should have worked together to create a concept that works for everyone.

There are a few ideas out there on how to attack common product development miscommunication problems, however, many have found the most successful solution is to create storyboards throughout the product development process.

A storyboard is a collection of cells, either in a linear progression or mapped out from a central idea that tells a story. Each cell can contain an image, a title, and a description that provides specific information to the reader about certain aspects of the story. Storyboards are meant to be simple representations of a larger concept, and force both its creators and readers to break down large complex topics into simple step by step subsections.

The Journey Of Entrepreneur Erin

Page Contents

  • The Journey Of Entrepreneur Erin
  • Creating Personas
    • 1. User Personas
    • 2. Buyer Personas
  • Journey Mapping
  • Storyboarding For UX Design
  • Storyboarding For Product Iterations And Improvements
  • How To Begin

The fictional, but based on real events journey of an entrepreneur using storyboards to help her and her team design, build, and iterate a her product.

Erin left her job at the big company she worked for and decided to pursue her dreams and start her own company. She already had an idea — SoLoMoFoo. SoLoMoFoo is an application to alert employees when free food is available in common areas — like conference rooms, shared office kitchens, or private offices. At her old job, she had noticed far too often that free food goes to waste due to lack of awareness and employees become disgruntled after hearing about free food that they had just missed. She decided that this problem needed a solution and that she was going to build it! First, she needed to figure out who exactly her target users would be.

A useful way to discover potential target users is to create personas. Erin decided she was going to map out a few of her target users and buyers and record some of their unique characteristics.

Creating Personas

Creating personas can help you step out of yourself. It can help you to recognize that different people have different needs and expectations, and it can also help you to identify with the user you’re designing for.

— Rikke Dam, Co-Founder of Interaction Design Foundation

Buyer and User Persona Examples
Personas for SoLoMoFoo (Large preview)

Erin knows that SoLoMoFoo will solve a problem that exists (the lack of awareness about free available food) — but who does this problem exist for? Who will be using her product? Before Erin starts to create storyboards she first has to build her personas. Generally, companies will have to focus on two different types of personas — user personas and buyer personas.

1. User Personas

These are fictional depictions of quintessential users fitting a certain criteria. Most products will try to limit the number of two or a maximum of three key user personas, and then focus the majority of marketing efforts on attracting these users. In SoLoMoFoo’s case, there are two key user personas that Erin has identified:

  • Baking Ben
    Ben is often bringing free food into the workplace to share with coworkers. He feels a little weird about emailing the entire office every time he brings in cupcakes so he would love an app that alerts his coworkers for him.
  • Hangry Hank
    Hank is constantly missing free food and is upset because of it. He feels less productive when he’s hungry and would be very interested in an app that alerts him anytime food is available.

2. Buyer Personas

Often times the intended user of your product is not the same as the intended buyer. In SoLoMoFoo’s business model, an entire company will purchase the SoLoMoFoo app and have their employees download it. This way everyone in the office will both be able to send alerts when they have free food, and receive alerts when they’re looking for food. Erin has decided that the most likely purchaser of SoLoMoFoo will be the HR department.

  • HR Hailey
    Hailey is the HR manager and has purchasing power. She is constantly looking for ways to improve employees’ morale and engagement. She is incentivized by her superiors to inspire energy and teamwork amongst the employees and has a budget to spend on applications or tools that will help her do this.

Creating these personas will help you step inside the shoes of both your users, and your buyers (if they are different). It helps you take a step back from your product and see it through the eyes of the people you are designing for.

To start creating the personas you need, there are several online resources you can use. For example, you can use a persona worksheet template like one of these:

HubSpot  Persona Template
HubSpot persona template (Large preview)
4 value of storyboarding for product design |  Graphic Design |
Xtensio persona template (Credit to Xtensio) (Large preview)

Or use a persona creation tool like this one from HubSpot.

After personas have been created, the next step is to discover how these personas would come in contact with the problem you’re solving for, your product as a solution, and how the product would ultimately benefit their lives. A great way to step into your personas’ shoes is to create journey maps.

Journey Mapping

Customer journey mapping helps you to visualize your customer’s experience from the customer’s point of view, across all the different touchpoints they have with your brand as they seek to achieve a specific goal or goals.

— Tandem Seven Experts

Now that Erin has identified SoLoMoFoo’s key user and buyer personas it’s time for her to discover how these personas may come across her product, how they would use it, and what potential obstacles they may face throughout the process. A great way to do this is to create journey maps in the form of storyboards. Creating these journey mapping storyboards forces the product designer to walk in the user or buyers shoes and experience their product in a step-by-step manner.

User Journey Map
Customer journey map for SoLoMoFoo (Large preview)

A journey map storyboard can generally be broken down in six key components:

  1. Problem Experienced
    You have decided to create your product for a reason. You believe that your target users are experiencing a problem that they want solved. What is the problem that your product solves for?
  2. Solution Search
    After your persona has experienced the problem, you believe they will go searching for a solution. What methods will they use to search? These can be potential marketing channels to consider for your go-to-market strategy.
  3. Product Discovery
    During their search, your personas will come across your product and decide to start using it. How will they know this is the product for them? How will they get started? What barriers to entry might they face?
  4. Product Experienced
    The persona will now use the product and experience the intended objective. How do they use it? Can they use it immediately or are there other steps they need to take?
  5. Problem Alleviated
    After the intended product objective is attained the users problem is alleviated. Is this the same problem you were attempting to solve for at the beginning of your storyboard? What other potential problems might stem from your solution?
  6. Beneficial Outcome
    Now that persona’s problem is alleviate, why is their life better? What benefit did solving their problem bring to them and how will this improve their situation?

Need an example? Take a look at the illustration below:

Blank Stick Figure Template for Journey Mapping
Customer journey map template (Large preview)

In the case of Entrepreneur Erin, she has to consider how the lack of access to free food would affect HR Hailey, how she would research possible solutions, how she would come across SoLoMoFoo, how the SoLoMoFoo platform would be implemented at her place of work, and the potential benefits and timeline for those benefits that the SoLoMoFoo program would bring.

Buyer Journey Mapping
Buyer journey map for SoLoMoFoo (Large preview)

Creating journey maps in the form of storyboards is a useful way to humanize your buyers. It’s essential to remember that your users are not just numbers, but real people. Having a human character and their personal journey map story associated with each persona serves as a constant reminder that your users are people, and their needs are constantly changing.

These journey maps are not only a great external product development tool, but also a great way to minimize internal miscommunications.

By developing user personas and a customer journey map storyboard, everyone is able to visualize the steps a persona would take when engaging with your product. Creating journey maps and presenting them to coworkers allows team members to view your vision in a realistic and tangible way. Once every department understands your journey maps, you can all reach consensus on what the final product will be, and the development process can continue with everyone on the same page.

Storyboarding For UX Design

Storyboarding in UX is a tool which can help you visually predict and explore a user’s experience with a product.

— Nick Babich, Editor-in-chief of UX Planet

Basic UX Storyboard Mockup
User-experience storyboard (Large preview)

Entrepreneur Erin has successfully identified who she believes her target users and buyers are and how they will come in contact and use her product. Now it’s time for her to design the SoLoMoFoo user experience.

A useful way to step back and view your product from a user’s point of view is to create UX concepts through storyboarding. Creating storyboards, cell-by-cell, forces you to walk through every step of your UX process as a user. You can easily create multiple storyboards and try out different UX approaches to find the most efficient concept.

Erin wants to design SoLoMoFoo as a simple app so she reviews the personas and journey maps with her development and marketing team so they are clear on the product vision and together they start designing a user experience.

Creating these visual, tangible storyboards points out potential flaws in your UX — maybe you are forcing your users to take a long leap in one step and is not intuitive. Or, perhaps you have a few steps in your UX that could be combined into one thus eliminating superfluous actions.

According to UX Specialist, Luca Morovian:

“The UX storyboard can help visually predict and explore the user experience with a product. It visualizes how people would interact with a service or app. A UX storyboard can also help understand users current motivations and experiences connected to a certain problem.”

The power and value of storyboarding for UX comes in the creation process, letting you experience your product as a user, which allows you to best optimize for effective design and an improved conversion rate.

UX Storyboard with aspect arrows
User-experience storyboard with detailed descriptions (Large preview)

Finally, Erin has identified her target users and buyers, journey mapped their process, and built a streamlined UX — but the product development process is never over.

Storyboarding For Product Iterations And Improvements

Your people know your products better than anyone else so as long as you ask the right questions and use appealing storyboards, you can solicit reactions from them and start a discussion on whatever it is you need to find out.

— Andre Bourque, Entrepreneur

Erin has now identified who she thinks will use and buy her SoLoMoFoo, how they will come across the product and engage with it, and how the platform user flow will be designed.

As product developers are aware, a product is never fully complete. As technology changes, users adapt and so must your product. It’s important to constantly be referring back to your customer journey maps and user personas to make sure they are still accurate to your product. As you learn more about your users and user-case scenarios, your product should adapt accordingly.

When looking into product iterations, most product development teams have a tough time isolating the scope and deciding on which aspect of the current product they want to change. Storyboards can help product designers break their product into individual segments, which then allows them to specifically work on one aspect of a product without involving others.

Here are a few questions you may want to use as a guide:

  • Do you have a homepage conversion rate issue and want to modernize UI?
  • Are users not responding to your call-to-actions? Maybe your UX is too complicated? Or maybe people just aren’t purchasing your product, so are you really solving your perceived problem?

articles |  Graphic Design |jobs |  Graphic Design |5 value of storyboarding for product design 800w |  Graphic Design |8 value of storyboarding for product design 1 |  Graphic Design |2 value of storyboarding for product design 1 |  Graphic Design |2 value of storyboarding for product design 1 |  Graphic Design |

How To Begin

Now that you have the knowledge on how to start using storyboards in your product development process, it’s time to get started.

Here are some quick steps to help you make the first step:

  1. Identify the problem your product is solving for;
  2. Identify 1-3 user personas and 1-3 buyer personas (if different);
  3. Create journey maps for your personas;
  4. Design UX flows around your target audiences’ needs;
  5. Iterate, repeat, and improve!

In conclusion, you now have tools to start incorporating storyboarding into your product development process. From the beginning in identifying your target users all the way to the end in building a UX and iterating your product for improvements.

Using storyboarding through the product design process will help prevent simple miscommunications and allow both you and your team to have a clear concept of what your product will accomplish and look like. Start storyboarding out your new product idea today!

Source: The Value Of Storyboarding For Product Design

Allow Zipsite to send you new posts and downloads!

Unsubscribe
Maida Barrientos

Maida Barrientos

About Maida She is Zipsite's all around Zipsiter. Only clocks out when she can barely stand. She sings, bakes, and tries so hard to be fit. But don't judge, she can literally strong arm you no problem. She's currently involved with eCorp, Contrib and VNOC, besides being a Brazilian Jiu Jit Su practitioner.

Related Posts

confused businessman checking time on wristwatch
Small Business Tips

7 Must-Know Time Clock Rules For Hourly Employees

October 18, 2020
1.8k
get MOD PODCAST
Small Business Tips

GET MOD – Money On Demand Podcast

October 9, 2020
1.8k
The Headless CMS Big List for 2020
Infrastructure

The Headless CMS Big List for 2020

July 12, 2020
1.8k
How to Make a Small Business Website: Step-by-Step Guide for Beginners (2020)
Small Business Tips

How to Make a Small Business Website: Step-by-Step Guide for Beginners (2020)

June 28, 2020
1.8k
Please login to join discussion

We’re dynamic with the times

Started in the early 2000, zipsite.net has actively gain grounds in the cyber web marketing and design industry. Based in Davao City, zipsite.net has been a competitive company through out the world.

Blog Stats

  • 12,005 hits

Latest Reviews

  • Product Dyno
    9.9
  • The Best Online Video Maker for Digital Marketers
    9.9
  • Zipsite.net
    ( 255 )
  • Analytics Tools & Solutions for Your Business - Google Analytics
    ( 150 )
  • Unbounce
    ( 15 )
  • LSIGRAPH
    ( 11 )
  • Google Small Business Tools
    ( 10 )
30 days to a $1000 Epic Launch

Get the 30 Days To An Epic Launch Digital Planner

Get the most comprehensive daily plan for launching your business, starting at the very beginning and get this, yes with a digital planner.
  • Privacy Policy
  • Terms and Conditions

© 2020-2021

No Result
View All Result
  • Our Services
    • Affordable to Advanced SEO Packages
    • Small Business Website Package
    • Convert Any Facebook Page to A fully Responsive ecommerce Site
    • Browse our Services
    • Download Our Free Business Templates and Free Printables
  • Blog
    • Build Traffic For Free
    • Business Advice
    • Finding your Niche Tips
    • Infrastructure
    • Monetization Tools and Programs
    • Web Development
    • Working from Home Jobs and Tips
  • Favorite Tools
    • Free Startup Tools Directory
      • Free Classifieds
    • Download Ebooks and Themes
    • The Ultimate Cheat Sheet for Creating Awesome Landing Pages That Converts Instantly – Free Landing Page Example Inside
    • Free Online Research Tools
    • Top Online Design Tools
    • Contribution Platform
    • Referral Platform
    • Affordable Hosting
  • Contact
    • Team Awesome – Zipsite Web Development Team
  • Submit Guest Blog
    • Write for us – Guest Blog
    • Register & Add Your Site to Our Directory

© 2020-2021

Welcome Back!

Sign In with Facebook
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
OR

Fill the forms below to register

*By registering into our website, you agree to the Terms & Conditions and Privacy Policy.
All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist

ajax-loader
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.

JOIN OUR EXCLUSIVE CLUB!

It’s easy: all we need is your email & your eternal love. But we’ll settle for your email.

In return, you can have access to our digital toolbox for free, weekly digital free coupons on apps and recommended ebooks for free plus allow you to submit posts, links to our directory.

No Thanks!