Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Story Mapping Examples | Create User Story Map with ProductGo

Story mapping example.jpg

Understanding user behavior is key in the continuous improvement world of Agile development. Enter the “User Story Mapping” concept, a visual representation of the user’s journey through a product.

This tool not only aids in product development but also increases customer satisfaction. Today, we’re delving deep into practical “story mapping examples” to illustrate its potency and application.

Why Story Mapping?  

For businesses looking to offer exceptional user experiences, story mapping provides a method to see a product through the user’s eyes. By charting out the customer journey, developers can align their processes to meet user goals seamlessly. 

Jeff Patton, one of the pioneers of story mapping, has said "At the end of the day, your job is to minimize output, and maximize outcome and impact". This quote highlights the importance of focusing on delivering value to customers rather than simply producing more features. 

Another expert in the field, Sunit Parekh from Thoughtworks, has said that “Story mapping is an engaging activity where all participants are involved in the process of building the product backlog on a wall, versus writing a dull 100-page requirement document”. This emphasizes the collaborative nature of story mapping and its ability to foster shared understanding among team members.

Story Mapping Examples

Example 1: Online Food Delivery

User Goal: Order food online and have it delivered

User Activities and Tasks:

  • Choose a restaurant or a cuisine
    • Browse or search for nearby restaurants or cuisines
    • Filter or sort by ratings, prices, delivery time, etc.
    • Select a restaurant or a cuisine
  • Select food items and add to cart
    • View the menu and the details of each item
    • Customize the options and quantities of each item
    • Add the items to the cart
  • Review and place the order
    • Check the cart and the total amount
    • Apply any coupons or discounts
    • Choose a payment method and enter the details
    • Confirm the order and the delivery address
  • Track and receive the order
    • Track the status and the location of the order
    • Contact the restaurant or the delivery person if needed
    • Receive the order and rate the service

Example 2: E-commerce Website

User Goal: Browse, select, and purchase products

User Activities and Tasks:

  • Explore products by category or keyword
    • Navigate through different categories or subcategories of products
    • Search for products by entering keywords or filters
    • View the results and the details of each product
  • Compare products and add to wishlist or cart
    • Compare the features, prices, reviews, etc. of different products
    • Add products to wishlist for later consideration or to cart for immediate purchase
  • Checkout and pay for the products in the cart
    • Review the cart and the total amount
    • Choose a shipping method and enter the delivery address
    • Choose a payment method and enter the details
    • Confirm the order and receive a confirmation email
  • Track and receive the order
    • Track the status and the tracking number of the order
    • Contact the seller or customer service if needed
    • Receive the order and provide feedback

Example 3: Social Media Platform

User Goal: Connect and engage with friends and family

User Activities and Tasks:

  • Create and update profile
    • Sign up or log in with email or phone number
    • Upload profile picture and cover photo
    • Edit personal information, bio, interests, etc.
  • Find and follow people
    • Search for people by name, username, email, etc.
    • Send or accept friend requests
    • Follow or unfollow people
  • Post and view content
    • Create posts with text, photos, videos, etc.
    • View posts from friends, followers, or pages
    • Like, comment, share, or save posts
  • Chat and call with people
    • Send or receive messages with text, stickers, emojis, etc.
    • Make or receive voice or video calls
    • Create or join group chats or calls

Example 4: Fitness Tracking App

User Goal: Track and improve physical fitness

User Activities and Tasks:

  • Set up personal profile and goals
    • Enter basic information such as age, weight, height, etc.
    • Choose fitness goals such as lose weight, gain muscle, etc.
    • Customize preferences such as units, notifications, reminders, etc.
  • Track daily activities and calories
    • Record steps, distance, duration, speed, etc. of activities such as walking, running, cycling, etc.
    • Scan or enter food items to track calorie intake and expenditure
    • Sync data with other devices or apps such as smartwatch, scale, etc.
  • Monitor health indicators and progress
    • Measure heart rate, blood pressure, sleep quality, etc.
    • View charts and graphs of daily, weekly, monthly trends of activities, calories, health indicators, etc.
    • Compare results with personal goals or average benchmarks

Tools for Story Mapping

Story mapping has evolved significantly with the rise of agile methodologies. Many tools facilitate this process, each offering unique features to enhance the experience.

Among these tools, a noteworthy addition is the user story map by ProductGo. Integrated into Jira, the User Story Map by ProductGo is a game changer for agile teams. Here’s why:

  • Intuitive Design: With its drag-and-drop interface, teams can effortlessly create and modify story maps, ensuring a seamless transition between brainstorming and structured planning.
  • Synchronization with Jira: As changes are made to the story map, they reflect in real-time in Jira. This means that sprint planning, backlog prioritization, and task assignment can be managed from the story map itself.
  • Visualization: Teams can quickly grasp the product’s big picture, understanding dependencies, priorities, and user flows at a glance.
  • Collaboration: Multiple team members can engage on the map simultaneously, fostering collaboration and collective decision-making. Comments, tags, and color coding facilitate richer discussions.
  • Flexibility: The plugin offers customizable views, allowing teams to tailor the map to their specific needs, whether that’s by user roles, sprint iterations, or other criteria.

How to create User Story Map with ProductGo

Step 1: Define Goals/Themes

Goals or themes represent higher-level objectives or areas of focus within the product. They help to categorize, and group related user stories together, providing a broader perspective on the product’s functionality.

Create Goals by creating cards on the Goal portion and filling in the detailed information.

Step 1_ Define Goals_Themes.png

Step 2: Define Steps/Epics

Epics are the lower level of Goals/Themes; they are crucial in categorizing and grouping related user stories. The related epics will be grouped into a Goal/Theme.

Create Epics by creating cards on the Steps portion and filling in the detailed information. Each epic will be aligned with one goal above.

Step 2_ Define Steps_Epics.png

Step 3: Define User Stories

User Stories are issues that are broken down from the Epics. It can help to make user stories more manageable, provide more frequent opportunities for feedback and iteration, and improve the overall effectiveness of the development process.

Create User Stories by creating cards on the Stories portion, also known as the swimlane, and filling in the detailed information. Each user story will be aligned with one epic above.

Step 3_ Define User Stories.png

Step 4: Add user stories to the swimlane

ProductGo’s User Story Map includes 3 swimlane modes, includes:

  • Release for Agile Kanban project
  • Sprint for Agile Scrum project
  • Non-swimlane for either 2 types of projects above

Step 4_ Add user stories to the swimlane.png

Sum Up

The dynamic landscape of product development requires methods that provide clarity, foster collaboration, and ensure alignment with user needs. User Story Mapping emerges as a beacon in this scenario, offering a comprehensive visual overview of a user’s journey with a product.

Through the vivid examples we’ve explored, it becomes evident that story mapping is not just a technique but a philosophy, emphasizing value over sheer volume. Jeff Patton’s words echo the essence of the process, pushing us to focus on outcomes and impacts.

🌟 Try out our app for free: Agile User Story Maps, Roadmaps & Persona for Jira

📚 Catch up with our latest information!



Log in or Sign up to comment
AUG Leaders

Atlassian Community Events