{"id":4959,"date":"2023-05-19T13:37:53","date_gmt":"2023-05-19T11:37:53","guid":{"rendered":"https:\/\/storiesonboard.com\/blog\/?p=4959"},"modified":"2023-12-04T13:48:29","modified_gmt":"2023-12-04T12:48:29","slug":"user-story-examples","status":"publish","type":"post","link":"https:\/\/storiesonboard.com\/blog\/user-story-examples","title":{"rendered":"User Story Examples Are Here To Help You Build Better Products"},"content":{"rendered":"\n<p>To help you create better products, we&#8217;ve compiled a list of inspiring user story examples. By learning from these user story examples, you can create products that not only meet your users&#8217; needs but also exceed their expectations. So let&#8217;s dive in.<\/p>\n\n\n\n<p>User stories are a powerful tool to help you understand the needs and goals of the potential users you want your product to meet. They provide insights into how the product will be used and what problems it can solve.<br><br>However, writing really great user stories can be a challenge. You can <a href=\"https:\/\/storiesonboard.com\/ai-user-story-generator.html\" data-type=\"link\" data-id=\"https:\/\/storiesonboard.com\/ai-user-story-generator.html\">try it with AI assistance<\/a>:<\/p>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<p>Or take a shortcut:<\/p>\n\n\n\n<p><a style=\"font-weight: bold;\" href=\"https:\/\/storiesonboard.com\/ai-user-story-generator.html\" data-type=\"link\" data-id=\"https:\/\/storiesonboard.com\/ai-user-story-generator.html\">Try StoriesOnBoard AI user story generator<\/a><\/p>\n\n\n    <!-- Your HTML for the overlay -->\r\n                <div id=\"stobaiframe-overlay\">\r\n                    <button id=\"stobaiframe-closeOverlay\" aria-label=\"Close\">&#10005;<\/button>\r\n                    <div id=\"stobaiframe-iframe-container\">\r\n                        <iframe id=\"stobaiframe-iframe\"\r\n                            src=\"https:\/\/app.storiesonboard.com\/aistorymap\"><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n    <!-- Include the CSS -->\r\n    <style>\r\n        #stobaiframe-overlay {\r\n            width: 100%;\r\n            transition: all 0.2s ease-in-out;\r\n        }\r\n\r\n        #stobaiframe-iframe-container {\r\n            width: 100%;\r\n            height: 200px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            #stobaiframe-iframe-container {\r\n                height: 280px;\r\n            }\r\n        }\r\n\r\n        #stobaiframe-iframe {\r\n            width: 100%;\r\n            height: 800px;\r\n            border: none;\r\n        }\r\n\t\t.text {color:black}\r\n        \/* safari csak ::before-al rak hatteret, ha van blur is *\/\r\n        .stobaiframe-expanded::before {\r\n            content: \"\";\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-color: rgba(0, 0, 0, 0.7);\r\n            z-index: -1;\r\n        }\r\n\r\n        .stobaiframe-expanded {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding-top: 20px;\r\n            overflow: auto;\r\n            z-index: 10001;\r\n            opacity: 1;\r\n            backdrop-filter: blur(2px);\r\n            -webkit-backdrop-filter: blur(2px);\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.7) !important;\r\n        }\r\n\r\n        #stobaiframe-closeOverlay {\r\n            padding: 5px 10px;\r\n            border: none;\r\n            cursor: pointer;\r\n            border-radius: 50%;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n            line-height: 1;\r\n            display: none;\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            z-index: 10002;\r\n            color: #ffffff;\r\n            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Include the JavaScript -->\r\n    <script>\r\n        let isOverlayOpen = false;\r\n\r\n        window.addEventListener('message', function (event) {\r\n            if (typeof event.data === \"string\") {\r\n                try {\r\n                    const msg = JSON.parse(event.data);\r\n                    console.log(msg);\r\n                    if (msg && msg.event == \"storymap\") {\r\n                        var iframeContainer = document.getElementById('stobaiframe-iframe-container');\r\n                        var iframe = document.getElementById('stobaiframe-iframe');\r\n                        if (!isOverlayOpen) {\r\n                            isOverlayOpen = true;\r\n                            var overlay = document.getElementById('stobaiframe-overlay');\r\n                            overlay.style.opacity = '0';\r\n                            setTimeout(function () {\r\n                                iframeContainer.style.height = msg.height;\r\n                                iframe.style.height = msg.height;\r\n                                overlay.classList.add('stobaiframe-expanded');\r\n                                overlay.style.opacity = '1';\r\n                                var closeButton = document.getElementById('stobaiframe-closeOverlay');\r\n                                closeButton.style.display = 'block';\r\n                            }, 200);\r\n                        } else {\r\n                            iframeContainer.style.height = msg.height;\r\n                            iframe.style.height = msg.height;\r\n                        }\r\n                    }\r\n                } catch (e) {\r\n                    console.log(e);\r\n                }\r\n            }\r\n        });\r\n\r\n        document.getElementById('stobaiframe-closeOverlay').addEventListener('click', function () {\r\n            event.stopPropagation(); \/\/ Prevent click from propagating to the overlay\r\n\r\n            closeOverlay()\r\n        });\r\n\r\n        document.getElementById('stobaiframe-overlay').addEventListener('click', function (event) {\r\n            if (event.target === this) {\r\n                closeOverlay();\r\n            }\r\n        });\r\n\r\n        function closeOverlay() {\r\n            var overlay = document.getElementById('stobaiframe-overlay');\r\n            var iframeContainer = document.getElementById('stobaiframe-iframe-container');\r\n            var iframe = document.getElementById('stobaiframe-iframe');\r\n            var currentSrc = iframe.src;\r\n            iframe.src = '';\r\n            iframe.src = currentSrc;\r\n            overlay.style.opacity = '0';\r\n            setTimeout(function () {\r\n                overlay.classList.remove('stobaiframe-expanded');\r\n                iframeContainer.style.height = window.innerWidth < 480 ? '280px' : '190px';\r\n                var closeButton = document.getElementById('stobaiframe-closeOverlay');\r\n                closeButton.style.display = 'none';\r\n                overlay.style.opacity = '1';\r\n                isOverlayOpen = false;\r\n            }, 500);\r\n        }\r\n\t\twindow.addEventListener('load', function() {\r\n    var iframe = document.getElementById('stobaiframe-iframe-container');\r\n    if (iframe) {\r\n        try {\r\n            var innerDoc = iframe.contentDocument || iframe.contentWindow.document;\r\n            var textDiv = innerDoc.querySelector('.text');\r\n            if (textDiv) {\r\n                textDiv.style.color = 'red'; \/\/ Add your desired style here\r\n            }\r\n        } catch (e) {\r\n            console.error(\"Error accessing iframe contents: \", e);\r\n        }\r\n    }\r\n});\r\n<\/script>\r\n\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>But in this article, we&#8217;ll show you examples of user stories so you can learn how to write them effectively.<\/p>\n\n\n\n<p>First, let us clarify some basic concepts and principles.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Contents<\/h2><nav><div><div><a href=\"#what-is-a-user-story\">What is a user story?<\/a><\/div><div><a href=\"#how-to-write-user-stories\">How to write user stories?<\/a><\/div><div><a href=\"#the-3-main-benefits-of-writing-user-stories\">The 3 main benefits of writing user stories<\/a><\/div><div><a href=\"#steps-to-write-a-user-story-examples\">Steps to write a user story: examples<\/a><\/div><div><a href=\"#user-story-examples\">User story examples<\/a><\/div><div><a href=\"#more-user-story-examples-in-our-free-e-book\">More user story examples in our free e-book<\/a><\/div><\/div><\/nav><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-user-story\">What is a user story?<\/h2>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/User_story\" target=\"_blank\" rel=\"noreferrer noopener\">User stories<\/a> are neither system requirements nor descriptions of product features from a user&#8217;s perspective. The <a href=\"https:\/\/www.agilealliance.org\/agile101\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.agilealliance.org\/agile101\/\" rel=\"noreferrer noopener\">Agile approach<\/a> is about putting the customer&#8217;s need at the heart of software development.<\/p>\n\n\n\n<p>By writing user stories, we put the needs and goals of end users at the center of the conversation.<\/p>\n\n\n\n<p>These user stories are not just for the Product Owner or the development team, so we need to write them in simple language that everyone can understand so that all members of a cross-functional product team, stakeholders, and decision-makers have a common understanding of what we are developing and the value they create.<\/p>\n\n\n\n<p>A user story<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is the smallest unit of work in the Agile framework.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is a short, written plain language description of how the software should work from the perspective of the end-user: what are its benefits, and what they expect from the product.<\/li>\n\n\n\n<li>Does not describe a product feature, but defines an end goal that the user wants to achieve when using the software.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-storiesonboard-blog wp-block-embed-storiesonboard-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"5WLYWToGb9\"><a href=\"https:\/\/storiesonboard.com\/blog\/user-story-templates-vs-ai\">User Story Templates vs. AI: Which is the Better Approach for User Story Generation?<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;User Story Templates vs. AI: Which is the Better Approach for User Story Generation?&#8221; &#8212; StoriesOnBoard Blog\" src=\"https:\/\/storiesonboard.com\/blog\/user-story-templates-vs-ai\/embed#?secret=VIonFMgI6a#?secret=5WLYWToGb9\" data-secret=\"5WLYWToGb9\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-are-user-stories-important\">Why are user stories important?<\/h2>\n\n\n\n<p>User stories are neither system requirements nor descriptions of product features from a user&#8217;s perspective. Writing them may seem like the hard way to go, but they are worth learning, and with practice, they will go more smoothly.<\/p>\n\n\n\n<p>If you can effectively write user stories and cover the project in full, you&#8217;ve already done the hard work and will have a much easier time in the next steps. However, if you fail to do this, other aspects of the project can be overlooked, and this puts the success of the product or project at risk.<\/p>\n\n\n\n<p>User stories can also be described as the smallest unit of agile product development work, breaking epics down into bite-sized deliverables that fit easily into sprints, and making it easier for the development team to measure and track progress.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-storiesonboard-blog wp-block-embed-storiesonboard-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"JsZERMsIha\"><a href=\"https:\/\/storiesonboard.com\/blog\/epics-and-user-stories\">Epics and User Stories: What&#8217;s the Difference?<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Epics and User Stories: What&#8217;s the Difference?&#8221; &#8212; StoriesOnBoard Blog\" src=\"https:\/\/storiesonboard.com\/blog\/epics-and-user-stories\/embed#?secret=pFcY73VkAQ#?secret=JsZERMsIha\" data-secret=\"JsZERMsIha\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-write-user-stories\">How to write user stories?<\/h2>\n\n\n\n<p>After defining the users and epics, the user stories are created by the Product Owner and the product team, using roughly the same formula:<\/p>\n\n\n\n<p><em>As [user type or role], I want to achieve [end goal] to [do this].<\/em><\/p>\n\n\n\n<p>Simple user story examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a customer, I want to know about upcoming events so I can plan my visit.<\/li>\n\n\n\n<li>As a visitor, I want to see upcoming events on my mobile device.<\/li>\n<\/ul>\n\n\n\n<p>This seems simple, but there are other considerations to take into account when writing user stories:<\/p>\n\n\n\n<p><strong>To make sure you write a good quality user story use the INVEST acronym:<\/strong><\/p>\n\n\n\n<p>User stories should be<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-global-color-12-color\">I<\/mark><\/strong>ndependent &#8211; changing in a user story does not affect the other user stories, and they can be implemented in any order<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-global-color-12-color\">N<\/mark><\/strong>egotiable &#8211; the team decides how to implement them.<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-global-color-12-color\">V<\/mark><\/strong>aluable &#8211; each user story provides value to end users.<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-global-color-12-color\">E<\/mark><\/strong>stimable &#8211; for efficient time, budget, and people management, the team needs to be able to estimate how much time it will take to implement a given user story<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-global-color-12-color\">S<\/mark><\/strong>mall &#8211; the implementation must fit into a single sprint, and it is also important that it can be further broken down into tasks and subtasks<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-global-color-12-color\">T<\/mark><\/strong>estable \u2013 acceptance criteria should also be written to test whether a user story is complete and meets its original objectives.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-storiesonboard-blog wp-block-embed-storiesonboard-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Ka9iP5dK6O\"><a href=\"https:\/\/storiesonboard.com\/blog\/acceptance-criteria-examples\">Understanding Acceptance Criteria: Examples and Best Practices<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Understanding Acceptance Criteria: Examples and Best Practices&#8221; &#8212; StoriesOnBoard Blog\" src=\"https:\/\/storiesonboard.com\/blog\/acceptance-criteria-examples\/embed#?secret=sJayZZijsU#?secret=Ka9iP5dK6O\" data-secret=\"Ka9iP5dK6O\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"whos-job-is-to-write-user-stories\">Who&#8217;s job is to write user stories?<\/h3>\n\n\n\n<p>The Product Owner or the Product Manager usually bears the ultimate responsibility for writing user stories and then organizing them in the product backlog. However, it is best if the responsibility for writing the user stories is shared and owned by the entire product team, as this helps to ensure that different points of view are discussed and validated.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-3-main-benefits-of-writing-user-stories\">The 3 main benefits of writing user stories<\/h2>\n\n\n\n<p>Although many people find user story writing cumbersome, it has obvious advantages that make it worth learning:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The simplicity of the user story format eliminates any misunderstanding inside and outside the team which support collaboration and communication with stakeholders and the customers.<\/li>\n\n\n\n<li>User stories serve an agile project well in both Scrum and Kanban frameworks. In Scrum they facilitate estimation and sprint planning, in Kanban, they help track the progress. And as user stories do not contain technical details, they can be easily adapted to changing situations.<\/li>\n\n\n\n<li>User stories help deliver a better customer experience: user stories need well-defined user personas, and different user personas belong to separate user stories. This helps to cover all end-user intentions, user journeys, and goals, as the development team focuses on helping a person with a specific intention to achieve their goal, rather than thinking in terms of product features.<\/li>\n<\/ol>\n\n\n\n<p>User stories can be organized into ordered steps called <a href=\"https:\/\/storiesonboard.com\/user-story-mapping-basics.html\" data-type=\"URL\" data-id=\"https:\/\/storiesonboard.com\/user-story-mapping-intro\" target=\"_blank\" rel=\"noreferrer noopener\">user story mapping<\/a>. User story mapping is an easy-to-learn agile method to have a clear visual backlog that everybody, even non-tech team collaborators can understand. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"steps-to-write-a-user-story-examples\">Steps to write a user story: examples<\/h2>\n\n\n\n<p><strong>Step 1. Framing the project and setting objectives<\/strong><br>Well-defined project objectives are the cornerstone of story mapping. Before doing anything consider these questions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What problem does the software solve? <\/li>\n\n\n\n<li>Who does it help and what is the solution that does not yet exist on the market? <\/li>\n\n\n\n<li>How does it fit in with the larger product or company goals and strategies?<\/li>\n<\/ul>\n\n\n\n<p><strong>Step 2.<\/strong> <strong>Create user personas<br><\/strong>It&#8217;s essential to know very well who your product&#8217;s potential end-users are. <a href=\"https:\/\/storiesonboard.com\/blog\/what-is-on-a-user-persona-card\" data-type=\"post\" data-id=\"862\" target=\"_blank\" rel=\"noreferrer noopener\">User personas <\/a>help the agile team to understand the critical characteristics of a particular user target group. User personas, or simply personas, are generalized characters that encapsulate the specific needs, goals, and observed user behavior patterns attributed to a particular group.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-storiesonboard-blog wp-block-embed-storiesonboard-blog\"><div class=\"wp-block-embed__wrapper\">\n <blockquote class=\"wp-embedded-content\" data-secret=\"MnfW9DbwPm\"><a href=\"https:\/\/storiesonboard.com\/blog\/what-is-on-a-user-persona-card\">What&#8217;s On a Persona Card?<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;What&#8217;s On a Persona Card?&#8221; &#8212; StoriesOnBoard Blog\" src=\"https:\/\/storiesonboard.com\/blog\/what-is-on-a-user-persona-card\/embed#?secret=sZ44B7BI6k#?secret=MnfW9DbwPm\" data-secret=\"MnfW9DbwPm\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><br><br>Let&#8217;s take a look at a Persona Card in StoriesOnBoard describing a fictive user persona of a publishing platform like Substack.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"656\" src=\"https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2023\/05\/User-persona-card.png\" alt=\"User persona card for user story examples\" class=\"wp-image-4963\" style=\"width:600px;height:656px\" title=\"\" srcset=\"https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2023\/05\/User-persona-card.png 600w, https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2023\/05\/User-persona-card-274x300.png 274w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>Step 3. Use a template or a story card<br><\/strong>This story card example shows how simple can be to write a user story: fill a story card\u2019s description by answering the predefined fields based on the user story template.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"342\" src=\"https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2023\/05\/User-story-template-example-on-a-story-card-1.png\" alt=\"User story template for user story examples\" class=\"wp-image-4964\" title=\"\" srcset=\"https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2023\/05\/User-story-template-example-on-a-story-card-1.png 600w, https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2023\/05\/User-story-template-example-on-a-story-card-1-300x171.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-story-examples\"><strong>User story examples<\/strong><\/h2>\n\n\n\n<p>We have collected some user story examples &#8211; 50 in total &#8211; in our free downloadable Story Mapping Playbook, which will help you to learn the story mapping method to create and manage backlogs for agile software development projects.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-story-examples-for-the-login-signup-process\">User story examples for the login\/signup process<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a new site user, I need the ability to create a username that is not my email address, so that I can have an identity on the site.<\/li>\n\n\n\n<li>As a new site user, I need the ability to create a secure password of over 15 characters, so that I have a private account.<\/li>\n\n\n\n<li>As a site user, I need the ability to reset my password from the standard login screen so that I can access my account if I forget my password without having to navigate. elsewhere<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-story-examples-for-the-checkout-process\">User story examples for the checkout process<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a shopper, I need the ability to view different products across multiple product ranges, so that I can find an item I want to buy.<\/li>\n\n\n\n<li>As a shopper, I need the ability to add item(s) to my shopping basket by selecting \u2018add to basket\u2019, so that I can create a checkout basket and purchase items.<\/li>\n\n\n\n<li>As a shopper, I need the ability to remove items from my shopping basket by selecting \u2018remove\u2019 next to the given product, so that I can purchase only the things I want.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-story-examples-for-accessibility\">User story examples for accessibility<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a developer, I need to make sure color ratios are correct so that my website is accessible to users with visual impairments.<\/li>\n\n\n\n<li>As a developer, I need to make sure audio instructions are available so that my website is accessible to users with visual impairments.<\/li>\n\n\n\n<li>As a user with visual impairments, I need the website\u2019s features to format correctly in close-up so that I can access the website.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-story-examples-for-music\">User story examples for music<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As a user, I want to see the TOP 10 trending tracks in the top right of my home screen, so that I can choose popular songs to listen to.<\/li>\n\n\n\n<li>As a user, I need the ability to create playlists, so that I can access my favorite songs in one place.<\/li>\n\n\n\n<li>As a user, I need the ability to search for music by genre by selecting one from a list, so that I can easily find music in a specific genre.<\/li>\n<\/ul>\n\n\n\n<p>Sign up for more! Read more user story examples with scenarios and acceptance criteria, tips and tricks about how to write them efficiently, and how to step further and organize and prioritize them in your story map.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"more-user-story-examples-in-our-free-e-book\">More user story examples in our free e-book<\/h2>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p><strong>Story Mapping Playbook<\/strong><\/p>\n\n\n\n<p>100 user story examples, user story templates for specs, and more!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/storiesonboard.com\/story-mapping-playbook.html\" style=\"border-radius:4px\" target=\"_blank\" rel=\"noreferrer noopener\">Download<\/a><\/div>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/storiesonboard.com\/story-mapping-playbook.html\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2022\/11\/playbook-mockup.png\" alt=\"Story Mapping Playbook by StoriesOnboard\" class=\"wp-image-3826 size-full\" title=\"\" srcset=\"https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2022\/11\/playbook-mockup.png 600w, https:\/\/storiesonboard.com\/blog\/wp-content\/uploads\/2022\/11\/playbook-mockup-300x200.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>To help you create better products, we&#8217;ve compiled a list of inspiring user story examples. By learning from these user story examples, you can create products that not only meet &#8230; <a title=\"User Story Examples Are Here To Help You Build Better Products\" class=\"read-more\" href=\"https:\/\/storiesonboard.com\/blog\/user-story-examples\" aria-label=\"Read more about User Story Examples Are Here To Help You Build Better Products\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":4971,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[877,849],"class_list":["post-4959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-story-mapping","tag-story-mapping","tag-user-story-mapping","resize-featured-image"],"_links":{"self":[{"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/posts\/4959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/comments?post=4959"}],"version-history":[{"count":7,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/posts\/4959\/revisions"}],"predecessor-version":[{"id":5685,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/posts\/4959\/revisions\/5685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/media\/4971"}],"wp:attachment":[{"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/media?parent=4959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/categories?post=4959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storiesonboard.com\/blog\/wp-json\/wp\/v2\/tags?post=4959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}