{"id":228,"date":"2017-04-19T05:00:00","date_gmt":"2017-04-19T10:00:00","guid":{"rendered":"https:\/\/rb-sns.com\/RB\/blog\/?p=228"},"modified":"2017-04-25T21:47:39","modified_gmt":"2017-04-26T02:47:39","slug":"using-clickable-demo","status":"publish","type":"post","link":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/","title":{"rendered":"Using a Clickable Demo"},"content":{"rendered":"<p>One of the challenges with any project is getting everyone on the same page. \u00a0Over the years I have found that the best tool to help solve this problem is a clickable demo. \u00a0The demo is so useful it is one of the first steps in a new project. \u00a0Creating the clickable demo can be simple and straightforward or a big effort in itself. \u00a0However, these actions make even a complex system easy to model.<\/p>\n<h2>Go With the Flow<\/h2>\n<p>An important part of a clickable demo is an example of the application flow. \u00a0When use cases are properly done, they should be a stepping stone to the application flow. \u00a0The use cases will not provide all of the details, but a good demo will address every user story. \u00a0The look and feel of the demo are not as important initially as the flow. \u00a0It should model how a user will progress through the application while providing a rough approximation of the data they will be presented. \u00a0General navigation should be worked in early on as well.<\/p>\n<h2>Look For Important Details<\/h2>\n<p>Some requirements are more important than others. \u00a0The requirements that a good clickable demo presents include those around data input and output or reporting. \u00a0When a customer is reviewing a clickable demo, they should be able to tie steps into current use cases. \u00a0This link is best accomplished by showing details around each step.<\/p>\n<p>For example, let&#8217;s consider an application that includes data entry and search for entered records. \u00a0A good clickable demo will show the input fields as close as possible to the end product. \u00a0This should be at least eighty percent of the requirements for data entry. \u00a0The search, in this case, should allow a search on enough of the data entry fields to be easy to find any given record. \u00a0A customer should be given an example of how difficult or easy the interface will be for regular usage.<\/p>\n<h2>Leave Room For Discussion<\/h2>\n<p>The purpose of this demo-based approach is to provide a focus point for customers. \u00a0Don&#8217;t be afraid to leave a few areas open for interpretation. \u00a0Also, avoid getting designed into a corner. \u00a0The demo is not production code so spending a lot of time on it may be a wasted effort. \u00a0As iterations of the demo are presented there will be areas that become concrete, but early on avoid lock-in where possible.<\/p>\n<h2>The Danger of a Clickable Demo<\/h2>\n<p>I started with a claim of this approach being perfect for any project. \u00a0That does not mean it is not without risks. \u00a0The most common issue with a demo of this type is that it is &#8220;too good.&#8221; \u00a0In this situation, a customer falls in love with the demo. \u00a0The result is not a criticism, but instead something along the lines of &#8220;when can we ship it?&#8221; \u00a0This tricky situation can be avoided by clearly stating smoke and mirrors and lacking functionality during the walk through. \u00a0Set the expectations early, and clearly, so there is not an underestimation of the effort required to make the demo fully functional.<\/p>\n<p>The problem with a vision is that it is not reality. \u00a0Thus, everyone is left to their interpretation of the goals. \u00a0Try a clickable demo next time to bring a vision into reality early in a project life-cycle. \u00a0It will make discussions of the vision much easier and will help avoid misunderstanding of conceptual features.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the challenges with any project is getting everyone on the same page. \u00a0Over the years I have found that the best tool to help solve this problem is a clickable demo. \u00a0The demo is so useful it is one of the first steps in a new project. \u00a0Creating the clickable demo can be [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":231,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[10],"tags":[4,9],"class_list":["post-228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-special-topics","tag-best-practices","tag-projects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using a Clickable Demo -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using a Clickable Demo -\" \/>\n<meta property=\"og:description\" content=\"One of the challenges with any project is getting everyone on the same page. \u00a0Over the years I have found that the best tool to help solve this problem is a clickable demo. \u00a0The demo is so useful it is one of the first steps in a new project. \u00a0Creating the clickable demo can be [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-19T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-26T02:47:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"383\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rob Broadhead\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rbcposts\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rob Broadhead\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\"},\"author\":{\"name\":\"Rob Broadhead\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/person\/7a90d1b48e7e23c820769e418263da94\"},\"headline\":\"Using a Clickable Demo\",\"datePublished\":\"2017-04-19T10:00:00+00:00\",\"dateModified\":\"2017-04-26T02:47:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\"},\"wordCount\":574,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg\",\"keywords\":[\"best practices\",\"projects\"],\"articleSection\":[\"Special Topics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\",\"url\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\",\"name\":\"Using a Clickable Demo -\",\"isPartOf\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg\",\"datePublished\":\"2017-04-19T10:00:00+00:00\",\"dateModified\":\"2017-04-26T02:47:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage\",\"url\":\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg\",\"contentUrl\":\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg\",\"width\":512,\"height\":383,\"caption\":\"clickable demo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rb-sns.com\/RB\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using a Clickable Demo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#website\",\"url\":\"https:\/\/rb-sns.com\/RB\/blog\/\",\"name\":\"\",\"description\":\"Technology That Serves the Business, Not the Other Way Around\",\"publisher\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rb-sns.com\/RB\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#organization\",\"name\":\"RB Consulting, Inc.\",\"url\":\"https:\/\/rb-sns.com\/RB\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2016\/12\/RBLogo.png\",\"contentUrl\":\"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2016\/12\/RBLogo.png\",\"width\":256,\"height\":256,\"caption\":\"RB Consulting, Inc.\"},\"image\":{\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/robbroadhead\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/person\/7a90d1b48e7e23c820769e418263da94\",\"name\":\"Rob Broadhead\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bd120f8660b05d3d93d8889bc23970acf7146d65968ccea2a3f4ff25a38e28f9?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bd120f8660b05d3d93d8889bc23970acf7146d65968ccea2a3f4ff25a38e28f9?s=96&d=mm&r=pg\",\"caption\":\"Rob Broadhead\"},\"description\":\"Rob is a seasoned software developer and technology professional. His background includes over 30 years of development. It includes enterprise systems on a wide variety of system architectures and platforms. His roles have included staff developer, director of development, architect, database administrator, and many points in between. He founded RB Consulting as a software development and implementation consulting company. However, after witnessing a significant number of poorly planned and designed projects, he altered the business focus. The primary focus is on helping customers put together well-designed project plans and navigating the vast sea of technology. This includes building teams\/departments to address IT needs in the future as well as for today. There is also still a software development wing of the company and implementation consulting. Rob received his MBA (with a concentration in e-Business) at the University of Phoenix. He also holds a BS in Computer Science from Rose-Hulman Institute of Technology. He has written and published a semi-biographical book, e-books, and a book on software development careers. He is a podcaster (The Building Better Developers\/Develpreneur podcast) and a regular contributor to Develpreneur, as well as his personal blog on this site.\",\"sameAs\":[\"https:\/\/develpreneur.com\",\"https:\/\/linkedin.com\/robbroadhead\",\"https:\/\/x.com\/rbcposts\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using a Clickable Demo -","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:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/","og_locale":"en_US","og_type":"article","og_title":"Using a Clickable Demo -","og_description":"One of the challenges with any project is getting everyone on the same page. \u00a0Over the years I have found that the best tool to help solve this problem is a clickable demo. \u00a0The demo is so useful it is one of the first steps in a new project. \u00a0Creating the clickable demo can be [&hellip;]","og_url":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/","article_published_time":"2017-04-19T10:00:00+00:00","article_modified_time":"2017-04-26T02:47:39+00:00","og_image":[{"width":512,"height":383,"url":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg","type":"image\/jpeg"}],"author":"Rob Broadhead","twitter_card":"summary_large_image","twitter_creator":"@rbcposts","twitter_misc":{"Written by":"Rob Broadhead","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#article","isPartOf":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/"},"author":{"name":"Rob Broadhead","@id":"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/person\/7a90d1b48e7e23c820769e418263da94"},"headline":"Using a Clickable Demo","datePublished":"2017-04-19T10:00:00+00:00","dateModified":"2017-04-26T02:47:39+00:00","mainEntityOfPage":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/"},"wordCount":574,"commentCount":0,"publisher":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/#organization"},"image":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage"},"thumbnailUrl":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg","keywords":["best practices","projects"],"articleSection":["Special Topics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/","url":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/","name":"Using a Clickable Demo -","isPartOf":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage"},"image":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage"},"thumbnailUrl":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg","datePublished":"2017-04-19T10:00:00+00:00","dateModified":"2017-04-26T02:47:39+00:00","breadcrumb":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#primaryimage","url":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg","contentUrl":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2017\/04\/webdemo.jpg","width":512,"height":383,"caption":"clickable demo"},{"@type":"BreadcrumbList","@id":"https:\/\/rb-sns.com\/RB\/blog\/using-clickable-demo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rb-sns.com\/RB\/blog\/"},{"@type":"ListItem","position":2,"name":"Using a Clickable Demo"}]},{"@type":"WebSite","@id":"https:\/\/rb-sns.com\/RB\/blog\/#website","url":"https:\/\/rb-sns.com\/RB\/blog\/","name":"","description":"Technology That Serves the Business, Not the Other Way Around","publisher":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rb-sns.com\/RB\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rb-sns.com\/RB\/blog\/#organization","name":"RB Consulting, Inc.","url":"https:\/\/rb-sns.com\/RB\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2016\/12\/RBLogo.png","contentUrl":"https:\/\/rb-sns.com\/RB\/blog\/wp-content\/uploads\/2016\/12\/RBLogo.png","width":256,"height":256,"caption":"RB Consulting, Inc."},"image":{"@id":"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/in\/robbroadhead"]},{"@type":"Person","@id":"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/person\/7a90d1b48e7e23c820769e418263da94","name":"Rob Broadhead","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rb-sns.com\/RB\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bd120f8660b05d3d93d8889bc23970acf7146d65968ccea2a3f4ff25a38e28f9?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bd120f8660b05d3d93d8889bc23970acf7146d65968ccea2a3f4ff25a38e28f9?s=96&d=mm&r=pg","caption":"Rob Broadhead"},"description":"Rob is a seasoned software developer and technology professional. His background includes over 30 years of development. It includes enterprise systems on a wide variety of system architectures and platforms. His roles have included staff developer, director of development, architect, database administrator, and many points in between. He founded RB Consulting as a software development and implementation consulting company. However, after witnessing a significant number of poorly planned and designed projects, he altered the business focus. The primary focus is on helping customers put together well-designed project plans and navigating the vast sea of technology. This includes building teams\/departments to address IT needs in the future as well as for today. There is also still a software development wing of the company and implementation consulting. Rob received his MBA (with a concentration in e-Business) at the University of Phoenix. He also holds a BS in Computer Science from Rose-Hulman Institute of Technology. He has written and published a semi-biographical book, e-books, and a book on software development careers. He is a podcaster (The Building Better Developers\/Develpreneur podcast) and a regular contributor to Develpreneur, as well as his personal blog on this site.","sameAs":["https:\/\/develpreneur.com","https:\/\/linkedin.com\/robbroadhead","https:\/\/x.com\/rbcposts"]}]}},"_links":{"self":[{"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":2,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/posts\/228\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/posts\/228\/revisions\/415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/media\/231"}],"wp:attachment":[{"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/categories?post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rb-sns.com\/RB\/blog\/wp-json\/wp\/v2\/tags?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}