What is a user story?
A user story or user journey is the end-to-end flow of how a user or team will interact with a feature in your products and websites. When building products its important to think about the end user first. This allows you to understand the value before investing time and resources into building a full feature. User stories are lightweight. At this point in the process, you can focus on high-level flows and put less focus on small details and technical decisions. Since you’re focusing on high-level ideas, there are a few different ways you can choose to map out a user journey. You can record the key pieces of a user story with sticky notes, whiteboard and marker, or right in a digital canvas. Being able to build a user story digitally is key for smooth remote work and cross-department communication.
A customizable user story map
The user story template from Framer creates your own digital whiteboard that’s perfect for flexible user maps. You’ll find pre-made sticky note elements for visualizing user activities, user steps, and user stories. For each category of the use journey you can customize the sticky note color to ensure your board is organized and easy to read. Every sticky note and textbox can be quicky updated in the properties panel. Change font size and color and even add emojis to help make your user story labels clear.
User stories example
User story mapping is great for agile workflows. Agile working puts the focus on small flexible tasks to help increase productivity among distributed teams. In an agile context, user stories are an example of a small building block to inform design and development decisions. A user map can be created in less than a day with product managers, designers, and user researchers involved. First, decide on your end users or target audience. Second, define the actions they will take. Third, determine the value they will get out of the feature. Once this user story example is completed, you’re ready to start building.
Free design software
Framer is your all-in-one tool for designing anything for free.
From UI to UX
In Framer you can design how features will work, not just how they look.
Design tool for teams
Work on projects together with real time collaboration.
How to write user stories
Collaboration is key when creating a user journey map. Real-time collaboration in Framer ensures everyone’s ideas are included. You’ll be working on a digital whiteboard with your whole team—just like you’re in the same room. When using the user story template you’ll be able to leave comments and threads to organize and share feedback instantly. Ready to share your user story with the whole company? It’s easy. All you have to do is copy and send a link to your project. You’ll be able to share feature value earlier and ship products faster.
Discover more templates
Choose from a range of ready-to-use templates to save time and jumpstart any project, design, or wireframe.View all templates