This is a list of 13 actionable design tips that you can do today to boost your website conversion rates.
take a look at these 2 important stats:
- People form 75% of their judgment on a website’s credibility purely on its aesthetics.
- 74% of businesses say user experience is vital for boosting sales
Turns out design is more important than most people think...
So if you want to boost your conversions today, you'll love this list of tips, techniques and strategies.
Let's get started.
- 1. Use progressions to increase conversions
- 2. Increase trust simply by including contact information
- 3. Get visibility on your most important content with Content Placement
- 4. Increase clicks by removing the number of options
- 5. Bullet points help tremendously with readability
- 6. Make your website memorable with a brand mascot
- 7. Show that you're reliable and professional with consistency
- 8. Help your users focus on important information with a clear Visual Hierarchy
- 9. Stand on the shoulder of giants with conventions
- 10. Get users to read your content by increasing legibility
- 11. A sure fire way to increase conversions - use a Call to Action with the RIGHT design
- 12. Show most frequent options at the beginning
- 13. Use whitespace to make your designs look awesome
1. Use progressions to increase conversions
The Goal-Gradient Effect states that our efforts increase as we move closer to a goal.
In other words, people are motivated by how much is left to reach their target, not how far they've gone.
We can use progress bars to increase user motivation by visually showing progress.
Add progression to your forms to increase form completions.
Use progress bars on your blogs to increase read completions.
The possibilities with progressions are endless!
2. Increase trust simply by including contact information
64% of users want to see contact information on a business’s website.
With UX conversion statistics showing that users tend not to trust brands that don’t provide full contact information on their website.
And this makes sense...
People want to know who they're dealing with, where they're from, they're name and what they look like.
It's simple as having an about page, location & contact details and social media links.
3. Get visibility on your most important content with Content Placement
A well cited study found that users read web content in a F-shape pattern.
This is powerful knowledge as we can place content where it's most likely to be read.
Call to actions, important copy or signup forms, anything goes.
Above shows how users will interact with content. This follows an F-pattern from left-right and top-bottom that is repeated.
We can also see this in an eye-tracking heat map.
So how can you apply this to your website?
Let's take a look at a college website...
They've used the F-pattern excellently! Can you spot it?
Their visitors will read their content in the following order:
- The name of the college
- Returning students will then see the login option
- Potential students will see the programmes & courses
- Potential students can then apply for courses
- News & Events and About Page
- Other information
We can see that Langra has strategically placed their content based on the F-pattern.
This guides users to read their content in a certain order with the most important being read first.
4. Increase clicks by removing the number of options
Having more content on your website isn't always a good thing.
76% of consumers say the most important factor in a website’s design is “the website makes it easy for me to find what I want.”
This is one of the easiest ways to increase conversions.
All it takes is to delete content off your website.
This gives more attention to the content that matters.
Here's some quick tips.
Having one CTA will make it clear to your visitors what the next step is.
Just remember how confusing & stressful it is to shop for toothpaste...
Dozens of options!
Only keep the most important links in your Nav bar.
Having unnecessarily links drives potential clicks away from the good stuff.
Get rid of unnecessary sections that make your page feel cluttered!
The less stuff you have the more attention your important content gets.
Having shorter paragraphs makes your content less intimidating.
And you'll be focusing on your most important points.
5. Bullet points help tremendously with readability
That's the difference between a visitor reading an important piece of information vs just skimming your site.
6. Make your website memorable with a brand mascot
The main purpose of a mascot is to build and strengthen brand identity.
With a visual associated with your business, people are more likely to think of you when they decide to make a purchase.
That's not the only benefit...
Brand Mascots also puts a face to name.
In other words you're literally bringing your business to life with a personality that your visitors can associate with.
Which are you more likely to remember?
With potentially hundreds of competitors in your space, you need to do something to make your company stand out.
And having a mascot is a great way to do this.
7. Show that you're reliable and professional with consistency
This is a simple and quick tip to make your site feel reliable and professional.
Keep your fonts, images and colours consistent across your site.
Consistency will immediately boost the premium feel of your website and will sub-consciously communicate to your visitors that you know you what you're doing.
I would recommend having 2 colours at most on your website.
I've seen way too many websites with 3-4 fonts going at the same time.
That's definitely hurting their conversions...
When searching online try to use illustrations that are consistent in styles.
For a wide selection (27 styles) of consistent illustrations check these illustration packs.
8. Help your users focus on important information with a clear Visual Hierarchy
A visual hierarchy is a simple technique to place visual importance on your most important content.
Why is this important?
Without a visual hierarchy, your visitors will be confused on what they're supposed to focus on first.
This means less conversion and in turn sales.
Let's get into some easy to implement visual hierarchy techniques:
Using font size gives your users a visual cue on which content they should read first.
Here's another example of size.
Using font weight also has the same effect.
It gives your users a visual cue on what they should focus on first.
9. Stand on the shoulder of giants with conventions
After browsing thousands of sites, we've all come to expect a website to work a certain way.
For example when you click a logo you'd expect it to bring you back to the home page.
Having a website that doesn't work as expected is plain frustrating...
By following what your users expect, this will help with:
- a lower bounce rate
- more page visits
- higher conversions
In this case we have the logo, search bar, email sign up and social media in all the places you'd expect to see it.
10. Get users to read your content by increasing legibility
If it's hard to read text on your site, then your visitors are unlikely to read it...
But don't worry, I have some easy to implement strategies to help you change that.
Nothing beats the good old highlighter!
There are good and bad fonts to use. Here's a quick article on some fonts that you could use.
Break your content in to paragraphs. It's easier to read and a lot less intimidating!
With most users skim reading your content, you'll want to include plenty of headings to give them an overview of what the section is about.
11. A sure fire way to increase conversions - use a Call to Action with the RIGHT design
A call to action is prompt on a website that tells your users to take a specified action.
In other words, it's a sign post that tells your users what you WANT them to do next.
This is great and bad...
If you get it wrong, interested visitors won't know what to do next and will likely leave.
If you it right.. well here's to higher conversions 🥂
Most call to actions simply go unnoticed because:
- It doesn't exist
- It's hard to see
- Not compelling enough to click
- Short phrase
Here's some quick tips to change that:
As most of your visitors will be skim reading, you'll want your CTAs to stand out.
When they're ready to take the next step, they'll know what to do.
You want your CTAs to be short and snappy.
It looks better and it's easier to read.
You'll want to make your CTAs visible and compelling to click.
A great way to do this is to use bright and friendly colours that stand out.
You'll also want to place your CTAs in sections where you think your users will want to take the next step.
12. Show most frequent options at the beginning
Make your visitors life as easy as possible!
For example if most of your users are from the US, then you'll make their life much easier by putting their country at the top.
The easier it is, the higher your conversions will be.
This applies to any sort of drop-down form.
13. Use whitespace to make your designs look awesome
Whitespace is the space in a design occupied by nothing.
This strategy follows the principle of "Less is more...", and let me tell you it works wonders on your website.
Making good use of whitespace is a powerful strategy to make your website look cleaner and more professional.
And it also helps place importance on the content that matters.
You could apply this to several areas on your website.
Let's take a look.
This is a super simple tip, simply place white space between pieces of content.
Here's another example.
White space can also be placed between text.
This is a great tip for making your content more readable.
Let's take a look at a some big names who've made great use of white space:
Huge fan of what apple has done here, I feel like I have so much space to breathe when browsing their site.
Mostly because of the white space, your attention immediately goes to what's in the centre - the most important content.
Again there's so much white space here and very few things on the screen.
This places importance on the most important elements in the scene, in this case the image and the header "Make it beautiful"
Another awesome use of white space. With so much empty space we can't help but look at the beautiful watch first.
Here's some questions to keep in mind when adding more white space to your website
- Is it easy to read the content?
- Are there too many things to focus on?
- Would more whitespace let the design breathe?
Now It's Your Turn
I hope this post showed you how to increase your conversions with some cool strategies.
Now i'd like to hear what you have to say.
Which technique from this post will you be ready to try first?
Are you going to remove content and include more white space?
Maybe you love the idea of using a mascot to boost your brand.
Either way, let me know.
We're a small design agency that helps business' get amazing designs that convert without breaking the bank. Feel free to check out our affordable services here.