Mobilize Your Nonprofit’s Website Presented by Morgan Strenck & Andrew Fort A Blackbaud Production!
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!
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!
Importance of Mobile Fundraising Strong Strategy. Simple Execution. Campaign served 12,500 meals in one month A Blackbaud Production!
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 ﬁngers • 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 ﬁelds, only essential ﬁelds, and interface elements conducive to touch. A Blackbaud Production!
MOBILE OPTIONS: THE MANY WAYS TO BE FRIENDLY A Blackbaud Production!
Responsive DesignA site crafted to providean optimal userexperience regardless ofthe device used. A Blackbaud Production!
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-ﬁts-all approach to mobile Least amount of work to maintain. A Blackbaud Production!
Responsive Design – Lancaster University A Blackbaud Production!
Mobile Sub-Domains/MicrositesRecognizes that users ofdifferent devicesdemand an experiencecatered to them. A Blackbaud Production!
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!
Mobile Sub-Domains/Microsites – Staples.com A Blackbaud Production!
Task-based Mobile DesignWhen clear mobile tasks deﬁne what showson a mobile device. A Blackbaud Production!
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 conﬁrmtasks. Crafts a user experience that focuses on that speciﬁcinformation. Balances less maintenance/costs of Responsive Design with thedesire to deliver a crafted mobile experience. A Blackbaud Production!
Task-based Mobile Design – Komen.orgWhen clear mobile tasks deﬁne what showson a mobile device. A Blackbaud Production!
Mobile Your Website Questions? A Blackbaud Production!