{"id":106687,"date":"2024-01-11T08:09:07","date_gmt":"2024-01-11T16:09:07","guid":{"rendered":"https:\/\/thegood.com\/?post_type=insights&p=106687"},"modified":"2025-05-21T09:27:24","modified_gmt":"2025-05-21T16:27:24","slug":"what-is-prototyping","status":"publish","type":"insights","link":"https:\/\/thegood.com\/insights\/what-is-prototyping\/","title":{"rendered":"What Is Prototyping And Why Is Mid Fidelity Its Unsung Hero In Rapid Testing?"},"content":{"rendered":"\n

So, you want to improve your website. You’re in the right place. <\/p>\n\n\n\n

Let’s talk about how the right level of design detail in user tests can save you time, money, and deliver a better user experience.<\/p>\n\n\n\n

What is prototyping?<\/h2>\n\n\n\n

Prototyping is an essential part of the UX design process and can unlock your team\u2019s ability to validate ideas before you send them to development.<\/p>\n\n\n\n

In literal terms, a prototype is a first or early model of a proposed design passed to the development team before being coded onto the website. For ecommerce and product marketing teams, prototypes are early samples of a product intentionally designed for testing.<\/p>\n\n\n\n

They can range from simple pen and paper sketches to highly interactive mockups in tools such as Figma. With prototypes, you can get user feedback<\/a> on pages or app elements, which can be used to iterate your way to a better digital experience for your users.<\/p>\n\n\n\n

To illustrate the idea, you may use a prototype when redesigning<\/a> your website’s landing page. You may sketch ideas out in a wireframe and get either internal or external feedback before layering on your brand design and sending it to development for implementation.<\/p>\n\n\n\n

What is fidelity?<\/h2>\n\n\n\n

That brings me to the next point\u2013prototypes can range in their level of detail, identified by their fidelity. You\u2019ve probably heard of low fidelity (simple, typically sketched designs) and high fidelity (more complex, close to the actual design of your digital experience). But there is magic in the often skipped-over mid-fidelity prototypes.<\/p>\n\n\n\n

Mid-fidelity mockups or prototypes can improve efficiency, increase testing velocity, and focus your users on what matters.<\/p>\n\n\n\n

There is, of course, a time and a place for all three fidelity types, which we will cover. But, considering rapid testing<\/a> as an undervalued way to improve your website I’ll focus on the benefits you might be missing if you\u2019re overlooking mid-fidelity designs. And even more specifically their use case for rapid testing.<\/p>\n\n\n\n

When should I use low versus mid versus high fidelity?<\/h2>\n\n\n\n