-
-
Add a new Story Map from the Template Center
-
See a sample story map for Uber
-
Explore the sample story map to see how personas, goals , activities and stories are connected
-
Create your own Story Map by editing the nodes, adding and removing.
-
Complete the story map with your team
-
Move stories into the Main table view
-
Organize stories on the main table view to create a Product Roadmap
Inspiration
Story Mapping is a Ideation exercise among software teams to figure out what to build in their product. Now that most companies are going remote and it is not possible to Ideate on a whiteboard. Some teams use canvas like Miro for Story Mapping. Story mapping addons for Jira as also very popular.
We wanted to bring this experience to Monday.com users.
What it does
You can visualize your user's journey and identify features that are most important to creating a great customer experience. A Story Map combines user personas, goals, activities and stories into a visual map. This makes it easy to decide what should be built in a Minimum Viable Product and helps in creating the future roadmap for Product Teams.
How I built it
We built this in Angular
Challenges I ran into
The layout algorithm was challenging. We found an opensource library for mindmapping layout and used svg.js for rendering the connecting lines.
People who are used to the more traditional story mapping layout on a whiteboard took time to adjust to this tree view. But once they compared it with other story mapping tools, they realized the benefit of mapping out multiple personas, goals and features on a single map instead of maintaining multiple story maps for each persona.
What I learned
How to do user research and solve an existing problem in different way.
What's next for User Story Mapping in Monday.com
- We want to see how users use this and create a roadmap to make it more useful
Built With
- angular.js
- monday
Log in or sign up for Devpost to join the conversation.