{"id":8608,"date":"2022-06-13T02:17:41","date_gmt":"2022-06-13T02:17:41","guid":{"rendered":"https:\/\/www.booksofall.com\/?post_type=product&#038;p=8608"},"modified":"2022-06-13T02:17:42","modified_gmt":"2022-06-13T02:17:42","slug":"how-to-use-wireframes-with-user-stories","status":"publish","type":"product","link":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/","title":{"rendered":"How to Use Wireframes with User Stories"},"content":{"rendered":"<h3>How to Use Wireframes with User Stories?<\/h3>\n<p>6-7 minutes<\/p>\n<p>A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path. They help ensure that your process, as well as the resulting product, will meet your requirements.<\/p>\n<p>When getting started with writing user stories, a template can help ensure that you don\u2019t inadvertently start writing technical tasks:<\/p>\n<h3>User Story Template<\/h3>\n<p>User stories only capture the essential elements of a requirement:<\/p>\n<ul>\n<li>Who it is for?<\/li>\n<li>What it expects from the system?<\/li>\n<li>Why it is important (optional?)?<\/li>\n<\/ul>\n<p>Here is a simple format of user story used by 70% of practitioners:<\/p>\n<ul>\n<li>Role \u2013 The user should be an actual human who interacts with the system.<\/li>\n<li>Be as specific as possible<\/li>\n<li>The development team is NOT a user<\/li>\n<\/ul>\n<p>Action \u2013 The behavior of the system should be written as an action.<\/p>\n<ul>\n<li>Usually unique for each User Story<\/li>\n<li>The \u201csystem\u201d is implied and does not get written in the story<\/li>\n<li>Active voice, not passive voice (\u201cI can be notified\u201d)<\/li>\n<\/ul>\n<p>Benefits \u2013 The benefit should be a real-world result that is non-functional or external to the system.<\/p>\n<ul>\n<li>Many stories may share the same benefit statement.<\/li>\n<li>The benefit may be for other users or customers, not just for the user in the story.<\/li>\n<\/ul>\n<h3>Detailing User Stories<\/h3>\n<p>Ron Jeffries, another of the creators of XP, described what has become our favorite way to think about user stories. A User Story has three primary components, each of which begin with the letter \u2018C\u2019: Card, Conversation, and Confirmation to describe the three elements of a user story. Where:<\/p>\n<p>A user story is defined incrementally, in three stages:<\/p>\n<ul>\n<li>The brief description of the need<\/li>\n<li>The conversations that happen during backlog grooming and iteration planning to solidify the details<\/li>\n<li>The tests that confirm the story\u2019s satisfactory completion<\/li>\n<\/ul>\n<p>And these, although, are known as the 3C\u2019s \u2013 Card, Conversation and Confirmation. We will talk more about this later on in this user story guide.<\/p>\n<h3>Card<\/h3>\n<p>Card represents 2-3 sentences used to describe the intent of the story that can be considered as an invitation to conversation. The card serves as a memorable token, which summarizes intent and represents a more detailed requirement, whose details remain to be determined.<\/p>\n<p>You don\u2019t have to have all of the Product Backlog Items written out perfectly \u201cup front\u201d, before you bring them to the team. It acknowledges that the customer and the team will be discovering the underlying business\/system needed as they are working on it. This discovery occurs through conversation and collaboration around user stories. The Card is usually follows the format similar to the one below:<\/p>\n<p>As a ( role ) of the product, I can (do action ) so that I can obtain (some benefits \/ value)<\/p>\n<p>Note: The written text, the invitation to a conversation, must address the \u201c who (role) \u201c,\u201c what (action) \u201d and \u201c why (benefits) \u201d of the story.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><iframe frameborder=\"0\" allowtransparency=\"true\" allowFullscreen=\"true\" style=\"width: 100%; height: 700px; border: none;\" src=\"https:\/\/online.visual-paradigm.com\/share\/book\/how-to-use-wireframes-with-user-stories-zhzos5x4q?enforceShowPromotionBar=true\"><\/iframe><\/p>\n","protected":false},"featured_media":8614,"template":"","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path."},"product_brand":[],"product_cat":[15,182],"product_tag":[],"class_list":{"0":"post-8608","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-all","7":"product_cat-computer-science","9":"first","10":"instock","11":"shipping-taxable","12":"product-type-simple"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use Wireframes with User Stories - BooksOfAll French<\/title>\n<meta name=\"description\" content=\"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Wireframes with User Stories - BooksOfAll French\" \/>\n<meta property=\"og:description\" content=\"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/\" \/>\n<meta property=\"og:site_name\" content=\"BooksOfAll French\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-13T02:17:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png\" \/>\n\t<meta property=\"og:image:width\" content=\"597\" \/>\n\t<meta property=\"og:image:height\" content=\"842\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/\",\"url\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/\",\"name\":\"How to Use Wireframes with User Stories - BooksOfAll French\",\"isPartOf\":{\"@id\":\"https:\/\/www.booksofall.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png\",\"datePublished\":\"2022-06-13T02:17:41+00:00\",\"dateModified\":\"2022-06-13T02:17:42+00:00\",\"description\":\"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#primaryimage\",\"url\":\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png\",\"contentUrl\":\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png\",\"width\":\"597\",\"height\":\"842\",\"caption\":\"How to Use Wireframes with User Stories\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.booksofall.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Categories\",\"item\":\"https:\/\/www.booksofall.com\/fr\/categories\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use Wireframes with User Stories\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.booksofall.com\/fr\/#website\",\"url\":\"https:\/\/www.booksofall.com\/fr\/\",\"name\":\"BooksOfAll French\",\"description\":\"Biggest IT eBooks library and learning resources - Free eBooks for programming, computing, artificial intelligence and more.\",\"publisher\":{\"@id\":\"https:\/\/www.booksofall.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.booksofall.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.booksofall.com\/fr\/#organization\",\"name\":\"BooksOfAll French\",\"url\":\"https:\/\/www.booksofall.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.booksofall.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/booksofall-logo-2.png\",\"contentUrl\":\"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/booksofall-logo-2.png\",\"width\":166,\"height\":30,\"caption\":\"BooksOfAll French\"},\"image\":{\"@id\":\"https:\/\/www.booksofall.com\/fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Wireframes with User Stories - BooksOfAll French","description":"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/","og_locale":"fr_FR","og_type":"article","og_title":"How to Use Wireframes with User Stories - BooksOfAll French","og_description":"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path.","og_url":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/","og_site_name":"BooksOfAll French","article_modified_time":"2022-06-13T02:17:42+00:00","og_image":[{"url":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png","type":"","width":"","height":""},{"width":597,"height":842,"url":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/","url":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/","name":"How to Use Wireframes with User Stories - BooksOfAll French","isPartOf":{"@id":"https:\/\/www.booksofall.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#primaryimage"},"image":{"@id":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#primaryimage"},"thumbnailUrl":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png","datePublished":"2022-06-13T02:17:41+00:00","dateModified":"2022-06-13T02:17:42+00:00","description":"A user story is a lightweight method for quickly capturing the \u201cwho\u201d, \u201cwhat\u201d and \u201cwhy\u201d of a product requirement. In simple terms, user stories are stated ideas of requirements that express what users need. User stories are brief, with each element often containing fewer than 10 or 15 words each. User stories are \u201cto-do\u201d lists that help you determine the steps along the project\u2019s path.","breadcrumb":{"@id":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#primaryimage","url":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png","contentUrl":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/How-to-Use-Wireframes-with-User-Stories-05.png","width":"597","height":"842","caption":"How to Use Wireframes with User Stories"},{"@type":"BreadcrumbList","@id":"https:\/\/www.booksofall.com\/fr\/how-to-use-wireframes-with-user-stories\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.booksofall.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Categories","item":"https:\/\/www.booksofall.com\/fr\/categories\/"},{"@type":"ListItem","position":3,"name":"How to Use Wireframes with User Stories"}]},{"@type":"WebSite","@id":"https:\/\/www.booksofall.com\/fr\/#website","url":"https:\/\/www.booksofall.com\/fr\/","name":"BooksOfAll French","description":"Biggest IT eBooks library and learning resources - Free eBooks for programming, computing, artificial intelligence and more.","publisher":{"@id":"https:\/\/www.booksofall.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.booksofall.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.booksofall.com\/fr\/#organization","name":"BooksOfAll French","url":"https:\/\/www.booksofall.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.booksofall.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/booksofall-logo-2.png","contentUrl":"https:\/\/www.booksofall.com\/fr\/wp-content\/uploads\/sites\/6\/2022\/06\/booksofall-logo-2.png","width":166,"height":30,"caption":"BooksOfAll French"},"image":{"@id":"https:\/\/www.booksofall.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/product\/8608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/media\/8614"}],"wp:attachment":[{"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/media?parent=8608"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/product_brand?post=8608"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/product_cat?post=8608"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.booksofall.com\/fr\/wp-json\/wp\/v2\/product_tag?post=8608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}