@morganschnee and @skawhomp discuss mobile options for nonprofits and help you decide which approach is right for your organization @keljar @guidecreative

1. Mobilize Your Nonprofit’s Website
Presented by Morgan Strenck & Andrew Fort
A Blackbaud Production!

2. 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.
A Blackbaud Production!

3. 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.
A Blackbaud Production!

4. Importance of Mobile Fundraising
Strong Strategy. Simple Execution.
Campaign served 12,500 meals in one month
A Blackbaud Production!

5. 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.
A Blackbaud Production!

6. MOBILE OPTIONS: THE MANY WAYS TO BE FRIENDLY
A Blackbaud Production!

7. Responsive Design
A site crafted to provide
an optimal user
experience regardless of
the device used.
A Blackbaud Production!

8. 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.
A Blackbaud Production!

9. Responsive Design – Lancaster University
A Blackbaud Production!

10. Mobile Sub-Domains/Microsites
Recognizes that users of
different devices
demand an experience
catered to them.
A Blackbaud Production!

11. 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.
A Blackbaud Production!

12. Mobile Sub-Domains/Microsites – Staples.com
A Blackbaud Production!

13. Task-based Mobile Design
When clear mobile tasks define what shows
on a mobile device.
A Blackbaud Production!

14. 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.
A Blackbaud Production!

15. Task-based Mobile Design – Komen.org
When clear mobile tasks define what shows
on a mobile device.
A Blackbaud Production!

16. Mobile Your Website
Questions?
A Blackbaud Production!