{"id":603,"date":"2014-09-25T18:08:32","date_gmt":"2014-09-25T18:08:32","guid":{"rendered":"http:\/\/blog.thinkapps.com\/?p=603"},"modified":"2015-09-11T15:35:22","modified_gmt":"2015-09-11T22:35:22","slug":"prototype-early-often","status":"publish","type":"post","link":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/","title":{"rendered":"Prototype Early and Often"},"content":{"rendered":"<p><em>Here&#8217;s why prototyping early and often is the best strategy.<\/em><\/p>\n<p>It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Not only are prototypes fairly easy to create, they\u2019re also highly shareable and can be incorporated into any stage of the design process.<\/p>\n<p>When choosing the appropriate fidelity and medium, prototyping can be highly effective in achieving goals, delivering data and aiding in your decision making process.<\/p>\n<h2>What Is a Prototype?<\/h2>\n<p>Today we\u00a0are seeing an incorporation of prototyping directly into the design process to help visualize and craft user experience.<\/p>\n<p>So what exactly is prototyping?<\/p>\n<p>In the simplest terms, prototyping is using visuals to describe design and development specifications. It details how a product (or system) should look and behave.\u00a0A prototype can be as simple as a series of hand drawn wireframes to more complex clickable and tappable prototypes.<\/p>\n<p>What\u2019s more, prototyping is often considered the ultimate decision making aid. And, given the myriad options for prototyping tools, designers are now better able to prototype for questions they need answered.<\/p>\n<h2>Choose Your Level of Fidelity<\/h2>\n<p>The fidelity of a prototype has the most influence over its effectiveness. Simply put, fidelity refers to how realistic the prototype is and how closely it resembles the final solution.<\/p>\n<p>Fidelity is multidimensional. A prototype can lie anywhere on a spectrum for each of these dimensions, depending on the stage of the design process and the goals of the prototype. Not only can you have a prototype that <em>looks <\/em>like a realistic product, you can also have it <em>work<\/em> like a realistic product.<\/p>\n<p>These two dimensions of fidelity are referred to as \u201cvisual fidelity\u201d and \u201cfunctional fidelity.\u201d Variation along these two dimensions of fidelity can help determine the most effective and successful methodology for prototyping.<\/p>\n<h3>Low Fidelity<\/h3>\n<p>From sticky notes to storyboarding, low fidelity prototypes are typically a good approach when looking to satisfy goals like\u00a0gathering initial requirements and communicating with stakeholders and where focus is on the user, context of use, flow of events and supplementary methods, such as workshops or interviews.<\/p>\n<p>Other low fidelity prototyping tools include paper prototypes (also called paper mockups) and wireframing, which is significantly less costly than coding.<\/p>\n<h3>High Fidelity<\/h3>\n<p>The typical goals of high fidelity prototypes are to visualize requirements in detail and discover usability issues, especially with interaction and behavior. High fidelity prototypes are often used to develop UI specification and can show the real system of behavior in an interactive manner.<\/p>\n<p>In some cases, detailed, high fidelity prototypes can be built just as quick as low fidelity ones, given the right tools. High fidelity prototypes include presentation software (such as Power Point or Keynote) and clickable\/tappable prototypes using software (such as Adobe Illustrator, Balsamiq and Axure Pro).<\/p>\n<h2>Why&#8217;s of Prototyping<\/h2>\n<p>As the old adage goes, a picture is worth a thousand words and whether you\u2019re trying to work through a design, communicate a concept or sell an idea, the guiding principle is \u201cplan a little, prototype the rest.\u201d<\/p>\n<p>To this end, prototyping can be used to:<\/p>\n<ul>\n<li>Improve design decision making- consider alternate designs<\/li>\n<li>Communicate concepts- visualize ideas in front of users and stakeholders<\/li>\n<li>Gather user feedback- test usability before requirements get implemented<\/li>\n<li>Gauge technical feasibility- see interactions before they are built<\/li>\n<li>Fine tune an idea- communicate and refine functionality and design<\/li>\n<\/ul>\n<p>One last tip to remember: when in doubt, prototype only what you need. And, of course,\u00a0prototype early and often.<\/p>\n<p>&nbsp;<\/p>\n<p><em><a title=\"Feature image via Flickr\" href=\"https:\/\/www.flickr.com\/photos\/larskflem\/1716905712\/\" target=\"_blank\">Feature image credit<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. <\/p>\n","protected":false},"author":24,"featured_media":5486,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[68,27,195,92,194,110],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prototype Early and Often | Thinkapps Build Blog<\/title>\n<meta name=\"description\" content=\"It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Prototype only what you need and prototype early and often.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prototype Early and Often | Thinkapps Build Blog\" \/>\n<meta property=\"og:description\" content=\"It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Prototype only what you need and prototype early and often.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/\" \/>\n<meta property=\"og:site_name\" content=\"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-25T18:08:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-11T22:35:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.thinkapps.com\/wp-content\/uploads\/2014\/09\/book-checked-hand-1579.jpg\" \/>\n<meta name=\"author\" content=\"Kim Vo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kim Vo\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/\",\"url\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/\",\"name\":\"Prototype Early and Often | Thinkapps Build Blog\",\"isPartOf\":{\"@id\":\"http:\/\/localhost:8080\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/09\/25180832\/1716905712_202b6c79b6_o.jpg\",\"datePublished\":\"2014-09-25T18:08:32+00:00\",\"dateModified\":\"2015-09-11T22:35:22+00:00\",\"author\":{\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/38db6df7a4e67784d3df7ee1f1e5fe9d\"},\"description\":\"It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Prototype only what you need and prototype early and often.\",\"breadcrumb\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#primaryimage\",\"url\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/09\/25180832\/1716905712_202b6c79b6_o.jpg\",\"contentUrl\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/09\/25180832\/1716905712_202b6c79b6_o.jpg\",\"width\":1280,\"height\":854,\"caption\":\"Prototype Early and Often\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/localhost:8080\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prototype Early and Often\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/localhost:8080\/blog\/#website\",\"url\":\"http:\/\/localhost:8080\/blog\/\",\"name\":\"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/localhost:8080\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/38db6df7a4e67784d3df7ee1f1e5fe9d\",\"name\":\"Kim Vo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/254cfdcd71c30dc3a07214ac74652ca9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/254cfdcd71c30dc3a07214ac74652ca9?s=96&d=mm&r=g\",\"caption\":\"Kim Vo\"},\"description\":\"A storyteller at heart, Kim Vo writes and produces creative content for mobile tech start ups in San Francisco, like RadiumOne, MyLikes, and UXPin. An avid early adopter of new technologies, Kim is also a dog lover who finds inspiration through travel.\",\"sameAs\":[\"http:\/\/www.linkedin.com\/pub\/kim-vo\/9\/81b\/637\"],\"url\":\"https:\/\/thinkapps.com\/blog\/author\/kimvo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prototype Early and Often | Thinkapps Build Blog","description":"It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Prototype only what you need and prototype early and often.","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:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/","og_locale":"en_US","og_type":"article","og_title":"Prototype Early and Often | Thinkapps Build Blog","og_description":"It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Prototype only what you need and prototype early and often.","og_url":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/","og_site_name":"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more","article_published_time":"2014-09-25T18:08:32+00:00","article_modified_time":"2015-09-11T22:35:22+00:00","og_image":[{"url":"http:\/\/blog.thinkapps.com\/wp-content\/uploads\/2014\/09\/book-checked-hand-1579.jpg"}],"author":"Kim Vo","twitter_misc":{"Written by":"Kim Vo","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/","url":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/","name":"Prototype Early and Often | Thinkapps Build Blog","isPartOf":{"@id":"http:\/\/localhost:8080\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#primaryimage"},"image":{"@id":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#primaryimage"},"thumbnailUrl":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/09\/25180832\/1716905712_202b6c79b6_o.jpg","datePublished":"2014-09-25T18:08:32+00:00","dateModified":"2015-09-11T22:35:22+00:00","author":{"@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/38db6df7a4e67784d3df7ee1f1e5fe9d"},"description":"It\u2019s been said that one hour of prototyping can save you days of meetings and misunderstandings. Prototype only what you need and prototype early and often.","breadcrumb":{"@id":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#primaryimage","url":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/09\/25180832\/1716905712_202b6c79b6_o.jpg","contentUrl":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/09\/25180832\/1716905712_202b6c79b6_o.jpg","width":1280,"height":854,"caption":"Prototype Early and Often"},{"@type":"BreadcrumbList","@id":"https:\/\/thinkapps.com\/blog\/discovery\/prototype-early-often\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:8080\/blog\/"},{"@type":"ListItem","position":2,"name":"Prototype Early and Often"}]},{"@type":"WebSite","@id":"http:\/\/localhost:8080\/blog\/#website","url":"http:\/\/localhost:8080\/blog\/","name":"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:8080\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/38db6df7a4e67784d3df7ee1f1e5fe9d","name":"Kim Vo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/254cfdcd71c30dc3a07214ac74652ca9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/254cfdcd71c30dc3a07214ac74652ca9?s=96&d=mm&r=g","caption":"Kim Vo"},"description":"A storyteller at heart, Kim Vo writes and produces creative content for mobile tech start ups in San Francisco, like RadiumOne, MyLikes, and UXPin. An avid early adopter of new technologies, Kim is also a dog lover who finds inspiration through travel.","sameAs":["http:\/\/www.linkedin.com\/pub\/kim-vo\/9\/81b\/637"],"url":"https:\/\/thinkapps.com\/blog\/author\/kimvo\/"}]}},"_links":{"self":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/603"}],"collection":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":2,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/603\/revisions"}],"predecessor-version":[{"id":5487,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/603\/revisions\/5487"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/media\/5486"}],"wp:attachment":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/media?parent=603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/categories?post=603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/tags?post=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}