{"id":3482,"date":"2017-02-03T14:55:47","date_gmt":"2017-02-03T14:55:47","guid":{"rendered":"https:\/\/yeeply.com\/en\/blog\/?p=3482"},"modified":"2023-05-31T17:00:02","modified_gmt":"2023-05-31T15:00:02","slug":"app-prototyping-best-practices-and-tips","status":"publish","type":"post","link":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/","title":{"rendered":"App Prototyping: best practices and tips"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">When it comes to developing an app, app prototyping is an important initial step. For this blog, we wanted to give you some best practices and tips for getting it right the first time. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here at Yeeply, we <a href=\"https:\/\/yeeply.com\/en\/blog\/how-to-write-a-good-mobile-app-project\/\">work with you to define your project<\/a> before we find a developer to work on it. We mediate between you and the developer to ensure that outsourcing the creation of your app is a smooth and successful process. <strong>App prototyping at this stage gives you the best chance of getting a clear quotation<\/strong> to build what you want.<\/span><\/p>\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<div class=\"bt-proyecto\"><a class=\"do-not-track\" href=\"https:\/\/yeeply.com\/en\/mobile-app-development\/?rel=EN-BT-proyecto-app#publish-project\" target=\"_blank\" rel=\"noopener\">WANT TO CREATE AN APP? TELL US ABOUT YOUR PROJECT!<\/a><\/div>\n<h2><b>What is app prototyping? <\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The book \u2018The Lean Startup\u2019 by Eric Reis, is a startup must-read. One of the things that he talks about it is the idea of putting together an MVP \u2013 a Minimum Viable Product \u2013 the most basic version of what your product or offer will finally be. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the same way prototyping an app gives you the quickest and best way to get an accurate quotation for your project. <strong>This is not about coding; in fact, this type of prototype is not coded<\/strong>. It is putting together a visual representation of the design, functionality and appearance of your app to get the best quotation from a developer. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Angela Zade, Marketing Manager for venture studio <\/span><a href=\"http:\/\/www.evus.com\/\"><span style=\"font-weight: 400;\">Evus Technologies<\/span><\/a><span style=\"font-weight: 400;\"> puts it this way:<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">\u2018Wireframing and prototyping your app is a critical step\u2026 The most cost effective way to do this is through low fidelity wireframes and prototypes.\u2019<\/span><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Here are some of our top tips to getting app prototyping right the first time.\u00a0<\/span><\/p>\n<figure id=\"attachment_5213\" aria-describedby=\"caption-attachment-5213\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-5213 size-full\" title=\"drawing mockups on whiteboard\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/mockups-on-whiteboard_app_prototype.jpg\" alt=\"drawing mockups on whiteboard\" width=\"748\" height=\"499\" \/><figcaption id=\"caption-attachment-5213\" class=\"wp-caption-text\">I<span style=\"font-weight: 400;\">mage from\u00a0<a href=\"https:\/\/burst.shopify.com\/@sarahpflugphoto\" target=\"_blank\" rel=\"noopener noreferrer\">Sarah Pflug<\/a>\u00a0via <a href=\"https:\/\/burst.shopify.com\/photos\/drawing-website-mockups-on-whiteboard?q=mockups\" target=\"_blank\" rel=\"noopener noreferrer\">Burst<\/a><\/span><\/figcaption><\/figure>\n<h2><b>Don\u2019t Know Where to Start With Prototyping? There\u2019s an App for That!<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">There are different ways in which you can lay out your app as a prototype for quotation. As <\/span><a href=\"https:\/\/yeeply.com\/en\/blog\/6-app-prototyping-tools-how-to-define-your-mobile-application\/\"><span style=\"font-weight: 400;\">we\u2019ve written about before on the blog<\/span><\/a><span style=\"font-weight: 400;\"> there are many apps out there that let you put together the look and feel of an app without starting to code. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">These are great tools, not just at the start of your project, but also as you go along. <strong>It allows you to make changes to the app\u2019s design or features and see how those will affect its functionality or design overall<\/strong>. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Christopher Kane, CEO and Co-Founder of <\/span><span style=\"font-weight: 400;\">MunchMoney<\/span><span style=\"font-weight: 400;\">, tried a few apps for prototyping. His advice? <\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">\u2018At first I used <strong>Balsamiq<\/strong> to get the ideas out of my head and on to something that resembled an actual phone&#8230; After some searching, I came across a great combo of <strong>Sketch<\/strong> and <strong>Flinto<\/strong>. Building an app is an iterative process, so don\u2019t be discouraged when you constantly have to scrap previous ideas and designs.\u2019<\/span><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Putting together the look and features of your app doesn\u2019t need to be done this way. Just a basic drawing or outline of how each screen will look is a great start. You can draw it yourself or use Word or PowerPoint to set up shapes for each block or button on the screen.<\/span><\/p>\n<p>As\u00a0we\u2019ve written about before on the blog\u00a0there are many apps out there that let you put together the look and feel of an app without starting to code. Also, if you need professional help Yeeply hosts a vetted community of designers specialized in app prototyping.<\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ve written about this and other ways to put together a basic outline of your app <\/span><a href=\"https:\/\/yeeply.com\/en\/blog\/importance-app-prototyping-mobile-development\/\"><span style=\"font-weight: 400;\">on the blog before<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<figure id=\"attachment_5212\" aria-describedby=\"caption-attachment-5212\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-5212 size-full\" title=\"hands passing a paper with draws on table\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/wireframes_mobile_app_prototype.jpg\" alt=\"hands passing a paper with draws on table\" width=\"748\" height=\"524\" \/><figcaption id=\"caption-attachment-5212\" class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Image from\u00a0<a href=\"https:\/\/pxhere.com\/en\/photographer\/795663\" target=\"_blank\" rel=\"noopener nofollow external noreferrer\" data-wpel-link=\"external\">Rawpixel<\/a>\u00a0via\u00a0<a href=\"https:\/\/pxhere.com\/en\/photo\/1448921\" target=\"_blank\" rel=\"noopener nofollow external noreferrer\" data-wpel-link=\"external\">Pxhere<\/a><\/span><\/figcaption><\/figure>\n<h2><b>Don\u2019t Rush App Prototyping<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Here at Yeeply, we want to help you get your project started and we know that you are keen to get going. One of the reasons that we recommend you put together an app prototype is that time invested thinking about this now is a great way to save time all the way through your project. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Director of Marketing at eSUB, <\/span><a href=\"https:\/\/www.linkedin.com\/in\/tylerriddell\"><span style=\"font-weight: 400;\">Tyler Riddell<\/span><\/a><span style=\"font-weight: 400;\"> agrees. He comments &#8211; \u2018when in the prototyping phase, I would take your time and not rush through the process.\u2019<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What makes Yeeply different is that we mediate between you and the developer to find the right fit for your project. App prototyping is a great way to get the best quote for the project you have in mind, so time invested now is not time wasted. See more about <a href=\"https:\/\/yeeply.com\/en\/how-it-works\/\">how working with us works <\/a><\/span><span style=\"font-weight: 400;\">here<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<p><a href=\"https:\/\/yeeply.com\/en\/landing\/download-ebook-importance-app-prototype\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/11\/EN-E7-Banner-blog-1020x387-1.png\" alt=\"E7 Ebook Prototype\" \/><\/a><\/p>\n<h2><b>All Eyes on UI And UX<\/b><\/h2>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/yeeply.com\/en\/blog\/mobile-app-design-ui-ux-ixd\/\">User Interface, User Experience, customer-centric,<\/a>\u00a0call it what you want but you need to be aware of how your users will see and navigate your app. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">When so many apps are born of a simple idea or to remove a simple pain point for the user, app prototyping gives you a way of making sure that your app will deliver what it sets out to and not confuse or, even worse, frustrate your intended users. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">And it doesn\u2019t need to look like a finished product. <\/span><span style=\"font-weight: 400;\">Teris Pantazes<\/span><span style=\"font-weight: 400;\">, CEO and Founder of EFynch actually advocates keeping early versions of your app looking more prototype than polished. He states:<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">\u2018The key to demoing a good prototype is to make it look like a prototype (labels, simple or no graphics, etc.). Make sure you keep the focus off your brand and on the product.\u2019<\/span><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">This way, early versions of your app are just that, an early version. As Teris comments, so often an investor \u2018views it as you finished product and the \u201cfriendly judge\u201d has become a critic.\u2019<\/span><\/p>\n<figure id=\"attachment_5211\" aria-describedby=\"caption-attachment-5211\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-5211 size-full\" title=\"creation of an app with programme\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/fluid_ui_app_prototype.jpg\" alt=\"creation of an app with programme\" width=\"748\" height=\"533\" \/><figcaption id=\"caption-attachment-5211\" class=\"wp-caption-text\">Image by\u00a0\u00a0<a class=\"owner-name truncate\" title=\"Go to Fluid UI's photostream\" href=\"https:\/\/www.flickr.com\/photos\/fluidui\/\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\" data-track=\"attributionNameClick\" data-wpel-link=\"external\">Fluid UI<\/a>\u00a0 via\u00a0<a href=\"https:\/\/www.flickr.com\/photos\/fluidui\/7795221950\/in\/photolist-cSQxUs-fW2hPh-6fjYLP-of2bA4-9A4h65-dHGxov-k1bGyi-9CycyY-reG6sk-qhTq4p-od7NGB-o6WbdA-fXKKDj-oubmnm-qXgai4-dur9wW-o6WaZj-nNA25Y-a6Gb6P-9CvimT-9MbNXy-fW2hYA-9CvifD-aaTvjS-9LWdah-btahjx-fW2i7m-oyaBt2-bqbdoS-c1kL7s-fW2kkm-9Mdqeg-qweUiy-qX7dKo-qXganx-oe3ytN-cJSw91-bWgyBA-cJSvX5-fW2CEP-cJSvTJ-qtHT89-9MbP4u-aaQKmX-9A2f5z-afXVVx-9MbPh3-ovgCp8-9A2ff4-a6K2YL\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\" data-wpel-link=\"external\">Flickr<\/a><\/figcaption><\/figure>\n<h2><b>Fresh Ideas For Your Passion Project<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Your business and your app design are so personal to you and what you want to achieve. By prototyping your app before you start the project in full you are giving yourself the chance to look at it again with fresh eyes. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">There is always something that you might have forgotten. A new feature that you could use. You might want people to log in with their social profiles but there could be a compelling reason for them to create a new account via email instead. Prototyping gives you a chance to think through all of these decisions before you start to build. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Putting down your idea in a structured fashion around a prototype gives you the best chance of getting a clear quotation to build what you want.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">You may be interested in: <a href=\"https:\/\/yeeply.com\/en\/blog\/everything-to-know-before-hire-full-stack-developer\/\" target=\"_blank\" rel=\"noopener\"><em>Everything You Need to Know Before You Hire a Full-Stack Developer<\/em><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Keeping it Mobile to Start<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">When you are considering what kind of app to build it is often tempting to think you want to go to all platforms right away. But with an increasingly mobile-first audience out there, <\/span><a href=\"https:\/\/www.linkedin.com\/in\/rogerwu99\/\"><span style=\"font-weight: 400;\">Roger Wu<\/span><\/a><span style=\"font-weight: 400;\">, Co-Founder of Cooperatize says that might not be the best idea, for your app or for your budget:<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">\u2018We were considering to build a native app and so started with a mobile friendly app.\u00a0<\/span>The mobile friendly app turned out to be enough and with Bootstrap CSS it let us maintain one codebase, key for a startup when you have limited resources.\u2019<\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Mobile apps are a smart and agile way to get to market fast. Users are happy with a mobile-first approach, just look at the success of Instagram, so don\u2019t be afraid to start where your users are and build from there. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">With so much to consider when you are putting together the plans for your app, we recommend app prototyping as a great way to bring together everything that you want to do in order to prioritise and clarify what your goals for this product are. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">At <strong>Yeeply<\/strong> we are keen to work with you on a successful project, and as you can see using these best practice and tips for app prototyping sets you on the path to just that success.<\/span><\/p>\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<p><a href=\"https:\/\/yeeply.com\/en\/mobile-app-development\/?rel=EN-BP-proyecto-app#publish-project\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/04\/EN_proyecto-app_blog-post_B.png\" alt=\"Proyecto App\" width=\"620\" height=\"253\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to developing an app, app prototyping is an important initial step. For this blog, we wanted to give you some best practices &#8230;<\/p>\n","protected":false},"author":2,"featured_media":5208,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[24],"tags":[],"class_list":["post-3482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>App Prototyping: Best Practices And Tips | Yeeply Blog<\/title>\n<meta name=\"description\" content=\"When it comes to developing an app, app prototyping is an important initial step. Here we list some opinions from startups that used prototyping. \u261d\ufe0f\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"App Prototyping: Best Practices And Tips | Yeeply Blog\" \/>\n<meta property=\"og:description\" content=\"When it comes to developing an app, app prototyping is an important initial step. Here we list some opinions from startups that used prototyping. \u261d\ufe0f\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-03T14:55:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-31T15:00:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yeeply\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yeeply\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/\"},\"author\":{\"name\":\"Yeeply\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\"},\"headline\":\"App Prototyping: best practices and tips\",\"datePublished\":\"2017-02-03T14:55:47+00:00\",\"dateModified\":\"2023-05-31T15:00:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/\"},\"wordCount\":1315,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/748x493_mockups_create_app_prototype-1.jpg\",\"articleSection\":[\"App\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/\",\"name\":\"App Prototyping: Best Practices And Tips | Yeeply Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/748x493_mockups_create_app_prototype-1.jpg\",\"datePublished\":\"2017-02-03T14:55:47+00:00\",\"dateModified\":\"2023-05-31T15:00:02+00:00\",\"description\":\"When it comes to developing an app, app prototyping is an important initial step. Here we list some opinions from startups that used prototyping. \u261d\ufe0f\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/748x493_mockups_create_app_prototype-1.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/748x493_mockups_create_app_prototype-1.jpg\",\"width\":748,\"height\":493,\"caption\":\"hands passing paper over table\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/app-prototyping-best-practices-and-tips\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App Prototyping: best practices and tips\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\",\"name\":\"Yeeply\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"caption\":\"Yeeply\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/author\\\/yeeply\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"App Prototyping: Best Practices And Tips | Yeeply Blog","description":"When it comes to developing an app, app prototyping is an important initial step. Here we list some opinions from startups that used prototyping. \u261d\ufe0f","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:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/","og_locale":"en_US","og_type":"article","og_title":"App Prototyping: Best Practices And Tips | Yeeply Blog","og_description":"When it comes to developing an app, app prototyping is an important initial step. Here we list some opinions from startups that used prototyping. \u261d\ufe0f","og_url":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2017-02-03T14:55:47+00:00","article_modified_time":"2023-05-31T15:00:02+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg","type":"image\/jpeg"}],"author":"Yeeply","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"Written by":"Yeeply","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/"},"author":{"name":"Yeeply","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14"},"headline":"App Prototyping: best practices and tips","datePublished":"2017-02-03T14:55:47+00:00","dateModified":"2023-05-31T15:00:02+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/"},"wordCount":1315,"publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg","articleSection":["App"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/","url":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/","name":"App Prototyping: Best Practices And Tips | Yeeply Blog","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg","datePublished":"2017-02-03T14:55:47+00:00","dateModified":"2023-05-31T15:00:02+00:00","description":"When it comes to developing an app, app prototyping is an important initial step. Here we list some opinions from startups that used prototyping. \u261d\ufe0f","breadcrumb":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#primaryimage","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg","width":748,"height":493,"caption":"hands passing paper over table"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/app-prototyping-best-practices-and-tips\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/en\/"},{"@type":"ListItem","position":2,"name":"App Prototyping: best practices and tips"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/en\/#website","url":"https:\/\/yeeply.com\/en\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/en\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14","name":"Yeeply","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","caption":"Yeeply"},"url":"https:\/\/yeeply.com\/en\/author\/yeeply\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",640,422,false],"large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2017\/02\/748x493_mockups_create_app_prototype-1.jpg",600,395,false]},"uagb_author_info":{"display_name":"Yeeply","author_link":"https:\/\/yeeply.com\/en\/author\/yeeply\/"},"uagb_comment_info":0,"uagb_excerpt":"When it comes to developing an app, app prototyping is an important initial step. For this blog, we wanted to give you some best practices ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/3482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/comments?post=3482"}],"version-history":[{"count":2,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/3482\/revisions"}],"predecessor-version":[{"id":13860,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/3482\/revisions\/13860"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media\/5208"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media?parent=3482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/categories?post=3482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/tags?post=3482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}