With more than 51% of web traffic viewed on mobile devices, it’s a no-brainer to make sure your nonprofit’s website is responsive. People aren’t just looking at social media or emails on their phones and tablets anymore — they’re creating sophisticated videos, filling out important forms and paperwork, coding on the go, and of course, taking action on the causes they care about.
Fortunately, building a responsive website or email newsletter is much easier these days. There are a few key things to think about when creating a responsive site for your nonprofit community — and of course, these are dependent on what you’re actually asking your audience to do.
If you want more engagement online, or want to reach more people that can support your organization, then you absolutely need to ensure that the things you want them to do are easy to do!
Consider these four suggestions:
1. Keep Away Clutter
Trying to navigate a crowded website on a desktop monitor or laptop is hard enough, but when you switch to a smartphone or tablet, it’s a nightmare. If someone visits your website on the go, you don’t want them to have wade through dozens of menu items, or a homepage bursting with 47 pieces of content. Focus on the basics like who you are, what you do, how to take action (don’t forget that big donate button!), social media buttons, and contact us. For more information on site navigation and call-to-action need-to-knows check out this article.
2. Fewer Steps Means More Action
The last thing a donor wants to do when trying to give a quick $10 via their phone is to fill out 15 different fields on a janky form. That’s the easiest route to an incomplete donation. Again, stick to the information you absolutely must capture in that moment: name, email, and credit card information. Don’t add all kinds of questions about preferences and such — you can follow-up with them later to get more details. Same thing goes with email subscriptions: you only need the email to start, at most, a name. If you want some more tips on “What types of questions to ask on a form?” or “How many questions is too many?” check out this article.
3. Making the Most of Media
We all know that people love looking at videos and photos on their devices, especially on the go. You want to avoid too much content and maximize your design for content that’s easy to view, share and act upon in the moment. While you can design your full website to feature beautiful, long-form storytelling, you’ll want your mobile website to highlight stunning photos and short videos that share what you’re about and that compel people to take action immediately after.
4. Clean, Compact, Colorful
When designing for mobile, you need to remember that your content is likely to get overshadowed if your site isn’t attractive or intuitive to navigate. While all modes of your website should essentially be the same in theme and content, you need to be especially cognizant of how it appears on smaller screens. So, prioritize what you want people to see and skip the bells and whistles if they don’t add anything. Pay attention to where the “fold” lies and avoid endless scrolling. Experiment with and test contrasting colors that make your content pop, but are also friendly in a smaller format.
At the end of the day, your website is there to guide your visitors to take a particular action. Make it as easy as possible for them to get there.