{"id":419,"date":"2014-06-10T23:04:46","date_gmt":"2014-06-10T23:04:46","guid":{"rendered":"http:\/\/thinkapps.wpengine.com\/?p=419"},"modified":"2015-01-07T16:42:02","modified_gmt":"2015-01-08T00:42:02","slug":"what-is-a-wireframe","status":"publish","type":"post","link":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/","title":{"rendered":"What Is a Wireframe?"},"content":{"rendered":"<p class=\"post-p\">If you have an idea for a website or mobile application, chances are one of the first things you will do after your vet your idea will be to create a wireframe.<\/p>\n<h3 class=\"post-p\"><strong class=\"post-pStrong\">What is a wireframe?<\/strong><\/h3>\n<p class=\"post-p\">A wireframe is a visual representation of the elements on a website or mobile application. Typically they are created in black and white and can be hand drawn or created using a online tool.<\/p>\n<h3 class=\"post-p\"><strong class=\"post-pStrong\">Why is a wireframe important?<\/strong><\/h3>\n<p class=\"post-p\">Wireframes are important to help communicate your vision of a mobile app or website that you\u2019re trying to create clearly to the designer or developer you are working with.<\/p>\n<p class=\"post-p\">Wireframes are done at the very beginning of the design process and take much less time than full design work. Creating wireframes make it easy to iterate and help give a designer or developer direction when turning your idea into a real product.<\/p>\n<h3 class=\"post-p\"><strong>Tools to help you with wireframing:<\/strong><\/h3>\n<p class=\"post-p paragraph--empty\"><a title=\"Axure\" href=\"http:\/\/axure.com\" target=\"_blank\">Axure<\/a><\/p>\n<p class=\"post-p paragraph--empty\"><a title=\"Balsamiq\" href=\"http:\/\/balsamiq.com\" target=\"_blank\">Balsamiq<\/a><\/p>\n<p class=\"post-p paragraph--empty\"><a title=\"UXpin\" href=\"http:\/\/uxpin.com\/\" target=\"_blank\">UXpin<\/a><\/p>\n<p class=\"post-p paragraph--empty\"><a title=\"MockFlow\" href=\"http:\/\/mockflow.com\" target=\"_blank\">MockFlow<\/a><\/p>\n<p class=\"post-p paragraph--empty\"><a title=\"Gliffy\" href=\"http:\/\/gliffy.com\" target=\"_blank\">Gliffy<\/a><\/p>\n<p class=\"post-p paragraph--empty\">\n","protected":false},"excerpt":{"rendered":"<p>If you have an idea for a website or mobile application, chances are one of the first things you will do after your vet your idea will be to create&#8230;<\/p>\n","protected":false},"author":3,"featured_media":402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,3],"tags":[26,68,27,110],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is a Wireframe? | ThinkApps Blog<\/title>\n<meta name=\"description\" content=\"What is a wireframe? If you have an idea for a website or mobile app, chances are one of your first tasks will be to create wireframes.\" \/>\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\/wireframes\/what-is-a-wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a Wireframe? | ThinkApps Blog\" \/>\n<meta property=\"og:description\" content=\"What is a wireframe? If you have an idea for a website or mobile app, chances are one of your first tasks will be to create wireframes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/\" \/>\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-06-10T23:04:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-08T00:42:02+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"4436\" \/>\n\t<meta property=\"og:image:height\" content=\"1814\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Benji Hyam\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benji Hyam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/\",\"url\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/\",\"name\":\"What is a Wireframe? | ThinkApps Blog\",\"isPartOf\":{\"@id\":\"http:\/\/localhost:8080\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg\",\"datePublished\":\"2014-06-10T23:04:46+00:00\",\"dateModified\":\"2015-01-08T00:42:02+00:00\",\"author\":{\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/9620f7426a9c46027504e4fe1243529d\"},\"description\":\"What is a wireframe? If you have an idea for a website or mobile app, chances are one of your first tasks will be to create wireframes.\",\"breadcrumb\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#primaryimage\",\"url\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg\",\"contentUrl\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg\",\"width\":4436,\"height\":1814},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/localhost:8080\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Is a Wireframe?\"}]},{\"@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\/9620f7426a9c46027504e4fe1243529d\",\"name\":\"Benji Hyam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1ecfdfbfceda47075ea4676f04c4de1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1ecfdfbfceda47075ea4676f04c4de1?s=96&d=mm&r=g\",\"caption\":\"Benji Hyam\"},\"description\":\"Benji Hyam was previously the Marketing Manager at ThinkApps. Prior to ThinkApps, Benji co-founded Social Proof Interactive, a social media and content marketing company.\",\"sameAs\":[\"http:\/\/www.linkedin.com\/in\/benjihyam\",\"https:\/\/x.com\/benjihyam\"],\"url\":\"https:\/\/thinkapps.com\/blog\/author\/benji\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is a Wireframe? | ThinkApps Blog","description":"What is a wireframe? If you have an idea for a website or mobile app, chances are one of your first tasks will be to create wireframes.","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\/wireframes\/what-is-a-wireframe\/","og_locale":"en_US","og_type":"article","og_title":"What is a Wireframe? | ThinkApps Blog","og_description":"What is a wireframe? If you have an idea for a website or mobile app, chances are one of your first tasks will be to create wireframes.","og_url":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/","og_site_name":"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more","article_published_time":"2014-06-10T23:04:46+00:00","article_modified_time":"2015-01-08T00:42:02+00:00","og_image":[{"width":4436,"height":1814,"url":"http:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg","type":"image\/jpeg"}],"author":"Benji Hyam","twitter_misc":{"Written by":"Benji Hyam","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/","url":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/","name":"What is a Wireframe? | ThinkApps Blog","isPartOf":{"@id":"http:\/\/localhost:8080\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#primaryimage"},"image":{"@id":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#primaryimage"},"thumbnailUrl":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg","datePublished":"2014-06-10T23:04:46+00:00","dateModified":"2015-01-08T00:42:02+00:00","author":{"@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/9620f7426a9c46027504e4fe1243529d"},"description":"What is a wireframe? If you have an idea for a website or mobile app, chances are one of your first tasks will be to create wireframes.","breadcrumb":{"@id":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#primaryimage","url":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg","contentUrl":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2014\/06\/11172332\/Cscade_mobile_wireframes.jpg","width":4436,"height":1814},{"@type":"BreadcrumbList","@id":"https:\/\/thinkapps.com\/blog\/wireframes\/what-is-a-wireframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:8080\/blog\/"},{"@type":"ListItem","position":2,"name":"What Is a Wireframe?"}]},{"@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\/9620f7426a9c46027504e4fe1243529d","name":"Benji Hyam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a1ecfdfbfceda47075ea4676f04c4de1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1ecfdfbfceda47075ea4676f04c4de1?s=96&d=mm&r=g","caption":"Benji Hyam"},"description":"Benji Hyam was previously the Marketing Manager at ThinkApps. Prior to ThinkApps, Benji co-founded Social Proof Interactive, a social media and content marketing company.","sameAs":["http:\/\/www.linkedin.com\/in\/benjihyam","https:\/\/x.com\/benjihyam"],"url":"https:\/\/thinkapps.com\/blog\/author\/benji\/"}]}},"_links":{"self":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/419"}],"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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/comments?post=419"}],"version-history":[{"count":0,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/419\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/media\/402"}],"wp:attachment":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/media?parent=419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/categories?post=419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/tags?post=419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}