Skip to content

7 Essential Tips for User Testing Prototypes

 By Michelle Helo
 Jan 23, 2018

7 Essential Tips for User Testing Prototypes

By Mark Hall, Guest Blogger.

An e-commerce and Customer Research Expert who has consulted for over 20 years with a wide range of clients including AT&T, American Express, Edmunds, SpyTec and the California Lottery. When not working, Mark enjoys playing saxophone, mountain biking and reading biographies.

As any seasoned professional knows – whether a carpenter or a digital creative – your daily work is part procedural and part art. In this article I focus on the ‘art part’ of user testing; I offer seven tips for creating user test prototypes that will give you the feedback you need while keeping you on time and budget.

Tip 1: Stick to your user experience test focus and objectives

All too often over the years I’ve seen prototypes that are bloated and unfocused. As you plan the objectives and scope of your user test, your first question should always be, ‘What am I most seeking to assess?’ If you’re redesigning a content-rich site, your users will need to clearly understand where they are as they do their tasks; contextual clarity will be key. So you’ll need a broad-oriented test to assess navigation structure and sectional page layouts. On the other hand, if you’re testing a learning application or an e-commerce checkout flow, you’ll most want to assess task completion, and expose interaction-level issues. For this, you should design a conversion or workflow-oriented usability test.

User Experience Tips

Clearly your test scenario, tasks and questions all need to connect to your test objectives. So be crystal clear on those first. If you try to gather every possible type of UX feedback in a single test, bad things will happen, such as: your prototype will grow awkward in size and scope, your list of tasks will get long, and your sessions will run too long.

User test guru Jakob Nielsen’s mantra, ‘test early and often,’ is as applicable today as it was fifteen years ago. So if you’re not already running tests with 10 or fewer users, and doing multiple rounds, you should start doing so now, so that your prototype designs can ‘fail fast,’ allowing your production designs to thrive.

Tip 2: Make sure your prototype is the right size

At the risk of sounding ‘duh’ obvious, I first want to emphasize that you need to test the actual user experience ‘real estate’ that’s most pertinent to your website visitors. If 60% of your traffic is from smartphones users, and growing every week, you shouldn’t test a desktop-sized prototype. Similarly, if you’re creative team is designing an application that will only be used on laptops or larger devices, you should user test your design on a laptop viewport (screen resolutions), and make sure the UI elements remain intuitive as the screen size expands.

In some cases you may need to test with multiple viewport sizes: most typical smartphone (iPhone 7 or Samsung S6), a tablet (iPad or equivalent), or on a desktop. Only by getting this cross-device feedback will you know if the design is on track as future users move through the entire online journey.

Find your most common screen sizes by checking your Google Analytics account in the ‘Audiences > Devices’ section. Also be sure to adjust your prototype interactions based on the user experience guidelines published for each primary device you’re design is targeting. You can find these on each brand’s websites (e.g. search for ‘iOS user experience guidelines’ or ‘Android user experience guidelines).

Tip 3: Go ahead, ‘rough up’ your prototype!

If you’re both a research analyst and a designer, I know you want your prototype to be a thing of beauty – to show off its perfect, Photoshopped face to the world. But often a high fidelity design isn’t the way to go when your design is in the evaluation phase. No, it’s better to keep the design medium fidelity at most, or even a little ‘sketchy’. In fact, the wireframing and prototyping tool Balsamiq has an option called ‘sketch’ for the Skin setting. Clicking this option gives your page borders and internal panels borders a hand-drawn look. Best of all, you’ll likely find (as I have) that the rougher edges encourage your users to be more open and honest with their comments.

Here’s the only time I can think of when it doesn’t make sense to make your wireframes sketchy: when you’re user testing a branded sales experience or a high-end consumer application. In these cases it’s important to get users’ perceptions of your visual design, and how details like the typography, line weights and gradients affect their trust in the brand and user experience. So in these cases higher-fidelity visual composites make sense.

Another thing to remember: 90% of the time your prototype is ‘throw away’ code. None of the HTML used in your prototype (unless it’s for the actual site or application on your development server) will end up in the production environment. So focus your time in the ‘visual editor’ mode, where you don’t have to worry about writing well-formed HTML code.

Tip 4: Use clickable image maps for low-interaction sites

You don’t always have to create a fully interactive prototype from scratch. Instead, for many early-design-phase tests, it’s most expedient to just ‘hook together’ some screen images to simulate the behavior of an interactive prototype. This is what I call the ‘clickable image map’ method.

Here’s how to do it:

  • Choose the screen sequence you want to test based on your test objectives.
  • Create rough wireframes or visual composites, whichever is appropriate.
  • Save off GIFs of your wireframes, or PNGs of your visual composites (after flattening the layers in your visual design tool).
  • Upload the images to a rapid prototyping tool like HotGloo, InvisionApp or Balsamiq
  • Add ‘hotspot’ links to the key links, buttons and calls-to-action
  • Save the prototype in HTML format

