Lecture Notes: Storyboards in UX Design

Introduction to Storyboards

• Storyboards are used to outline movies and user experiences (UX).
• They show how each scene or interaction will play out for a character or user.

Types of Storyboards

• Big Picture Storyboards
  • Focus on user experience and overarching journey.
  • Consider daily usage and usefulness of the product.
  • Capture user journey, challenges, and interactions.
  • Emotional engagement is key.
  • Example: Dog walking app scenario illustrating user journey from problem to solution.
• Close-Up Storyboards
  • Focus on the product itself rather than user experience.
  • Concentrate on what happens on each screen and transitions.
  • Highlight key screens rather than every detail.
  • Example: Screens and interactions in the dog walking app.

Differences Between Big Picture and Close-Up Storyboards

• Big Picture:
  • Focuses on emotional engagement and user journey.
  • Answers how and why a product is used.
• Close-Up:
  • Focuses on specifics and details of the design.
  • Answers what happens on screens and transitions.

When to Use Each Type

• Big Picture Storyboard
  • Useful early in the design process.
  • Helps present high-level ideas to stakeholders.
• Close-Up Storyboard
  • Useful after initial design directions are developed.
  • Helps refine and improve specific product details.

Combining Storyboards

• Both types can be used in conjunction for a comprehensive overview.
• Allows for a flexible and creative approach in UX design.

Conclusion

• Understanding both storyboards is crucial for UX design.
• Next step: Learn about creating wireframes using sketches from close-up storyboards.
• Encouragement to experiment with both storyboard styles.