Module 4: Storyboarding

Introduction to storytelling in UX

Practice Assignment

1. Which of the following is a typical use of storyboards in UX design? Select all that apply.

  • To illustrate key points in the user journey

  • To engage stakeholders with visual narratives

  • To illustrate different design solutions
  • To visualize user interactions and scenarios

2. During a project meeting, a UX designer communicates their ideas using a storyboard. Which elements should they include to convey the user experience effectively? Select all that apply.

  • Emotional responses of users

  • Expected outcomes of user actions

  • Specifications of user interface elements
  • Visual depictions of user interactions

3. A UX designer is crafting a story to present a new app concept to stakeholders. What elements should they focus on to align with the UX Storytelling Framework? Select all that apply.

  • Proposed solutions to the user’s problems

  • The user’s daily challenges

  • The user’s technical skills
  • The context in which the app will be used

4. What does the process of transforming user research into a storyboard primarily help to illustrate? Choose the best answer.

  • The user’s journey and potential pain points

  • Integration of technology with user needs
  • The coherence of the design narrative
  • Strategies for enhancing user engagement

5. A UX team is using user research findings to create a storyboard for a new app. What aspects should they include to depict the user experience effectively? Select all that apply.

  • Key touchpoints in the user journey

  • User expectations and reactions

  • User emotions during key interactions

  • General layout and structure of the app

Storyboards, user flows, and journey maps

Practice Assignment

6. Which of the following is a primary benefit of using Figma to create storyboards in a collaborative UX design environment? Choose the best answer.

  • Figma’s version history allows designers to track changes and revert to previous iterations if needed.
  • Figma enables real-time collaboration, allowing team members to view and edit storyboards simultaneously.
  • Figma’s extensive library of pre-designed templates and icons streamlines the storyboard creation process.
  • Figma’s prototyping capabilities allow interactive storyboards to be tested with users.

7. As a UX designer preparing for an upcoming project, which tools would you select to outline the sequential actions and the user emotions involved in the product experience? Select all that apply.

  • Functional specifications
  • Storyboards

  • User flow diagrams
  • Journey maps

8. Which method specifically outlines the logical flow of user actions within an application? Choose the best answer.

  • Storyboards
  • User flow diagrams

  • Wireframes
  • Journey maps

9. Which method identifies critical points in an application where interactive elements can enhance user engagement? Choose the best answer.

  • Journey maps
  • User flow diagrams
  • Wireframes
  • Storyboards

10. You are analyzing a UX case study for a client presentation. Which tools would you use to explain logical and emotional user interactions comprehensively? Select all that apply.

  • Storyboards

  • Wireframes
  • User flow diagrams

  • Journey maps

Project: Storyboard for the grocery shopping app!

Practice Assignment

Project scenario
Welcome to the next part of the capstone grocery shopping app project! Imagine you're a UX designer tasked with creating a mobile app that simplifies the grocery shopping experience. In the previous project, you ideated possible solutions and identified one you'd like to work on. In this project, you'll communicate your design vision through a storyboard. Storyboarding is an essential tool in the design process as it allows you to visually map out the user's journey and interactions with the app. Let's dive in and bring your design ideas to life!

Objective
The purpose of this project is to synthesize your knowledge of user needs, design ideation, and storytelling into a compelling storyboard for the grocery shopping app.

Instructions
Before you begin, open the The Grocery Shopping App Template PowerPoint file that you’ve saved previously to a location that is easily accessible. If you have not yet downloaded the PowerPoint file, do so now. You will continue to add to this PowerPoint file throughout the certificate and at the end, this will be your completed portfolio. There is guidance on what to include in the beginning slides and template slides towards the bottom of the PowerPoint deck. Use the completed portfolio to showcase your work and share with potential employers, demonstrating your skills and experience in UX/UI design. Make sure to click and expand each step of the instructions as you go through.

11. Why is it important to develop a storyboard at this stage in designing your app? Select the best answer.

  • To add color and visual appeal to your design
  • To finalize the app design
  • To demonstrate your artistic skills
  • To visually map out the user’s journey and interactions with the app

12. What does a storyboard show potential employees or stakeholders? Select the best answer.

  • The marketing strategy for the app.
  • The final design of the app.
  • The user’s journey and interactions with the app.

  • The technical specifications of the app.

13. What is the purpose of a panel in a storyboard? Select the best answer.

  • To showcase the different features of the app.
  • To represent a single frame or snapshot in the user’s journey.

  • To provide a detailed description of the user’s background.
  • To showcase different color schemes for the app.

14. Which of the following is an example of a successful description in a storyboard panel? Select the best answer.

  • User shops for groceries
  • User buys groceries
  • User selects items from the list

  • User is happy with the app

15. Which of the following are ingredients for a clear user scenario? Select all that apply.

  • The user’s goal or objective

  • The user’s favorite color to use as the color scheme
  • The context or situation in which the user is acting

  • The user’s age and occupation

Storyboarding

Graded Assignment

16. Which of the following tools can help visualize user interactions within a UX design process? Select all that apply.

  • User journey maps
  • User flow diagrams
  • Storyboards
  • Wireframes

17. Fill in the blank: When creating a storyboard, incorporating _________ helps ensure that the narrative accurately represents your target audience to stakeholders, fostering empathy and understanding.

  • competitive analysis
  • technical specifications
  • market research data
  • user personas

18. You're preparing a presentation for stakeholders that aims to show the evolution of user emotions and experiences throughout the entire interaction with a product. Which tool would best suit this purpose? Choose the best answer.

  • Storyboard
  • Wireframe
  • User journey map

  • User flow diagram

19. What is a key benefit of using storyboards in the design process? Choose the best answer.

  • They eliminate the need for prototype development
  • They enhance communication and mutual understanding among stakeholders

  • They provide clear programming directives
  • They accelerate the coding phase of development

20. Which tool best suits creating a detailed user journey map that includes emotional feedback and user interactions over time? Choose the best answer.

  • Figma

  • Microsoft Edge
  • Microsoft Excel
  • Adobe XD

21. Which of the following are key components of a storyboard? Select all that apply.

  • Emotional states of the user at each step
  • User goals and motivations
  • Descriptions of user actions and system responses

  • Visual representations of screens or scenes

22. Which of the following is an essential component to include in a storyboard when focusing on user-centered design? Choose the best answer.

  • Key user interactions and decision points

  • Financial budgeting for product development
  • Detailed technical specifications of the product
  • Competitive analysis of similar products

23. Fill in the blank: Storyboards are dynamic tools that ______.

  • are focused on aesthetic design decisions
  • remain unchanged after initially created
  • are primarily used for final presentations
  • facilitate collaboration and iteration in the design process

24. You are building the storyboards for a new travel booking website. Which of the following strategies will ensure stakeholders stay focused on the user experience? Choose the best answer.

  • Provide detailed descriptions of the booking process steps.
  • Ensure clarity and simplicity in user interactions.

  • Share detailed analytics on user behavior.
  • Include a listing of all travel services offered.

25. You are developing storyboards for a UX design project. Which of the following elements should be included to ensure each frame of your storyboard is clear and informative? Select all that apply.

  • User interface mockups

  • Annotations

  • Technical specifications
  • Contextual information

Leave a Reply