In most cases you’ll have a fully working prototype in 2 hours or less!

True, this method doesn’t work in cases when you need to include the detailed interactions of a depth-oriented workflow. Or if you’re working with users with little imagination, who get confused when nothing happens when they click in ‘dead’ areas (you can reduce this potential confusion, of course, by explaining this limitation during your test introduction). So use this method only for early-design-phase UX tests.

Tip 5: Test your visual designs separately

Visual designs tips

When seeking feedback on visual treatments, with the exception of highly branded sales experiences, you should test grayscale wireframes separately from your visual designs.

It may sound ‘old school’ to separate aesthetics from function, but I’ve found that doing so is very beneficial since:

  • Visual designs predominate humans’ initial perceptions – and impressions – of products and services. So asking for both usability and subjective satisfaction feedback at the same time can give you ‘clouded’ impressions of the experience.
  • Visual design work requires specialized resources (Photoshop experts), who tend to have higher production demands on them than user experience analysts. You can avoid having to wait a week or two for visual composites by decoupling the ‘visual skin’ from the wireframes you’re user testing.

That said, here’s how I recommend collecting visual design feedback during a test. First, complete the task-based portion of the test. Then, after following up on usability issues, toss two or three visual composites in front of the user. Ask the user which one he prefers, and why. Granted, these comments are highly subjective, but after 5 or so participants you’ll get a good sense of which design is most appealing and suitable for the site or application you’re creating.

Tip 6: In your test script, ask users to share their feelings

As Don Norman says in his book, Emotional Design, designs appeal to users on three levels: visceral (‘gut’ reactions), behavioral (interaction intuitiveness) and reflective (looking back). All designs should provide a strong behavioral experience – that’s usability, the ‘can do’ part. For most designs, though, you should also capture feedback on the visceral level during testing – to gauge the motivational, or ‘will do’ part the design. (Reflective reactions are harder to gauge during user tests since they happen at a later time, and are influenced by users’ broader experiences.)

Icons feelings. Tips for User Testing Prototypes

To get affect, or emotional, feedback, first focus on establishing a good rapport with your test participants. During the test introduction, clearly communicate that this is a place where it’s safe to share feelings. Think of the most attentive, caring conversationalist you know and you’ll be on the right track.

Another great way to collect affect data: create a sheet that shows a wide range of facial expressions, characterizing the top 30 or so human emotions. During the test, tell the participant to circle the emoticon that captures their feeling at that point in time. And insert this step in various key points in the test script. There you have it: a quick, easy participant ‘feelings’ timeline.

Tip 7: Use a best-practice usability testing and analysis platform

Ever tried to complete a do-it-yourself job with second-rate tools? If you have, you know it can be very frustrating. As a user experience professional, you don’t want to go there when you’re reputation and other people’s time is on the line. Before it’s crunch time is when you’ll want to research and choose a capable test administration and analysis platform.

Consider your analysis requirements. Most likely you’ll want a tool that:

Records participants faces, audio and screen in a picture-in-picture format

Picture in Picture Video

Extracts quantitative data such as time on task, success/failure rates, and system usability scale (SUS)system Usability Scale


Supports branching logic in unmoderated testing and can also support moderated testing


Can recruit participants with either standard or custom demographic criteria

Allows you to easily annotate & share key events and commentsComments and events

Allows you to serve up questions and surveys at any point in the test script

Whichever tool you choose, you should be able to obtain real participant qualitative and quantitative feedback within a day, even hours. So you can focus more of your time analyzing the top issues, affect and user’s clever suggestions, and sharing these results with your team.

Summing Up

Creating a user testing prototype is part logical and part creative. But it’s also 100% practical: you need to gather both metrics-based and subjective user feedback from users while staying focused on your main user research objectives. If you get carried away creating a prototype that’s too visually sophisticated, or has too much layout or interaction fidelity, you’ll waste valuable time (and money), time that could’ve been used on a follow-up test or another high-priority initiative.

So use these pro tips to keep you on track as you design and run your next user experience test. You’ll not only get the traditional usability data you need, but will also gather user attitudes and feelings, emotions that will equally drive the success of your website, product or service.

Success. Tips for User Testing Prototypes

About the Author: Collaborations


Our blog collaborators are a diverse group of professionals with extensive knowledge and experience in the field of user experience. They include UX researchers, designers, thought leaders, and industry professionals who are passionate about sharing their insights and expertise with others.

As collaborators, they contribute thoughtful and inspiring content that covers various aspects of the UX space, including emerging trends, best practices, and practical tips. Their articles are designed to help readers stay up-to-date with the latest developments in UX, as well as improve their own skills and knowledge in the field.

Read More Articles by Our Collaborators

