DIY UX for Affiliates

Overview

There is a common misconception that User Experience (UX) is something only big businesses with big budgets have the time and money to do. Oliver Liebscher, Head of Design at Digital Fuel Marketing, outlines simple, actionable steps that affiliates of all sizes can take to improve their UX and ultimately increase their bottom line.

What is UX?

User experience design is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product.” (via Interacting with Computers)

Why Bother With UX?

Most affiliates are preoccupied with attracting visitors to their site - via SEO, social, blog posts, etc. Essentially, concentrating on filling up the top of the funnel to get more First Time Depositors (FTDs) out of the bottom. UX is concentrating only on the visitors that are already on your site and trying to improve their experience, which in turn should see an increase in conversions (visitors to FTDs).

For example, an affiliate website that attracts 5,000 visitors per month with a conversion rate of 1% would generate 50 FTDs per month. In order to increase FTDs to 60 per month, using SEO they would need to increase their monthly visitors from 5,000 to 6,000. Conversely, by working on UX to improve conversion rate, they would only need to increase their conversion rate from 1% to 1.2% to achieve 60 FTDs.

“If content is king, then conversion is queen.” — John Munsell

Here’s the added bonus - now, more than ever, Google analyses UX metrics, such as engagement, time on site and bounce rates to rank sites. Thus, by improving your UX, you will also see an improvement in your SEO.

How Do I Get Started?

UX is like being back in science class - you define your hypothesis, run an experiment and analyse the results. User testing can be performed at a variety of levels:

Live On Site. For DIY UX, this approach is the most common - very little work is needed. You’re simply testing your site in its current form.

Design Phase: If you’re planning a major redesign, test it at the design phase. It’s much easier to test UX on Photoshop mockups or wireframes than it is developing the site and then having to rebuild it because of a UX error.

Competitors: Does one of your competitors have a fancy layout you’re envious of? Run a usability study to see if it’s actually more effective than yours.

Define Your Goal

Before starting any user testing you need to define your goal. For example, it could be one of the following: 40% of my homepage visitors click through to a bookmaker review page - I want to increase this number. 5% of visitors to my ‘Free Bets’ page click an affiliate link - I want to increase this number. Only 10% of visitors reach my ‘Accumulator Tips’ page, I believe this is because it’s a sub-page - I want to test how visitors navigate around my site and increase visitors to ‘Accumulator Tips’.

A/B Testing

Once you’ve defined your goal it’s time to start changing the site and testing the outcome. This sounds difficult, time consuming and expensive, right? Wrong! There are a plethora of free tools available out there that help make this process quick and easy. Our favourite tools are:

Google Optimize: As of April 2017, Google Optimize is now available for free. This is a fantastic tool that allows you to set up A/B tests in minutes. You can use Google Optimize to duplicate a page and edit its contents without any coding - it’s a simple drag and drop interface, regardless of the Content Management System (CMS) you’re using. Google Optimize then integrates with Google Analytics to track your usual user metrics. Once your experiment is setup, Google Optimize will split traffic evenly between your two page variations.

Hotjar: Hotjar is another free tool that takes minutes to setup - simply add a Javascript tag to your site (similar to Google Analytics) and away you go. Hotjar features a range of website optimisation tools, however, in this instance we’re going to use it for Heatmaps and Recordings. Google Optimize shows us data in the form of numbers and percentages, whereas Hotjar provides us with recorded videos of users on our site (mouse movements, scrolling, clicks) and heatmaps showing the amalgamated data. Often we presume a user is clicking that big CTA button, when actually it's the smaller text link underneath - heatmaps instantly provide you with useful data.

“ Base your UX decisions on data, not opinions. ”

User Testing

User testing is a skill in its own right. Large companies often have entire teams of in-house user testers. However, that shouldn’t put you off, simple user testing is easy to do and you’ll be amazed at the results. Essentially, user testing is setting a task for a user and recording how they respond - have you ever watched a new visitor, that may have limited technical skills try to use your site?

“ What you think users do and what users actually do is usually very different. ”

Below is a very quick guide to user testing. I would also recommend reading Rocket Surgery Made Easy by Steve Krug as an introduction to DIY user testing.

1: Recruit Your Testers. Large companies will use a usability lab and recruit hundreds of users to test their product. As this is DIY UX we will be doing it on a budget - websites such as usertesting.com and trymyui.com are cheap (around £25 per test, depending on plan) and can recruit users based on your specification. Alternatively, you can recruit friends or family - so long as they’ve never used the website previously.

2: Set Your Task. This could be “Find a tip for the Manchester United v Chelsea Game”, “Find the Bet365 review page” or, “What are the current best odds for Ozil to score first in the Arsenal v Manchester United game?”.

3: Record Your Sessions. If using usertesting.com or trymyui.com you will automatically have video, audio and mouse interactions recorded. If you’ve recruited friends and family, you’ll need to setup screen recording software and audio recording. It’s important to encourage users to give running commentary as they perform tasks - this explains to you the reasons they’ve made the decisions they have.

4: Debrief. Rewatch the videos. At this point there will probably be some glaringly obvious changes you can make to your site. If something isn’t conclusive, re-run the test with more users.

Common Affiliate UX Mistakes

Over the years, at Digital Fuel, we’ve noticed recurring UX mistakes with affiliate websites. Take a look at the list below, does your site have any of these issues? If so, it’s time to set up some user tests.

Banners. Many affiliate rookies plaster their sites in affiliate banners, these have several negative implications: Too many banner ads make users suspicious. How can I trust your reviews to be impartial if you’re promoting all of these other bookmakers? Banner ads often cause the page to load slower. The slower your page loads the higher your bounce rate will be. “Banner blindness”. Users are so used to pushy banner ads they’ve learnt to ignore them.

The Paradox of Choice. Users are bombarded with choice for bookmakers, a lot of which are indistinguishable from one another. Affiliates will often list hundreds of bookmakers or casinos, if there’s no clear ‘winner’ this can often put the user off converting. Either limit your options or make sure one or two bookmakers are head and shoulders above the others to make it an easy choice for the user.

Walls of Text. Yes, content is important for SEO, however, too many affiliates have all of their content in giant walls of text. These are terrible for users. Break down your giant walls of text into short paragraphs, sub-headings and lists.

Navigation. Keep it simple and unambiguous. Prioritise your most popular content.

Page speed. Put your site on a data diet - cut back on the large imagery, remove the affiliate banners (once you’ve tested to see if they convert), remove any unnecessary Javascript (usually Wordpress plugins) and make sure you’re on the best servers for your market.

Consistency. This is one of the fundamental rules of UX, keep consistency across your site. A link should always look the same, a button should always look the same, paragraph text size should always be the same, etc.

The truth is there’s hundreds of things you can test: what’s important is that you start testing. Simple changes can make big difference to UX, which in turn can make a big difference to your bottom line.

Further Reading

Don’t Make Me Think by Steve Krug

Rocket Surgery Made Easy by Steve Krug

Jakob Nielsen blog

Author: Digital Fuel

Words by the Digital Fuel team members