{"id":45,"date":"2025-10-21T07:05:04","date_gmt":"2025-10-21T07:05:04","guid":{"rendered":"https:\/\/stage.tfoo.io\/?page_id=45"},"modified":"2025-11-07T17:03:07","modified_gmt":"2025-11-07T17:03:07","slug":"how-to","status":"publish","type":"page","link":"https:\/\/stage.tfoo.io\/?page_id=45","title":{"rendered":"How To"},"content":{"rendered":"\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"margin-top:var(--wp--preset--spacing--4-xl);margin-bottom:var(--wp--preset--spacing--4-xl)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-2 lg:col-end-12\">\n<h1 class=\"wp-block-heading has-text-align-center has-green-700-color has-text-color has-link-color wp-elements-61ed511fd6058ab56727e5ebc75d072b\">Core loop<\/h1>\n\n\n\n<p class=\"has-text-align-center has-xl-font-size\">In TFoo you can easily rank a list of things (they might be product features, new markets, movies, new product ideas etc) on different criterias, like most requested, best, most expensive etc.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center has-xl-font-size\">The workflow is the same no matter what, you create a new board, add any number of stories to it, then you add a criteria to rank them on. This is what forms a Set<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-bottom:var(--wp--preset--spacing--md)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-13\">\n<h2 class=\"wp-block-heading has-lg-font-size\">Terminology<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-bottom:var(--wp--preset--spacing--xl)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-7\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/set-1024x507.png\" alt=\"\" class=\"wp-image-162\" srcset=\"https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/set-1024x507.png 1024w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/set-300x149.png 300w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/set-768x380.png 768w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/set-1536x760.png 1536w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/set-2048x1014.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-7 lg:col-end-13 self-center\">\n<h3 class=\"wp-block-heading has-neutral-900-color has-text-color has-link-color has-sm-font-size wp-elements-0dcfa0a0eebc44eb82501144326e2491\">Story<\/h3>\n\n\n\n<p>A story is something that can be compared against something else. <br>For example it could be \u201cSign-up form for newsletter\u201d, \u201cSearch\u201d, and \u201cContact form\u201d if you were trying to prioritize new features on a website. <\/p>\n\n\n\n<p>Or it could be &#8220;Vacuum cleaning robots\u201d, \u201cMicrophones\u201d, and \u201cElectric bicycles\u201d if you were a company that wanted to introduce a new product line and wanted to decide which one to go for.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-7\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/board-1024x756.png\" alt=\"\" class=\"wp-image-163\" srcset=\"https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/board-1024x756.png 1024w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/board-300x222.png 300w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/board-768x567.png 768w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/board-1536x1134.png 1536w, https:\/\/stage.tfoo.io\/wp-content\/uploads\/2025\/11\/board.png 1755w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-7 lg:col-end-13 self-center\">\n<h3 class=\"wp-block-heading has-neutral-900-color has-text-color has-link-color has-sm-font-size wp-elements-3a467cdd65ce08a8d25198578ef6d65d\">Set<\/h3>\n\n\n\n<p>A set is a collection of related stories with a criteria they should be ranked on. So the same group of stories can be part of multiple sets, each with their own criteria.<\/p>\n\n\n\n<p>Let\u2019s say we have a group of stories that all are new features we could add to an app. <br>We could then create one set with the criteria \u201cMost requested by users\u201d and one with the criteria \u201cEasiest to implement\u201d.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-neutral-900-color has-text-color has-link-color has-sm-font-size wp-elements-7c9f3ff9ab8a3073d5ce957e1bdc4090\">Board<\/h3>\n\n\n\n<p>A board is a collection of sets that contain the same stories.\u00a0\u00a0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-top:var(--wp--preset--spacing--3-xl);padding-bottom:var(--wp--preset--spacing--2-xl)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-13\">\n<hr class=\"wp-block-separator has-text-color has-neutral-600-color has-alpha-channel-opacity has-neutral-600-background-color has-background\"\/>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--3-xl)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-10\">\n<h2 class=\"wp-block-heading has-lg-font-size\">Compare<\/h2>\n\n\n\n<p style=\"padding-bottom:var(--wp--preset--spacing--xl)\">If you have a PRO account you can compare two different sets of the same board to each other. They will be plotted on a grid with the criteria for each of the two boards plotted on either the X or Y axis. This makes it very easy to identify stories that rank high or low on both axis. <\/p>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-13 rounded-push has-green-800-background-color has-background feature-card\" style=\"padding-top:var(--wp--preset--spacing--lg);padding-right:var(--wp--preset--spacing--lg);padding-bottom:var(--wp--preset--spacing--lg);padding-left:var(--wp--preset--spacing--lg)\">\n<h3 class=\"wp-block-heading has-white-color has-text-color has-link-color has-sm-font-size wp-elements-08d61381bd13905dbe138b2ce9146568\">Use case example<\/h3>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-77431de8379faf8827990c09f401a7e3\">Say that you want to do some quick fixes for your app, you run a TFoo session where people in you organisation can vote on which sotires are easiest to implement, and then you use your customer insights to rank on most requested by users.&nbsp;<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-e55a025d80dc184e458822a02bbe15c4\">On a comparison grid you will instantly see which features are high in demand and easy to implement. You can also see which are high in demand but hard to implement and think of new, simpler, ways to meet the user needs.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-white-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--3-xl);padding-top:var(--wp--preset--spacing--4-xl);padding-bottom:var(--wp--preset--spacing--4-xl)\">\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-bottom:var(--wp--preset--spacing--2-xl)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-11\">\n<h2 class=\"wp-block-heading has-lg-font-size\">Running a voting session<\/h2>\n\n\n\n<p class=\"has-lg-font-size\">If you have created a board, you are in charge of the voting session and you can toggle <br>between them at will. A session can have four different statuses:<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-top:0\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-9 rounded-push has-yellow-100-background-color has-background feature-card\" style=\"padding-top:var(--wp--preset--spacing--md);padding-right:var(--wp--preset--spacing--lg);padding-bottom:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--lg)\">\n<p class=\"has-text-align-left has-yellow-900-color has-text-color has-link-color wp-elements-bb1ce5ca570545bd77090262e8f49eca\"><strong>Not started <\/strong>&#8211; No votes have been cast<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-9 rounded-push has-blue-100-background-color has-background feature-card\" style=\"padding-top:var(--wp--preset--spacing--md);padding-right:var(--wp--preset--spacing--lg);padding-bottom:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--lg)\">\n<p class=\"has-text-align-left\"><strong>Start <\/strong>&#8211; The voting is open&nbsp;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-9 rounded-push has-orange-100-background-color has-background feature-card\" style=\"padding-top:var(--wp--preset--spacing--md);padding-right:var(--wp--preset--spacing--lg);padding-bottom:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--lg)\">\n<p class=\"has-text-align-left has-orange-900-color has-text-color has-link-color wp-elements-42f2ebde08f430e62265b6b166826c75\"><strong>Pause <\/strong>&#8211; This will pause the vote screen, useful if you need to add some information&nbsp;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-9 rounded-push has-green-100-background-color has-background feature-card\" style=\"padding-top:var(--wp--preset--spacing--md);padding-right:var(--wp--preset--spacing--lg);padding-bottom:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--lg)\">\n<p class=\"has-text-align-left\"><strong>Finish <\/strong>&#8211; No new users may vote<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-twofour-columns grid grid-cols-12 gap-4 md:gap-8 lg:gap-10\" style=\"padding-bottom:var(--wp--preset--spacing--3-xl)\">\n<div class=\"wp-block-twofour-column col-start-1 col-end-13 md:col-start-1 md:col-end-13 lg:col-start-1 lg:col-end-13\">\n<h2 class=\"wp-block-heading has-green-900-color has-text-color has-link-color has-lg-font-size wp-elements-aac26f96564439b5040c71dd110a9e9b\">Screens<\/h2>\n\n\n\n<p class=\"has-base-font-size\">There are two views or \u201cScreens\u201d for each set<\/p>\n\n\n\n<p class=\"has-base-font-size\"><strong>Vote screen<\/strong> &#8211; This is the link you share to people that should be voting<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Result screen<\/strong> &#8211; This shows a real time view of the current ranking for the set<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":65,"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/188"}],"wp:attachment":[{"href":"https:\/\/stage.tfoo.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}