Mobilize Your Nonprofit’s Website  Presented by Morgan Strenck & Andrew Fort                                     A Blackba...
The Shift Towards a Mobile WorldBy 2014 Mobile Internet use should overtake Desktop Internetuse		In the past few years mob...
Nonprofits Need to be ReadyRate of adoption of smart phones has exploded...		App downloads went from 300 million to 15 bil...
Importance of Mobile Fundraising             Strong Strategy. Simple Execution. 	          Campaign served 12,500 meals in...
The Mobile User wants…Mobile-Friendly Content	      •    Optimized for shorter attention spans	      •    Useful informati...
MOBILE OPTIONS: THE MANY WAYS TO BE FRIENDLY                                               A Blackbaud Production!
Responsive DesignA site crafted to providean optimal userexperience regardless ofthe device used.	                        ...
Responsive DesignContent stays mostly the same, but the presentation changes. 		Content may be automatically moved or remo...
Responsive Design – Lancaster University                                           A Blackbaud Production!
Mobile Sub-Domains/MicrositesRecognizes that users ofdifferent devicesdemand an experiencecatered to them.	               ...
Mobile Sub-Domains/MicrositesGenerally involves three or more unique websites.(www.yahoo.com, m.yahoo.com, www.yahoo.com/t...
Mobile Sub-Domains/Microsites – Staples.com                                              A Blackbaud Production!
Task-based Mobile DesignWhen clear mobile tasks define what showson a mobile device.	                                      ...
Task-based Mobile DesignRequires research: You must know the key tasks your audienceneeds to perform on their mobile devic...
Task-based Mobile Design – Komen.orgWhen clear mobile tasks define what showson a mobile device.	                          ...
Mobile Your Website    Questions?	                      A Blackbaud Production!
Upcoming SlideShare
Loading in...5
×

GUIDE_Series_Mobilize_Your_Nonprofit

199

Published on

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
199
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

GUIDE_Series_Mobilize_Your_Nonprofit

  1. 1. Mobilize Your Nonprofit’s Website Presented by Morgan Strenck & Andrew Fort A Blackbaud Production!
  2. 2. The Shift Towards a Mobile WorldBy 2014 Mobile Internet use should overtake Desktop Internetuse In the past few years mobile browser technology has reached apoint where the user experience can match (and sometimesexceed) that of the desktop. 90% of mobile subscribers can browse the web. A Blackbaud Production!
  3. 3. Nonprofits Need to be ReadyRate 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 theirprimary camera more. The iPhone is the most commonly used camera on Flickr. A Blackbaud Production!
  4. 4. Importance of Mobile Fundraising Strong Strategy. Simple Execution. Campaign served 12,500 meals in one month A Blackbaud Production!
  5. 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. 6. MOBILE OPTIONS: THE MANY WAYS TO BE FRIENDLY A Blackbaud Production!
  7. 7. Responsive DesignA site crafted to providean optimal userexperience regardless ofthe device used. A Blackbaud Production!
  8. 8. Responsive DesignContent stays mostly the same, but the presentation changes. Content may be automatically moved or removed to suit thedevice Changes a website according to the device size so information isoptimized. 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. 9. Responsive Design – Lancaster University A Blackbaud Production!
  10. 10. Mobile Sub-Domains/MicrositesRecognizes that users ofdifferent devicesdemand an experiencecatered to them. A Blackbaud Production!
  11. 11. Mobile Sub-Domains/MicrositesGenerally 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 mobileuser’s needs. Highest amount of maintenance and costs – three unique sitedesigns and three unique sites to maintain. A Blackbaud Production!
  12. 12. Mobile Sub-Domains/Microsites – Staples.com A Blackbaud Production!
  13. 13. Task-based Mobile DesignWhen clear mobile tasks define what showson a mobile device. A Blackbaud Production!
  14. 14. Task-based Mobile DesignRequires research: You must know the key tasks your audienceneeds to perform on their mobile device. For best results, use Audience Analysis and Analytics to confirmtasks. Crafts a user experience that focuses on that specificinformation. Balances less maintenance/costs of Responsive Design with thedesire to deliver a crafted mobile experience. A Blackbaud Production!
  15. 15. Task-based Mobile Design – Komen.orgWhen clear mobile tasks define what showson a mobile device. A Blackbaud Production!
  16. 16. Mobile Your Website Questions? A Blackbaud Production!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×