Didn’t find what you were searching for?

Related posts

You have been working hard and investing a budget on your latest product -you can't wait to get it in front of end users after an arduous design process. But you're also aware that the success of a product or service depends
AB Testing UX As businesses strive to stand out in competitive markets, their success hinges upon understanding and catering to the needs of their users. After all, an exceptional user experience not only fosters customer loyalty but also drives conversions and ultimately
Designing Meaningful Experiences in a Globalized World In today's interconnected world, it is crucial to design products and services that cater to diverse audiences. To achieve this, user research must be situated within the context of global design, considering the social, economic,
As UX researchers and designers, we understand the critical role that user experience research plays in creating successful products that meet the needs of our customers. However, conducting research is only the first step in the process - effectively communicating the findings
In the world of user experience (UX) research and design, stakeholder buy-in is crucial for success, though it is often a point of contention for practitioners who aim to prioritize UX in their organization. Without the support of stakeholders, UX research can
In today's digital landscape, creating a seamless and captivating user experience (UX) has become the cornerstone of success, regardless of the industry you are in. Testing digital assets is one of the most critical aspects to staying competitive. However, it is not
It’s no secret that a well thought out and engaging digital user experience increases sales as well as a loyal customer base. But what happens when your customer base extends into different countries and cultures? Do you copy, paste, and translate your
For years if not decades top management executives from large corporations have talked about how the user experience (UX) of their customers is a top priority. However, a quick & easy user test of even some of the most important and well
What’s the difference between a great user experience and a tolerable one? One might say the high-level stuff, like layout and design, but ultimately it’s in the details, or microinteractions. Microinteractions often make or break a digital user experience. When done well
Accessibility is a crucial aspect of creating digital products that can be used by as many people as possible. When designing a digital product, it's important to consider accessibility so that everyone, including those with disabilities, can access and use the product
They say finding love is one of the hardest things to do as a human being. We’ve been fed this narrative our entire lives, with movies, books, and songs all focusing on how impossible it is to find “the one.” Even in
User Experience (UX) has become a critical differentiating factor for businesses. To meet users' evolving expectations, UX research plays a pivotal role in understanding user behavior, pain points, and preferences. In this context, with the rapid advancements in Artificial Intelligence (AI), UX
UX designers strive to create intuitive, seamless, and delightful experiences for users —whether for websites, mobile apps, or prototypes. And one of the key components in achieving this goal is user research, a crucial phase where UX experts strive to understand users,
Things to be Thankful for: Advantages of Professional Peer Support in UX Research Thanksgiving is a time to reflect on all the things we are thankful for. As user researchers, we are thankful for the ability to connect with our peers and
2022 has been a busy and exciting time at Userlytics. We’ve launched several new features and capabilities, including sentiment analysis, accessibility testing, the ULX score, and VR testing. These newly implemented tools were designed to enhance your experience and provide you with
As staples of nearly all research conducted today, many people think they know about the differences between qualitative (qual) and quantitative (quant) testing. However, in the context of user research, these two methodologies are often used interchangeably. So, when to use one
Understanding what democratizing user research means is not as simple as searching for the definition online, or asking a colleague for a quick summary. In a general sense, the universal definition is “providing all stakeholders with access to user insight and UX
It's no secret that a good website or app user experience is crucial for boosting sales. In an offline location such as a store or restaurant, being physically present may keep a prospect even if the experience is subpar. But in an
In the ever-evolving realm of user experience (UX) design, research acts as the compass that guides designers towards creating delightful and intuitive digital experiences. As UX designers, we understand the vital role research plays in uncovering user insights, informing design decisions, and
As a UX researcher or designer, it's important to have a clear understanding of your target customer before beginning a remote UX study. Target user research is crucial for designing user-centric products and services. It helps ensure that the end result aligns
User research is an essential part of the UX design process. It helps us to understand our users, their needs, and their pain points. It provides the foundation for ultimately shaping the success of a product or service. However, without a systematic
In remote user experience and usability testing, there are a variety of factors that contribute to valuable, authentic user data that can be used to improve your brand’s user and customer experience. Among those factors are the quality and authenticity of the
Are you thinking about doing some user testing on your website, app or prototype? Are you currently weighing up the different options available to you? Should you use a free video-conferencing tool or a paid user testing platform? What are the differences
If you visited a complex website and found everything you were looking for with ease, it was unlikely a coincidence. A well-designed website structure is often the result of careful user research and testing, following information architecture principles and best practices. So
While remote user experience testing significantly enhances researchers' ability to reach test participants, these participants’ technical skills and access to technology can often vary greatly. Therefore, it is important to design and administer remote tests that facilitate participants' varying technical skills and
Userlytics prides itself in being a truly global platform. With over one million panel testers in over 150 countries, we are happy to say that we are able to find and test your target customers, wherever they may be. With the inception
In today’s highly digital world, cybersecurity is of the utmost importance when running day to day business operations. As usability testing grows in popularity, so does the need to choose a UX platform that values your company's privacy and security. But how
Userlytics makes user experience testing easy, efficient and fun with its state-of-the-art no-download web recorder. This revolutionary user experience testing recorder allows participants to jump right into usability tests directly with a simple click of a button; this means you can more
2021 is a year dedicated to the customer. Businesses are moving away from organizational-centric strategies and thinking more and more about the needs of their customers. But what exactly do customers want? Customers want their experience with brands and digital assets to
Moderated testing sessions are a great opportunity to get thorough and instant feedback from users all around the world. This type of testing involves a live, online interview where you are face-to-face with your users via webcam, asking them questions, guiding them
Researching the ins and outs of your business is integral to setting your company up for success. Increasingly, fine-tuning and improving your customers’ brand experience has become one of the top priorities for businesses. With customer expectations being at an all-time high,
Are you a UX researcher who mainly conducts in-person studies and you’re looking for some online alternatives to get you through this unusual period of lockdown and social distancing? Or perhaps you’re someone who is starting their path down UX enlightenment, looking
Given the current world health and associated economic crisis, Userlytics ran a qualitative moderated ("Live Conversations") user experience study with participants in the US to determine how respondents’ online shopping behavior has changed as a result of the pandemic. The following is
Picture this: an online shopping user clicks on a product they like but the description does not say everything they need to know before making online purchases; key features, pricing and availability, or shipping and return information -strike 1. To find out
The Best and Worst UX in the Travel Industry Finding the best flight deals online can be an exhilarating experience. Almost every booking site today promises the lowest fares available and, in some cases, even a price match guarantee. With such a
Last November 18th our CEO was interviewed by Ditsa Keren, of Website Planet; Here are some excerpts from the interview: “If we take a step back and think about how software has evolved over the past 15 years, the cost and time
Designers are prone to falling into the trap of cluttering their interfaces. Limitations of space often push them to the wall, and they find themselves trying to fit everything they can into a tiny usable space. The unique problem that the modern
How Can Bad UX Influence Your Conversion Funnel? Source: Shengjun Shi Regardless of whether you sell a product, offer a service or run a blog, any visitor comes to your site with simple goals like consuming or gathering more information. The user experience
From initial concept to finished draft, tips on how to craft an effective unmoderated user study A user test is a little bit like cake: you know what a great one looks like, but you’re not quite sure how to go from
Apple has recently entered the race with its Homepod. Which of the two current leaders, Amazon's Alexa (Echo) or Google Home, provides the best user experience? Interactive Voice Response (IVR) systems used by banks and utility companies provide some of the clearest
February 22th, 2018 Usability testing data is a sure-fire way to eliminate guess-work and focus on making the UX design process more effective. These types of user tests can help you figure out if your audience can adequately use your website or mobile app. Additionally, they help
In theory, every company these days is customer-centric and has a mobile-responsive design process, and yet a surprising amount of companies haven't updated their online stores or platforms accordingly. Many of them are not leveraging the benefits user testing can bring to their business. Today's
Online shopping is not a new concept. According to statistics, about 80% of Americans are shopping online these days, some exclusively, with zero visits to actual physical stores. With years of experience of e-commerce design and user research, one would think major e-commerce sites
Turning visitors and prospects into paying customers is about more than good advertising and slick SEO. Users are savvy enough to tell the difference between good and bad UX, and it can often be the differentiating factor between a single visit and
Are you delivering the best user experience for your website and mobile app visitors? You may think your website or app offers seamless navigation, intuitive form usage, and an effective way for users to interact with the information being provided. However, the real question is: What
Everybody working in the IT industry has seen a number of case study videos, where users talk about glitches in software, unavailable options in apps, and their ideal features and interfaces. Running a remote unmoderated usability study seems to be an easy way
The conflict between qualitative and quantitative user experience research methodologies has its origin in a time when computers were only a dream, and with the emergence of the social sciences over a century ago. It lies in a struggle that is much older than
How to tell the difference, and when to bring both into your projects In the world of User Experience Research, there’s often some confusion surrounding the difference between User Studies (and user research in general) and User Acceptance Testing (UAT). In the
Quantifying how good a user experience is, or how well a site meets the needs of its users, can be a difficult task. We can look objectively at metrics like time on task, or success/failure rates to determine user behavior, but they
By Mark Hall, Guest Blogger. An e-commerce and Customer Research Expert who has consulted for over 20 years with a wide range of clients including AT&T, American Express, Edmunds, SpyTec and the California Lottery. When not working, Mark enjoys playing saxophone, mountain

Let’s work together on your next UX study.

Create positive user experiences and keep customers loyal to your product and brand.

Analytics tells you what,
Userlytics tells you WHY.