GUIDE_Series_Mobilize_Your_Nonprofit

A Blackbaud Production!

Mobilize Your Nonprofit’s Website

Presented by Morgan Strenck & Andrew Fort


The Shift Towards a Mobile World By 2014 Mobile Internet use should overtake Desktop Internet use In the past few years mobile browser technology has reached a point where the user experience can match (and sometimes exceed) that of the desktop. 90% of mobile subscribers can browse the web.


Nonprofits Need to be Ready Rate of adoption of smart phones has exploded... App downloads went from 300 million to 15 billion from 2009 to 2010 Sales of digital cameras plummeted as people use their phones as their primary camera more. The iPhone is the most commonly used camera on Flickr.


Importance of Mobile Fundraising

Strong Strategy. Simple Execution. Campaign served 12,500 meals in one month


The Mobile User wants… Mobile-Friendly Content •  Optimized for shorter attention spans •  Useful information quickly and easily

Design Optimized for “Scanning” •  Pertinent content is located quickly with minimal effort

An Interface that Rewards Interactivity •  An App-like interface •  Big buttons for human fingers •  Navigational signals

Synergy between Common Mobile Functions •  Phone Numbers that open up the Phone App, addresses that open up the default Map

App, Social links that open up Social Apps, etc.

Forms that Do Most of the Work •  Include prepopulated fields, only essential fields, and interface elements conducive to touch.


MOBILE OPTIONS: THE MANY WAYS TO BE FRIENDLY


Responsive Design

A site crafted to provide an optimal user experience regardless of the device used.


Responsive Design Content stays mostly the same, but the presentation changes. Content may be automatically moved or removed to suit the device Changes a website according to the device size so information is optimized. Ideal when you want one site to cater to all users. One-size-fits-all approach to mobile Least amount of work to maintain.


Responsive Design – Lancaster University


Mobile Sub-Domains/Microsites

Recognizes that users of different devices demand an experience catered to them.


Mobile Sub-Domains/Microsites Generally involves three or more unique websites. (www.yahoo.com, m.yahoo.com, www.yahoo.com/tablet) Each site designed with a device in mind The mobile experience that is 100% designed around the mobile user’s needs. Highest amount of maintenance and costs – three unique site designs and three unique sites to maintain.


Mobile Sub-Domains/Microsites – Staples.com


Task-based Mobile Design

When clear mobile tasks define what shows on a mobile device.


Task-based Mobile Design Requires research: You must know the key tasks your audience needs to perform on their mobile device. For best results, use Audience Analysis and Analytics to confirm tasks. Crafts a user experience that focuses on that specific information. Balances less maintenance/costs of Responsive Design with the desire to deliver a crafted mobile experience.


Task-based Mobile Design – Komen.org

When clear mobile tasks define what shows on a mobile device.


Mobile Your Website

Questions?

GUIDE_Series_Mobilize_Your_Nonprofit

Design

Transcript of GUIDE_Series_Mobilize_Your_Nonprofit