PROFESSIONALLY OPTIMIZED WEBSITES STARTING AT $995
Our team of SEO Web Design gurus are standing by to assist you achieve your online marketing goals.

+1-971-599-3330

REQUEST QUOTE
SEO Web Design, LLC aims to improve business by delivering effective solutions based on innovative technologies and professional designs. Discover the variety of services we offer and convince yourself on the basis of the latest works that we've done. We love building fresh, unique and usable websites optimized specifically for your niche.

Responsive Web Design

SEO / SEM / Social Media

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Web Hosting
Top
SEO Web Design, LLC / Web Design  / UI Design Testing Tools I Use All The Time

UI Design Testing Tools I Use All The Time

About The Author

Paul is a leader in conversion rate optimisation and user experience design thinking. He has over 25 years experience working with clients such as Doctors … More about Paul ↬[1]

Our lives as UI designers have never been easier with a host of amazing tools at our disposal. In this article, Paul Boag explores some of the useful tools that he keeps close at his work.

When I started in web design 27 years ago, testing with users was time-consuming and expensive, but a new generation of tools has changed all of that. Most of us have heard of some of the more popular tools such as Userzoom[2] or Hotjar[3], but in this post, I want to explore some of the hidden gems I use to test the interfaces I am involved in creating.

Please note that I’m by no means affiliated with any tools mentioned here — I just use them all the time. Hopefully, they prove useful to you as well.

We begin at the very start of a project with user research.

Run Surveys With Survicate

User research is vital, especially when it comes to identifying problems with an existing website. As a result, I almost always survey users early on in a redesign process.

Although both Usability Hub and Maze allow me to create surveys, the functionality they offer is relatively limited for my taste, and it is a bit difficult to embed surveys on your website. That is a shame because exit-intent surveys can be a powerful way to gain insights into why users are abandoning a website or failing to act.

One solution to running user research surveys I found useful is Qualaroo[4] which does an excellent job. Unfortunately, it can prove a bit expensive in some situations, so if you are looking for an alternative, you might want to check out Survicate[5] instead.

Survicate
Survicate is ideal for surveying users to gain insights into their actions. (Large preview[6])

Survicate offers both website surveys and the ability to send a survey via email or social media. It even allows you to add a permanent feedback button on your site if you want.

Testing visuals with Usability Hub

When it comes to testing, most of the testing I carry out is nearer the start of a project than the end. That is when it is easiest to make changes, so I often test with nothing more than a design concept. At that stage, I don’t even have a clickable prototype, so I use Usability Hub[7].

Usability Hub
Usability Hub is one of the useful tools for testing design concepts. (Large preview[8])

Usability Hub is a simple app that supports:

It is an excellent way of addressing stakeholder concerns about a design concept. I can get results from testing within an hour, and Usability Hub will even handle participants’ recruitment if I want.

“Spell Check” Your Designs with Attention Insights

Once I start to design an interface, there is a lot to consider from messaging and aesthetics to visual hierarchy and calls to action. As a result, it can be all too easy to end up with the wrong focus on a page. If I am not careful, I lead the user’s attention in the wrong direction, and they miss critical content or calls to action.

Although the best way of checking this is usability testing, sometimes I want a quick sanity check that I am heading in the right direction. Attention Insights[9] takes thousands of hours of eye-tracking studies and uses that data to predict where users might look on a design.

Attention Insights
Attention Insights uses thousands of hours of eye-tracking studies to predict where somebody will look when viewing your design. (Large preview[10])

Although not as accurate as a real eye-tracking study, it can act slightly as a spelling or grammar checker does for your copy. It can help flag potential issues and help you make a judgment call.

Modernize Your Card Sorting with UXOps

When it comes time to work on a website’s information architecture, I almost always turn to UXOps[11].

UXOps
UXOps is a friendly tool for running remote card sorting exercises. (Large preview[12])

Like more well-established app OptimalSort[13], UXOps allows you to run card sorting exercises online to ensure your site reflects a user’s mental model. If I am being perfectly honest, I prefer UXOps because it is a bit more affordable and focuses on a single task. However, I also found it a very easy tool for participants to understand, and for me to interpret the data afterwards.

Remote and Unfaciliatated Testing with Lookback

When it comes to usability testing, we all are likely to explore remote testing these days. It is actually more convenient than in-person testing, not to mention I have been able to continue testing throughout the pandemic! Although this can be done using an app like Zoom, I personally prefer a tool called Lookback[14].

Lookback
Lookback streamlines usability testing, especially when carried out remotely and unfacilitated. (Large preview[15])

I love Lookback because it has been optimized for usability testing with features such as note-taking, in-app editing of video, and automatically recording the user’s screen and webcam. However, where Lookback really shines is that it allows unfacilitated usability testing.

Unfacilitated testing is a real boon when your time is tight, and you want to test with lots of people. With Lookback, I send participants a link, and the app will guide them through the process without the need for me to moderate the sessions.

Quantify Your Testing Using Maze

