There’s no question – having a great nonprofit website is essential to the future of your organization. The best, most successful nonprofit websites include:
But for this article, we wanted to focus on a few of the biggest areas where you can improve your nonprofit's website, and that’s in those little –known tips to making it mobile-friendly. Mobile-friendly websites need to be responsive; they need to move and flow in a way that mobile users will respond to.
They also need to:
Responsive website adjusts the structure, content or presentation of information in response to the user's screen size. These types of websites are designed not only to look good on mobile, but to optimize how the information is actually presented on the site to make it more user-friendly for people interact with your site on mobile.
The newest web markup language, HTML 5, allows mobile websites to look like apps. This app-like feel brings immediate benefits, giving your visitors a better user experience without forcing you to build an app from scratch. This strategy brings with it minimal investment with a potentially huge payoff.
Forms – for donations, volunteer sign ups, membership registration, and so on – are key to converting your visitors into collaborators. Because we mostly use our thumbs or index fingers on mobile keyboards, traditional forms don’t work. We need to gear our forms to make them more “thumb-friendly.” Make sure your forms request only the most essential information. Top-align your labels and fields, provide collapsible drop-down lists, menus, single-input areas, and more.
Remember that pop-ups can take over a mobile screen. It can be very frustrating for visitors if they can’t find the “x” to close the popup because it’s off-screen.
Remember, your mobile visitors are accessing your website on their phones! Make it easy for them to call you with a “call us” button or link that will automatically initiate a call on their device.
If someone comes to your site to access something that’s not available on a mobile device, it’s important they are still able to get the information they need. Using a screen hopper, your visitors would get a pop-up saying something like, “Your mobile device isn’t supported here. Please enter your email address and we’ll send a reminder to come back from your desktop.”
Visitors won’t wait around if your website takes forever to load because you have too many images, videos and other top-heavy elements. Work with your design firm to make your site’s images and elements mobile-friendly; it’ll speed up both your mobile and your desktop user experience.
Give your visitors a mobile user experience that mimics a phone app, is snappy and moves in the way they use their mobile devices. You’ll find your website analytics will increase, and your membership and donor base will grow.
Categories: Website Design