{"id":18407,"date":"2019-11-05T15:00:05","date_gmt":"2019-11-05T15:00:05","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=18407"},"modified":"2020-09-28T04:24:26","modified_gmt":"2020-09-28T03:24:26","slug":"rapid-prototyping","status":"publish","type":"post","link":"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/","title":{"rendered":"What Is Rapid Prototyping?"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><script type=\"application\/ld+json\"> {\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPage\",\n  \"headline\": \"\n            What is Rapid Prototyping ? What are Low and High Fidelity Prototypes? - Marvel Blog        \",\n  \"about\": [\n    {\"@type\": \"Thing\",\"name\": \"Rapid Prototyping\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Software_prototyping\"}, \n    {\"@type\": \"Thing\",\"name\": \"Fidelity\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/High_fidelity\"}, \n    {\"@type\": \"Thing\",\"name\": \"prototype\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Prototype\"}, \n    {\"@type\": \"Thing\",\"name\": \"\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Architect\"}\n  ],\n  \"mentions\": [\n    {\"@type\": \"Organization\",\"name\": \"IBM\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/IBM\"}, \n    {\"@type\": \"Thing\",\"name\": \"design\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Design\"}, \n    {\"@type\": \"Thing\",\"name\": \"process\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Business_process\"}, \n    {\"@type\": \"Thing\",\"name\": \"Learn\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Learning\"}, \n    {\"@type\": \"Thing\",\"name\": \"development process\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/New_product_development\"}, \n    {\"@type\": \"Thing\",\"name\": \"product\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Product_(business)\"}, \n    {\"@type\": \"Thing\",\"name\": \"website\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Website\"}\n  ]\n}\n<\/script>Prototyping has become an essential part of any design and development process for every company. Traditionally, to create a prototype, you needed to code your work, which required nearly the same cost and effort as the final product. Nowadays, designers can cut costs and save time by quickly creating prototypes that resemble the next screens of a website or application by rapid prototyping.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In this article, we\u2019ll discuss the importance of rapid prototyping and different techniques that you can take to speed up your design process.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\"><b class=\"fontWeight-5\">So, what exactly is rapid prototyping?<\/b><\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Before you invest a lot of time and money into developing an idea or product, you\u2019ll want to know that it\u2019s user-friendly and prototypes can help with this. They can range from hand-drawn sketches (low fidelity) to interactive mockups (high fidelity) that look and feel like the finished product.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The purpose of rapid prototyping is to demonstrate possibilities quickly by building a series of inexpensive mock-ups so that you\u2019re able to get early feedback and adjust designs accordingly.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"In a recent report, <a class=\"link link--blue fontWeight-4\"href=\"ftp:\/\/ftp.software.ibm.com\/software\/rational\/info\/do-more\/RAW14109USEN.pdf\">IBM<\/a> found that discovering errors after releasing software costs <b class=\"fontWeight-5\">30 times more<\/b>than catching them at the design stage.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This process will be quicker and cheaper than creating a full-blown and fully functional version of your idea. Prototyping helps individuals and teams quickly experiment with multiple ideas; facilitating discussion through visuals rather than words and ensures that everyone is on the same page.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\"><b class=\"fontWeight-5\">What are the benefits of rapid prototyping?<\/b><\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There are many advantages of rapid prototyping over other design approaches:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><b class=\"fontWeight-5\">Communicate ideas effectively<br \/>\n<\/b>Compared to a written specification, a prototype is much easier to understand simply because it\u2019s visual. This is the best way to ensure that everyone shares a common understanding of how your product should look and feel, reducing risk, and leading to better feedback.<\/li>\n<li><b class=\"fontWeight-5\">Explore new ideas and concepts quickly<br \/>\n<\/b>Traditionally, making mockups was slow and often ended up costing a lot of money. Rapid prototyping opens up new creative opportunities for innovation by cutting out the restrictions of conventional methods but also focuses you to think less and ideate faster.<\/li>\n<li><b class=\"fontWeight-5\">Save time<br \/>\n<\/b>As the old expression goes, \u2018time is money\u2019, and being able to map out user flows early in the ideation stage will lead to time reduction between the initial design and testing, reducing difficulties in the usability.<\/li>\n<li><b class=\"fontWeight-5\">Lower risk of rework<\/b><br \/>\nEverything created has its own risks, for example, the risk of failure, costs, security, and many others. At the end of the day, most risks can be reduced and handled before you launch your product with rapid prototyping. The process provides a precise model for usability testing and therefore reduces the risk of problems further down the line that by that point might require expensive dev work.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Anyone can do it<\/strong><br \/>\nYou don\u2019t need a software developer or specialist designer to help you create a prototype of your app. You might want them for additional insights later down the process, but if you are just starting off, then this is a process for anyone to just jot down their idea.<\/li>\n<\/ul>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How to choose your rapid prototyping tool<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When it comes to creating prototypes, there are many tools and methods out there that make choosing one no simple task. Every few weeks a new prototyping app would be released, and it\u2019s hard to give them a proper try without essential resources like time.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You might not find one tool that does everything, but prototyping tools should help you move through your process smoothly, especially when you are under tight deadlines. Here are a few objectives that could help you narrow down your search for that perfect tool.<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><b class=\"fontWeight-5\">Learning curve<\/b><br \/>\nTools or software that have familiar interfaces will be easier to learn than ones new in every way. Compare the time that you expect to invest in learning a new tool with how much time you will be using the tool in your process. The ideal situation would be to have a very small learning curve for a tool you\u2019ll use frequently.<\/li>\n<li><b class=\"fontWeight-5\">Support for collaboration<\/b><br \/>\nWhichever tool you\u2019ll choose will need it to be able to collect feedback, whether that is from your team or clients, so that you can use the information to improve your work and then be able to share the new and updated version with them.<\/li>\n<li><b class=\"fontWeight-5\">Integration with your workflow<\/b><br \/>\nAnother point to think about is how this tool will fit in your design process and the other tools that you use. Prototyping is only one part of a much broader process that includes many other moving parts like research, testing, communicating with stakeholders, and sharing designs with developers for implementation.<\/li>\n<li><b class=\"fontWeight-5\">Fidelity level<\/b><br \/>\nThis is covered in more detail below, but depending on where you are in your design, you\u2019ll want to choose a tool that will allow you to build for the level of fidelity you are aiming for. For example, if you are just looking to test an idea, then the tool of choice should allow navigation from one screen to the next. But if you are looking to create an almost ready, looking prototype that has all the bells and whistles, then you\u2019ll want your tool to have the ability to add motion and transitions.<\/li>\n<li><b class=\"fontWeight-5\">Ease of use and comfort<\/b><br \/>\nThis one is more of a personal thing but if you are going to be using said tool day in and out then it should feel good. Look for a tool that really helps you and your work, not one that slows you down by additional steps or puts hurdles in your way.<\/li>\n<\/ol>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How to build a prototype?<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The beauty of this process is that it\u2019s really quite simple and hugely beneficial.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><b class=\"fontWeight-5\">Low Fidelity Prototyping: Grab some pen and paper\u00a0<\/b><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20677\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/Blog-pink-Copy-5.png\" alt=\"paper and pen sketches of prototyping\" width=\"720\" height=\"414\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/Blog-pink-Copy-5.png 720w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/Blog-pink-Copy-5-600x345.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The quickest way to start is also the easiest and that\u2019s by sketching with pen and paper. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/blog\/the-magic-of-paper-prototyping\/\">Paper prototypes<\/a> are very simple to create, ranging from rough sketches to storyboarding and allow you to check that your concept and requirements have been fully understood without investing too much time.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/blog\/stop-talking-start-sketching-guide-paper-prototyping\/\">Paper prototyping<\/a> is often done in the very early stages of a design process, particularly during a brainstorm or conceptual session with the client to understand their brief. Low fidelity prototyping has very little to no learning curve and allows you to make changes quickly and easily.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><b class=\"fontWeight-5\">Medium fidelity: Jump on the computer<\/b><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-20676 size-full\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/Editor.png\" alt=\"prototype mockup in phone held up by a hand\" width=\"720\" height=\"414\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/Editor.png 720w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/Editor-600x345.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As you start using software to prototype, the fidelity increases to create medium fidelity prototypes. Anything created at this level will take a little more time and effort but the look and feel of the product will become more refined and formal.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Most designers will use this stage to focus on showing off the user journey of the application, but visual elements of branding, colour, and style can be also introduced here. Interactivity can be imitated by linking pages or screens together. This type of prototype is best suited to test whether users' needs are met and optimised as possible. It\u2019s best to save any templates or reusable elements to reduce the time spent on this stage and as you become more proficient with your choice of tool this part of the process will get faster!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">High fidelity: Time to get interactive<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20675\" src=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/comments-1.png\" alt=\"High fidelity prototype full interaction\" width=\"720\" height=\"414\" srcset=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/comments-1.png 720w, https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/comments-1-600x345.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><br \/>\nHigh fidelity prototypes are the most realistic and could be mistaken for the final product. These are usually built to test on real devices and often used for <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/blog\/usability-testing\/\">usability testing<\/a> with real users. Nowadays, there are <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/features\/prototyping\">apps<\/a> that allow both designers and non-designers to create visually rich and powerful prototypes with drag-and-drop UI components, creating realistic user experiences by simulating the functionality of the final product.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\"><b class=\"fontWeight-5\">Rapid prototyping best practices<\/b><\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You\u2019ve got a good idea about different things to look out for in a prototyping tool and an understanding of the different levels of prototyping fidelity. Here are a few best practices aka the do's and don\u2019ts of rapid prototyping.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><b class=\"fontWeight-5\">Tips for getting started:<\/b><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">The Do\u2019s<\/h3>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Establish a clear purpose:<\/strong> Before starting your sketch, have a clear idea and understanding of what pages\/layouts you\u2019ll need and why. It will be easier to explain your ideas or user flow to others who have no or limited design experience.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Record your work:<\/strong> It\u2019s easy to lose bits of paper when creativity takes hold but making a digital copy, like taking a photo of each sketch can make it easier to find and share with others for feedback.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Reuse code or design elements:<\/strong> Where possible reuse code snippets or components as this will help tie in the overall look and feel of your product.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Sharing is caring:<\/strong> Don\u2019t forget to share what you\u2019ve learned with others, this helps build relationships outside of your team and encourages stakeholders to participate earlier in the process.<\/li>\n<\/ul>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">The Don\u2019ts<\/h3>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li style=\"font-weight: 400;\"><b class=\"fontWeight-5\">Don\u2019t be too precious about your first idea<\/b>: In the early stages of ideation, your first few ideas won\u2019t be your best but that\u2019s absolutely fine - keep focused on generating as many designs as possible.<\/li>\n<li style=\"font-weight: 400;\"><b class=\"fontWeight-5\">It doesn\u2019t need to be pretty<\/b>: When creating sketches, it\u2019s always tempting to spend time making them look amazing, but it\u2019s best to avoid that and focus instead of getting your ideas down. Remember, you\u2019ll go through a few iterations before you finalise your prototype.<\/li>\n<li style=\"font-weight: 400;\"><b class=\"fontWeight-5\">Don\u2019t worry if part of your prototype doesn\u2019t work<\/b>: If you are using prototyping for user testing, make sure that anyone who interacts with it knows that it is just a prototype, and not the final solution.<\/li>\n<li style=\"font-weight: 400;\"><b class=\"fontWeight-5\">Avoid dummy text:<\/b>&lt; When you reach the early stages of digital prototyping, think medium to high-fidelity prototypes, start using real content to help your team, stakeholders and testers understand the impact that it will have on the overall design.<\/li>\n<\/ul>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\"><b class=\"fontWeight-5\">It\u2019s all rapid<\/b><\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Prototyping exists to test and explore uncharted possibilities, validate ideas. Whilst keeping costs low and engaging end-users to stakeholders, in ways that inform design decisions going forward.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Rapid prototyping can be used at any stage of the product development cycle. It's the most effective early in the process, allowing designs to evolve more efficiently. This process is also one of the best strategies for developing successful digital products, for any size company. Remember that the more prototypes you create and share, the better your product and solution will be.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Further reading:<\/h3>\n<div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/remote-usability-testing-tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">What To Look for in Remote Usability Testing Tools<\/a><\/p>\n<\/div>\n<div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/prototyping-101-ultimate-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Ultimate Guide to Prototyping<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/run-first-design-thinking-workshop-prototypes\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Run Your First Design Thinking Workshop Using Marvel<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/how-to-test-ux-design-early-process\/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Test UX Design Early On In Your Process<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Prototyping has become an essential part of any design and development process for every company. Traditionally, to create a prototype, you needed to code your work, which required nearly the same cost and effort as the final product. Nowadays, designers can cut costs and save time by quickly creating prototypes that resemble the next screens of a website or application&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":290,"featured_media":18408,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[378],"tags":[],"class_list":["post-18407","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-research"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"What is rapid prototyping in design and how does it evolve your process more efficiently. Learn the difference between low and high fidelity prototype\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Rapid Prototyping ? What are Low and High Fidelity Prototypes?\" \/>\n<meta property=\"og:description\" content=\"What is rapid prototyping in design and how does it evolve your process more efficiently. Learn the difference between low and high fidelity prototype\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-05T15:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-28T03:24:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/22.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"7 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#website\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.shopjessicabuckley.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2019\/11\/22.png\",\"width\":1600,\"height\":700,\"caption\":\"rapid prototyping mobile desktop tablet screen with wireframes\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#webpage\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/\",\"name\":\"What is Rapid Prototyping ? What are Low and High Fidelity Prototypes?\",\"isPartOf\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#primaryimage\"},\"datePublished\":\"2019-11-05T15:00:05+00:00\",\"dateModified\":\"2020-09-28T03:24:26+00:00\",\"description\":\"What is rapid prototyping in design and how does it evolve your process more efficiently. Learn the difference between low and high fidelity prototype\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#\/schema\/person\/eefa6aec060400a25fb8aa9150c6ce18\"},\"headline\":\"What Is Rapid Prototyping?\",\"datePublished\":\"2019-11-05T15:00:05+00:00\",\"dateModified\":\"2020-09-28T03:24:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#primaryimage\"},\"articleSection\":\"Research\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.shopjessicabuckley.com\/blog\/rapid-prototyping\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#\/schema\/person\/eefa6aec060400a25fb8aa9150c6ce18\",\"name\":\"Kitty Wong\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/07606decf641f5d2d5fda7e47aeb530cb7109731c1dfa1d9c9c05ecc4b08231d?s=96&d=mm&r=g\",\"caption\":\"Kitty Wong\"},\"description\":\"Content and Social Media Manager at Marvel | Photographer | Sewer\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/18407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/comments?post=18407"}],"version-history":[{"count":0,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/18407\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media\/18408"}],"wp:attachment":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media?parent=18407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/categories?post=18407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/tags?post=18407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}