I like to test with more users the nearer a site gets to going live. While qualitative testing is great early on, I am more interested in understanding how the site will operate at scale as we near launch. Unfortunately, analyzing a large number of unfacilitated test sessions can prove time-consuming. That is where Maze[16] can prove invaluable.

Maze
Maze can aggregate data from your usability sessions into quantitive data. (Large preview[17])

Maze has a wealth of tools that are useful for all kinds of usability testing. However, its real strength lies in its ability to aggregate data. This means that instead of having to watch each session; you can get quantitative data such as:

  • The number of users who gave up.
  • Those who went either via the most direct or indirect route to complete a task.
  • Heat maps of any misclicks users made.
  • How long it took people to complete the task.

Combined with its overall flexibility, Maze is an excellent all-round choice at a manageable price, no matter your budget.

Find Test Participants with Testing Time

As I am sure you know, one of the biggest pains with usability testing is recruitment. Although apps like Maze, Usability Hub and Lookback all offer the option to recruit participants for you, they come with some limits regarding the people you reach.

When I need to recruit a particular type of person, I tend to use a service like Testing Time[18], if I cannot recruit people myself. That is because Testing Time allows me a lot more control over the type of person I get.

Testing Time
Testing Time provides you with all you need to find, manage and pay testing participants. (Large preview[19])

Testing Time does not just help me with recruitment. It also provides tools for screening potential candidates, managing their tests, and paying them afterwards.

Gather Data with Microsoft Clarity

Once my new design is finally launched, my attention shifts to monitoring and improving those designs. I do this by watching how site visitors are behaving and identifying any issues they are encountering. The two tools I use to identify and diagnose problems with a site are heat map monitoring and session recorders.

The most well-known tool in this field is Hotjar[20], although Fullstory[21] has superior tools in many ways. If you are looking for a slightly more affordable alternative, Microsoft has released a free competitor called Clarity[22] which gives you the ability to watch individual sessions, see scroll heatmaps and see visualizations of where people are clicking on pages.

Microsoft Clarity
Microsoft Clarity provides heat maps on user behaviour and session recording for free. (Large preview[23])

Visualize Your Research with Evolt

Of course, I rarely get to make arbitrary decisions about the direction of a site. There are almost always other stakeholders to win over. To do that I need to communicate the research and testing I have undertaken, and that is where Evolt[24] comes in. Evolt helps me visualize my research, but it doesn’t stop there.

Evolt
Evolt, a little helpful tool to visualize your research. (Large preview[25])

It is actually the ideal tool for working on user personas, journey maps and even moodboards with your stakeholders. Miro[26] can be great for these kinds of tasks as well, and it’s often used for the same purpose, but in my personal experience Evolt seems to be optimized specifically for designers.

No Excuse

With so many great tools available, there really shouldn’t be any excuse for not testing with users these days. It is fast, easy and cheap. But we don’t even need to limit ourselves to testing. These tools also make user research and visualization easier than ever before, making them ideal all the way from discovery through prototype to post-launch optimization.

But these are just the tools I make use of. There’s no doubt that you use tools that are not included in the list. If so, please post them in the comments below — I’d love to hear your stories, and the tools that you find useful in your work!

Smashing Editorial(vf, il)

References

  1. ^ More about Paul ↬ (www.smashingmagazine.com)
  2. ^ Userzoom (www.userzoom.com)
  3. ^ Hotjar (www.hotjar.com)
  4. ^ Qualaroo (qualaroo.com)
  5. ^ Survicate (survicate.com)
  6. ^ Large preview (cloud.netlifyusercontent.com)
  7. ^ Usability Hub (usabilityhub.com)
  8. ^ Large preview (cloud.netlifyusercontent.com)
  9. ^ Attention Insights (www.attentioninsight.com)
  10. ^ Large preview (cloud.netlifyusercontent.com)
  11. ^ UXOps (www.uxops.com)
  12. ^ Large preview (cloud.netlifyusercontent.com)
  13. ^ OptimalSort (www.optimalworkshop.com)
  14. ^ Lookback (lookback.io)
  15. ^ Large preview (cloud.netlifyusercontent.com)
  16. ^ Maze (maze.co)
  17. ^ Large preview (cloud.netlifyusercontent.com)
  18. ^ Testing Time (www.testingtime.com)
  19. ^ Large preview (cloud.netlifyusercontent.com)
  20. ^ Hotjar (www.hotjar.com)
  21. ^ Fullstory (www.fullstory.com)
  22. ^ Clarity (clarity.microsoft.com)
  23. ^ Large preview (cloud.netlifyusercontent.com)
  24. ^ Evolt (evolt.io)
  25. ^ Large preview (cloud.netlifyusercontent.com)
  26. ^ Miro (miro.com)

Powered by WPeMatico

[email protected]

Smashing Magazine is a website and eBook publisher that offers editorial content and professional resources for web developers and web designers.

No Comments

Sorry, the comment form is closed at this time.