Mobile-first design principles and practices 

It will come as no surprise that mobile usage is continuing to grow in the UK, with the mobile traffic market share now at over 65%. This demonstrates the importance of having a mobile first website to ensure your charity is optimising your website to appeal to mobile audiences.

This guide will help you to put mobile first design principles at the core of your website design strategy so that you can maximise online donations, revenue and raise awareness.

Mobile design principles

Below are 6 core mobile design principles to optimise your charity website:

1. Responsive design

Ensure your journey adapts to different screen sizes and orientations. To help understand what screen resolution your website should be responsive to, analyse the website traffic in your analytics platform to understand the percentage of traffic across screen sizes. Usually, 320px is the smallest screen size for a responsive mobile design website.

2. Simple navigation

Due to reduced screen size, navigation on mobile devices is essential for charity websites users to consume content and support fundraising. An example of simplified navigation is the use of a mobile optimised progress bar, so users understand where they are in the donation process.