{"id":11479,"date":"2021-07-28T09:00:50","date_gmt":"2021-07-28T13:00:50","guid":{"rendered":"https:\/\/limetech.co\/?p=11479"},"modified":"2021-07-28T09:00:50","modified_gmt":"2021-07-28T13:00:50","slug":"the-four-stages-of-app-prototyping","status":"publish","type":"post","link":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/","title":{"rendered":"The 4 stages of app prototyping"},"content":{"rendered":"

The 4 stages of app prototyping<\/h2>\n

There are lots of good reasons to start your app project with a prototype<\/a>. Savvy entrepreneurs choose this method to save money, conduct early testing, and share their concept with stakeholders. But, there’s no such thing as “just a prototype.” There are four stages of app prototyping, and each stage results in a different type.<\/p>\n

Let’s take a look at all four versions:<\/p>\n

 <\/p>\n

1. Paper prototype<\/h3>\n

\"\"A paper<\/strong> prototype<\/b> can be as simple as a napkin sketch. It can help you outline, edit, or demonstrate your app concept in its rawest form. This is the best way to play around and work through some variations before committing to a direction. It’s also a great way to share your idea with friends and family, or any designers who will help you with the next stages.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

2. Wireframe<\/h3>\n

\"\"A <\/span>wireframe <\/b>brings your process to the digital realm. It outlines the basic layout of your app without written content or visual elements. You can think of your wireframe as a rough roadmap for where you\u2019d like to go with your project. Your wireframe will function as the blueprint for your low or high-fidelity prototypes.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

3. Low-fidelity (lo-fi) prototype<\/h3>\n

\"\"<\/p>\n

A <\/span>low-fidelity prototype<\/b> is a simple, interactive version of your product. Your low-fi prototype establishes the placement and size of various elements, and includes navigation and basic clickability. Most content integrated at this stage will function as a placeholder, so don’t be surprised if you see generic content<\/a> in this type of prototype.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

4. High-fidelity (hi-fi) prototype<\/h3>\n

\"\"A <\/span>high-fidelity (hi-fi) prototype<\/b> adds another level, with a realistic, interactive representation of your product design. It includes original content, images, and features, as you\u2019d like them to appear in the product. Your hi-fi prototype simulates the experience of your app, without going through the work of coding.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

In summary, if you’ve got a great idea for a mobile app<\/a> and you’re wondering what to do, starting with a prototype can be a great way to test the waters. Depending on your goals, you may need just a basic wireframe or a full-fledged high-fidelity prototype. No matter which version, LimeTech is ready to help. Just submit our form and we’ll be in touch to discuss your project. You might be surprised how fast and affordable the process can be.<\/p>\n

\n

LimeTech<\/i><\/b>\u00a0is a creative tech company with a focus on innovation and adaptive change. We use technical know-how, design skills, and deep experience in entrepreneurship to help companies advance their business goals. Our specialties include\u00a0<\/i>mobile app development<\/i><\/a>,\u00a0<\/i>website design<\/i><\/a>,\u00a0<\/i>technology planning<\/i><\/a>, and\u00a0<\/i>remote work solutions<\/i><\/a>.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"

The 4 stages of app prototyping There are lots of good reasons to start your app project with a prototype. Savvy entrepreneurs choose this method to save money, conduct early….<\/p>\n","protected":false},"author":2,"featured_media":11504,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[557,622],"tags":[640,550,539,559,518,619,512],"class_list":["post-11479","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","category-ui-ux-design","tag-apps","tag-cost-savings","tag-entrepreneurship","tag-mobile-app-development","tag-mobile-applications-2","tag-prototyping","tag-startups-2"],"yoast_head":"\nThe 4 stages of app prototyping - Lime Tech<\/title>\n<meta name=\"description\" content=\"Building a mobile app can be a challenge, but starting with a prototype makes the process easier. Let's talk about the 4 stages of app prototyping.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The 4 stages of app prototyping - Lime Tech\" \/>\n<meta property=\"og:description\" content=\"Building a mobile app can be a challenge, but starting with a prototype makes the process easier. Let's talk about the 4 stages of app prototyping.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/\" \/>\n<meta property=\"og:site_name\" content=\"Lime Tech\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-28T13:00:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tjarb.com\/limetech\/wp-content\/uploads\/2021\/07\/pexels-anthony-shkraba-4348404-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1739\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kerry Abukhalaf\" \/>\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\":\"WebSite\",\"@id\":\"https:\/\/tjarb.com\/limetech\/#website\",\"url\":\"https:\/\/tjarb.com\/limetech\/\",\"name\":\"Lime Tech\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tjarb.com\/limetech\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/tjarb.com\/limetech\/wp-content\/uploads\/2021\/07\/pexels-anthony-shkraba-4348404-scaled.jpg\",\"contentUrl\":\"https:\/\/tjarb.com\/limetech\/wp-content\/uploads\/2021\/07\/pexels-anthony-shkraba-4348404-scaled.jpg\",\"width\":2560,\"height\":1739},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#webpage\",\"url\":\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/\",\"name\":\"The 4 stages of app prototyping - Lime Tech\",\"isPartOf\":{\"@id\":\"https:\/\/tjarb.com\/limetech\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#primaryimage\"},\"datePublished\":\"2021-07-28T13:00:50+00:00\",\"dateModified\":\"2021-07-28T13:00:50+00:00\",\"author\":{\"@id\":\"https:\/\/tjarb.com\/limetech\/#\/schema\/person\/97bf8c90948d93f357913b2e6c73554b\"},\"description\":\"Building a mobile app can be a challenge, but starting with a prototype makes the process easier. Let's talk about the 4 stages of app prototyping.\",\"breadcrumb\":{\"@id\":\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tjarb.com\/limetech\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The 4 stages of app prototyping\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/tjarb.com\/limetech\/#\/schema\/person\/97bf8c90948d93f357913b2e6c73554b\",\"name\":\"Kerry Abukhalaf\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/tjarb.com\/limetech\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/12fd5fa87dec15a146cfe890e7ac1beaf6a7e9223998a172316cdbcc73edb086?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/12fd5fa87dec15a146cfe890e7ac1beaf6a7e9223998a172316cdbcc73edb086?s=96&d=mm&r=g\",\"caption\":\"Kerry Abukhalaf\"},\"url\":\"https:\/\/tjarb.com\/limetech\/author\/kerry-abukhalaf\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The 4 stages of app prototyping - Lime Tech","description":"Building a mobile app can be a challenge, but starting with a prototype makes the process easier. Let's talk about the 4 stages of app prototyping.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"The 4 stages of app prototyping - Lime Tech","og_description":"Building a mobile app can be a challenge, but starting with a prototype makes the process easier. Let's talk about the 4 stages of app prototyping.","og_url":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/","og_site_name":"Lime Tech","article_published_time":"2021-07-28T13:00:50+00:00","og_image":[{"width":2560,"height":1739,"url":"https:\/\/tjarb.com\/limetech\/wp-content\/uploads\/2021\/07\/pexels-anthony-shkraba-4348404-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kerry Abukhalaf","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/tjarb.com\/limetech\/#website","url":"https:\/\/tjarb.com\/limetech\/","name":"Lime Tech","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tjarb.com\/limetech\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#primaryimage","inLanguage":"en-US","url":"https:\/\/tjarb.com\/limetech\/wp-content\/uploads\/2021\/07\/pexels-anthony-shkraba-4348404-scaled.jpg","contentUrl":"https:\/\/tjarb.com\/limetech\/wp-content\/uploads\/2021\/07\/pexels-anthony-shkraba-4348404-scaled.jpg","width":2560,"height":1739},{"@type":"WebPage","@id":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#webpage","url":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/","name":"The 4 stages of app prototyping - Lime Tech","isPartOf":{"@id":"https:\/\/tjarb.com\/limetech\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#primaryimage"},"datePublished":"2021-07-28T13:00:50+00:00","dateModified":"2021-07-28T13:00:50+00:00","author":{"@id":"https:\/\/tjarb.com\/limetech\/#\/schema\/person\/97bf8c90948d93f357913b2e6c73554b"},"description":"Building a mobile app can be a challenge, but starting with a prototype makes the process easier. Let's talk about the 4 stages of app prototyping.","breadcrumb":{"@id":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tjarb.com\/limetech\/blog\/app-development\/the-four-stages-of-app-prototyping\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tjarb.com\/limetech\/"},{"@type":"ListItem","position":2,"name":"The 4 stages of app prototyping"}]},{"@type":"Person","@id":"https:\/\/tjarb.com\/limetech\/#\/schema\/person\/97bf8c90948d93f357913b2e6c73554b","name":"Kerry Abukhalaf","image":{"@type":"ImageObject","@id":"https:\/\/tjarb.com\/limetech\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/12fd5fa87dec15a146cfe890e7ac1beaf6a7e9223998a172316cdbcc73edb086?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/12fd5fa87dec15a146cfe890e7ac1beaf6a7e9223998a172316cdbcc73edb086?s=96&d=mm&r=g","caption":"Kerry Abukhalaf"},"url":"https:\/\/tjarb.com\/limetech\/author\/kerry-abukhalaf\/"}]}},"_links":{"self":[{"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/posts\/11479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/comments?post=11479"}],"version-history":[{"count":0,"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/posts\/11479\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/media\/11504"}],"wp:attachment":[{"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/media?parent=11479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/categories?post=11479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tjarb.com\/limetech\/wp-json\/wp\/v2\/tags?post=11479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}