The same mistakes come up time and time again on homepages: things that harm usability or accessibility, or make it harder to get your message across.
On this page...
Images taking up all the space above the fold
Don’t let an image be all people see when they first hit the page. You need a message too. Images have a big impact, but they work best with words to draw the user in.
Using carousels
Carousels are a popular solution for homepages because they give you the ability to put more than one thing at the top of the page, or just to fit more content into a smaller space.
That might appease your stakeholders or make your page look more concise, but it creates a poor user experience. People don’t tend to click carousels because they think of them as adverts. And they’re often not accessible either.
Joni Halabi
Images with no alt text or copy as an image
If an image doesn’t have alt text then someone who is blind or visually impaired won’t know what it shows.
If the image is just decorative – like an abstract shape or texture – that’s fine. But if the image is part of the message that’s a big problem. Worse still is having text in an image because, again, a person who is blind or visually impaired won’t be able to get their screen reader to read that.
The Big Hack
Too much content or too many CTAs
Having lots of content and CTAs can overwhelm your users and make it harder for them to find what they’re looking for. Some people who are neurodiverse might find this particularly challenging.
You need to focus on meeting key users needs and serving top tasks, and cut anything that adds clutter and distracting ‘noise’ to the page.
We-ing all over your copy
Using the word ‘we’ a lot is a good indicator that you might be too focused on what you want to say, rather than what your users actually care about.
Yes, you need to say who you are and what you do. But should try to do this by speaking to the user directly and focusing on their needs and goals. For example:
- 'We're the number one ecommerce platform'
- 'If you can dream it, you can sell it with Shopify'
Unhelpful link text
I saw a lot of unhelpful links, things like:
- generic link text (for example: Find out more)
- mid-sentence links (for example: Find out more about our new product and how it can help you)
- links that put the keyword at the end (for example: Please go ahead and take a look at our special offers)
Make your link text specific, put links at the end of a sentence, and front-load the keyword where appropriate.
Readability Guidelines, Content Design London
Writing in all caps
Writing in all caps seems to be more common on homepages than elsewhere. It doesn’t get your message across in a more clear or urgent way – it just makes your copy harder to read. You should use sentence case instead.
- This is sentence case
- This Is Title Case.
- THIS IS ALL CAPS
Guidance on using capital letters
Readability Guidelines, Content Design London
Old latest news stories
‘Latest’ news that’s from more than a month ago can make it look like your site is out of date, and make users doubt your professionalism or relevance. If you don’t publish news stories regularly, it might be best to pull this element from your homepage. Consider replacing it with a different content format that’s more suitable instead.
Not showing the navigation or using splash pages
Not showing your primary navigation on the homepage, using a splash page (an introductory screen that appears on first load) or an entry page can be really disorienting for users and leave them confused about how to navigate.