Let’s set the scene. You’re in the process of designing a new feature for your product. You and your team know how you want it to look and work, but you’re yet to receive any external feedback. You need to validate your design before sending it off for implementation to avoid ending up back at the drawing board—with all the development resources that come with it. That’s where prototype testing comes in handy. Show
Prototype testing is an essential step in your product research and design process, so you want to be sure you’re doing it right. In this article, we’ll take a closer look at prototype testing and its benefits, as well as how you can create and test prototypes that provide the insights you need to deliver a usable MVP the first time around. Ready? What is prototype testing? #Prototype testing consists of creating a design mock-up or a feature prototype and gathering feedback from your target audience on what works and what doesn’t. It helps teams—be it UX teams or product marketing teams—to identify potential issues or validate product decisions. Prototype testing can be helpful throughout your entire product lifecycle. Read on to find out the benefits of prototype testing, and how you can gather key insights throughout your product development process. Why prototype testing is important #Prototype testing is important for creating research-informed products. It’s a way to gather insights for your current product and learn how you can modify it to best meet your users’ needs—whether that’s a product walkthrough or added in-product widgets. Let's take a closer look at the benefits of prototype testing. Find issues early on #Prototype testing takes place at different stages of the design process. It can be a great indicator of which features work and which don’t. According to Matthieu De Tarlé, Product Manager at a resource management tool PickYourSkills, this is an unbeatable advantage as “it drastically reduces every risk to engage tech resources on useless features.” For example, let’s say you’re developing a new social app for business conferences. You want users to be able to quickly add connections, people they meet while at an event. But then, during prototype testing, you realize none of your testers are able to successfully add a connection to their network—they simply can’t find the button. Prototype testing at different stages of design helps you identify problematic issues and areas of your product that could do with improvement. In our example case, you'll need to improve UI by moving things around to provide a clearer path to adding connections. Discover potential opportunities #Prototype testing can also help you with product development. You invest a lot of time and energy into creating a product, but it’s easy to dismiss and overlook features that your target audience might love. The qualitative data you collect from prototype testing—such as questions from participants and insights from open card sorting—can help inspire new features and capabilities. Let’s consider our social app example:
These types of questions and comments from participants are invaluable for finding the best user flow. You can also gather quantitative information from your prototypes with product click maps—where your users’ clicks suggest how they expect your product to work. This can help you ensure your design is intuitive. If you come up with multiple ideas or different concepts you want to test with your target audience, you can use the Card Sort Template from WRKSHP Tools to prioritize what to work on first. Source Using this template, briefly describe each of the concepts/ideas and present them as cards to learn your audience’s preferences. You can also use the cards internally with your team and stakeholders. Convince stakeholders with data-driven insights #Getting everybody on board when it comes to a certain feature can be a daunting task—priorities don’t always align. While your UX designer might be all in on focusing on one area, your marketing manager might not be so convinced. Prototype testing can be a way to gather quantitative and qualitative feedback—which we’ll touch upon shortly—to guide product development. There’s no better way to back up your team’s direction than with cold, hard facts from the people who will be using your product the most. How to test your prototypes in 6 steps #Now we know the benefits, let’s take a look at how you can approach your prototype testing process. 1. Know what you’re testing and why #First up is understanding what it is you’re looking to test and discover about your product. Plus, how you plan to distribute and use your findings in the development process. This helps determine the prototype format that will be of most use to your design direction. These are different methods of prototype testing for different stages of your product:
In-product experiments testing is for smaller-scale testing of existing products and idea validation through in-app messaging. You’re looking to hone in on a specific capability, and gather as much feedback as possible. For this purpose, you can use the Experiment Canvas, created by the abovementioned WRKSHP Tools. It will help you facilitate the right conversation about the right experiment at the right time. Source Prototype testing is an iterative process—you want to be continually testing and gathering feedback throughout the design process. You’ll likely be engaging with different prototyping formats throughout the product lifecycle. Understanding what you’re aiming to discover with each step is key in your prototype testing process. Be clear on what it is you’re looking to do, and develop your prototype testing process by building on this foundation. 2. Define the target audience for your test #Next, you want to decide who’s going to be testing your prototype—your test participants. Ideally, you want your test participants to reflect your target group of users. For example, if your product is yet to launch, you want to look for individuals that fall into your target audience, otherwise known as ICPs (ideal customer profiles). In our example of a business events social app, our ICPs could be freelancers who frequently meet new connections on the go. They’re who the app is designed for, and they’re the best people to turn to for valuable feedback. Now let’s consider the same example, just this time you’re looking to redesign the connection profile page. Imagine you want to invite existing users to test the prototype—ones that have experienced your product before the changes. They can comment on the improvements, as well as provide insights into what they expected from your feature development—taking your user research to the next level. 3. Create a prototype #The type of prototype you create depends on what stage of testing and development you’re at. There are two main types of prototyping to consider:
Here’s a visual comparison of low-fidelity and high-fidelity prototypes from ProtoPie that sums up the differences. Source Once you’ve developed your prototype, it’s time to choose the usability testing technique that best supports your product discovery. 4. Choose the usability testing technique #Your usability testing technique is the approach you’ll take to gathering user feedback. There are a variety of user testing methods you want to consider:
Usability tests can be a combination of the above methods—such as unmoderated remote tests or in-person qualitative tests, for example. Matthieu De Tarlé from PickYourSkills describes what their prototype testing process looks like: “There are always two people from our company attending the testing sessions: one who’s interacting with the tester asking questions and one who’s taking notes. All the sessions are recorded so that we’re able to rewatch them at any time. At the beginning of the session, we usually take five minutes to give some context to the tester and tell them that there’s no good or bad answer to any question during our meeting. Then, we ask them to complete an action on the prototype while thinking out loud. It allows us to understand their way of thinking without having to make any assumptions, which is really valuable. If the tester struggles to find the button they’re supposed to click, just ask them where they would have expected it to be. Once all the testing sessions are done, we can rework the prototype and show it to new users if necessary.” – Matthieu De Tarlé, Product Manager at PickYourSkills Here, Matthieu describes a moderated approach that helps gather qualitative information directly from users. However, if you’ve come up with a lot of assumptions but you don’t have enough information to move forward with confidence, you should test your assumptions first to help you prioritize what to validate next. 5. Decide which tools you’ll use #They say that a worker is only as good as their tools. The user testing tools you use can make or break your prototype testing. You first need a tool that can help you develop your prototype. Low-fidelity prototypes can be drawn up by hand and implemented in paper form, but when it comes to high-fidelity prototypes you’ll need something a little more developed. You’re looking for something that enables quick changes and updates to your prototype. Some examples of design prototyping tools include:
Once you’ve got your prototype, you then want a tool that facilitates the testing process. Ideally, you’re looking for something that can help you uncover a wide variety of usability insights. Some examples of usability tools include:
These are some of the prototyping tools for UX/UI design and usability testing. Essentially, you’re looking to find a tool that not only helps you with the user testing process but also provides enough insights to inform your design. That way, you’re ready for the final stage of prototype testing: implementing feedback. Tip: You can use Chameleon to gather contextual feedback with Microsurveys or run in-app messaging tests to validate new feature ideas before you put them into development. For example, fake-door testing can help you gauge interest in potential new features. 6. Evaluate the test results and implement changes #You’ve done it—you’ve successfully tested your prototype and gathered test results from users. This is likely a combination of quantitative and qualitative feedback from your research questions. Now it’s time to implement feedback and make changes to your product. That doesn’t mean your prototype testing is over—just now you’ve got changes to make before sending your product for another round of testing. These may be changes to the product itself or changes to specific features or functionalities depending on your prototyping format. For example, if your users are finding the onboarding process confusing—you could consider adding Tooltips to help unblock users. If the user activation is causing issues, you could add an interactive widget to point them in the direction of useful resources. Here’s an example of what it can look like, built with a Chameleon Launcher. Your final product should be the result of numerous prototypes and ample usability testing. That way, you can validate your design and take it live. Continuous testing means continuous improvement #Last but not least, keep testing. Your design process shouldn’t be static—you always want to be improving. Prototype testing is a great way to gather feedback at different stages of product development. Successful prototype testing is an iterative process—it’s a cycle of designing, testing, and implementing. You always want to be sure of the product decisions you’re making and testing prototypes is a great way to get feedback before your product or updates hit the market. Plus, testing doesn’t have to cover every last product detail—getting feedback little and often is the key to great products. You want to consider your different options for prototype testing, and identify methods to follow up with the tester following the implementation of any changes. That way, you’re always learning and improving. Wrapping up on key steps to prototype testing #Prototyping should be a go-to method for gathering insights for your design process—not just when you’re starting out, but throughout the entire product lifecycle. Take these steps to ensure successful testing sessions and a solid decision-making process:
All in all, creating and testing your prototype is only half the battle. You also need a quick and easy way to implement changes and create a better product experience for your users. The results of your prototype testing don’t always require a complete redesign or major changes—sometimes all it takes is streamlined guidance. Build in-app guides to retain usersChameleon makes it easy for product teams to create product tours, tooltips, onboarding checklists, and in-app surveys without code. Is the stage of the new product process in which an idea is turned into a prototype?4. Prototyping. The goal of the prototyping phase during product development is to create a finished product to use as a sample for mass production.
In which stage of the product development process will a company see prototypes?Stage 4: Prototyping and evaluation.
In this stage, you'll breathe life into your product concept. It's time to move into design and production. You'll create an actual prototype or an approximate mockup. Some businesses run a small-scale release at this point.
In what stage of the newThe initial stage of the product development process begins by generating new product ideas. This is the product innovation stage, where you brainstorm product concepts based on customer needs, concept testing, and market research.
At what stage of the newe. Most new-product ideas are rejected at this stage, called the idea screening stage.
|