Insights
We break down the steps you can take to improve the experience of using your charity’s website
Charity websites provide an amazing service, but with multiple target audiences and internal stakeholders, they can easily become messy and complex.
Ideally, you want someone to land on your website’s homepage and get to the information they need or the action they want to take in a very small number of clicks.
With so many different demands at play, how can charities simplify their website navigation without spending a fortune?
Too often decisions about homepages are made on a who-shouts-loudest basis. Making sound decisions about priorities for the main menu involves taking a step back and:
If you put your findings from those three steps in a Venn diagram, the areas that overlap should give you a starting point for simplified website navigation.
Here are a few tips on how to implement your updated website navigation priorities.
According to the primacy and recency principle, the items on the far left and far right hand side should be your top priorities. The items audiences see first and last are the ones they are most likely to pay attention to.
Orbit media argues that there should be no more than seven items in the top menu (and ideally less). If you have more than this, there are some other options that you can consider:
Many websites include a button in the top right-hand corner. After clicking this call to action button the audience should hit a landing page where they can take an action right away.
This could be a ‘get in touch’ contact form, but if you’re a charity that fundraises from the public, your call to action should be ‘donate’. It’s a simple action that can be taken straight away and the button makes it clear that you are a fundraising organisation, leaving the rest of the homepage for support and impact.
Use a button in a contrasting colour to attract attention – the GOSH site has a yellow/green which really pops against the blue of their homepage.
To give your new, simplified website navigation the best chance of success, give it space. Use whitespace between the menu items and between the menu and the first bit of content on the page.
You can also pop your menu in a coloured bar to make it pop. SARSAS uses a white bar with dark coloured text to do this on their site.
You can help search engines to navigate your website by using unique and useful descriptions. For example, instead of ‘research’ add a word that indicates the focus of research like ‘cancer research’. Pay attention to generic descriptions of formats such as articles or blog or news.
In the UK, the spit between desktop/laptop and mobile is around 50/50. Check the analytics for your site to find out the split for your site.
When it comes to optimising your mobile site menu, stick with the hamburger icon – it’s universal. Anything that causes your audience to pause and think more consciously about their journey isn’t a good thing.
Make sure you’ve also given some thought to spacing – it’s your audience’s thumbs that are doing the scrolling and clicking on mobile.
Launching a new site navigation isn’t the end of the project. Determine what your KPIs for project success are and monitor them to see if there are improvements to be made.
You might want to look at:
You can also use the first few weeks after launch to do some A/B testing. This is a great option for anything that you just couldn’t agree on before launch – let your audience decide.
Our courses aim, in just three hours, to enhance soft skills and hard skills, boost your knowledge of finance and artificial intelligence, and supercharge your digital capabilities. Check out some of the incredible options by clicking here.