blaise nutter & cameron corda - understanding & building mobile engagement

© 2012 Blue State Digital | Proprietary and Confidential

Understanding & Building Mobile Engagement

1

Cameron Corda, Director of ProductionBlaise Nutter, Senior Strategist


Introduction to Mobile

2

© 2012 Blue State Digital.com | Proprietary and Confidential

Introduction to Mobile: Worldwide

3

There are over 5.9 billion

mobile subscribers.


Introduction to Mobile: Nationwide

25% access the web solely by cell phone.

4

44% of mobile

subscribers

have a smartphone.


Introduction to Mobile: Universe-wide

a few years from now “almost everyone at Facebook will focus exclusively on mobile.”

5


What We’ve Seen at BSD

6


Introduction to Mobile: BSD

On average, nearly 13% of traffic from mobile devices

7

4.96% 15.88%



8

High-profile moments DRIVE mobile traffic

20.5% mobile ( +120%)12.5% mobile ( +11%)



9

higher bounce rate

fewer visits to conversion pages

fewer conversions

However, mobile users currently underperform:


How are we planning for the mobile future?

10


Building for Mobile

11


How do we design for mobile experience?

12


Basics of Mobile Web

13

server

Mind sending me

blah.com?

mobile device

No problem. What’s your device like?

Ok. Here’s some tiny files on a mobile grid.

I’m a phone with

a tiny screen and

browser.

Whatever. Here’s some GIANT FILES and GIANT GRID that’ll surely be a pain

to render. I pray you’re on wifi. Godspeed.


Mobile Apps: BSD’s Position

14

•Few need mobile apps•Too expensive, too time consuming•Web apps should be fine for most, if not all•But a mobile app worked well here


Building for Mobile: m.domain.com

15

m.yelp.comyelp.com


Building for Mobile: m.domain.com

16

What am I missing?

mobile user mobile web admin

Maintaining

two sites

blows.


Building for Mobile: What Matters?

17

Survey: What is the most common problem you’ve encountered accessing websites or applications on your mobile phone?

“Slow to load” (38%)“Crashed/froze received an error” (18%) “Formatting made it difficult to read and use” (15%)

Speed matters more than aesthetics.


Mobile Optimization

18

© 2012 Blue State Digital.com | Proprietary and Confidential 19

Creating a good mobile experience: File size and load times should be small.

UX & IA are crucial for good mobile experience.

The number of clicks should be limited.

Building for Mobile: Optimization

© 2012 Blue State Digital.com | Proprietary and Confidential 20

Creating a good mobile experience: Minimize requests

Optimize images

Use a CDN

Google Page Speed can help identify areas to improve




21

The bare minimum = renders well but not mobile optimized.

No Flash Quicker downloads Testing Detailed coding

<input type=”tel” />


Responsive Design

22


Building for Mobile: Responsive Design

23



24

Increased planning, documentation, design, and implementation.



25

While the costs are not minimal, the benefits are clear:

•Reach mobile audience•Maintain one site•“Future proofs” the design and functionality


BSD’s Approach

26


BSD’s Approach: Mobile-Friendly Emails & Donation Forms

27


BSD’s Approach: One-Click Donate

28

Uses saved transactions and opt-in sign-up.

Makes mobile emails and SMS texts much more likely to convert.

Speaking of SMS...


SMS - The Next Generation

29


SMS is a fantastic complement to other

channels.

30


SMS: Mobile Strategy

31

Text to Give is great for large volume campaigns. Too expensive otherwise.

Use text alerts sparingly or only with your most committed supporters.

We’ve found success pairing text alerts with our new Quick Donate feature.


Three things to leave you with:

32

It’s a multi-device world. It’s not going away.

Focus your efforts. Make your action pages fast, make sure they work … then think about responsive design, apps.

Every communication should be oriented to action, no matter what device receives it.


Questions?

33

blaise nutter & cameron corda - understanding & building mobile engagement

Documents

blue state digital proprietary

mobile traffic

mobile subscribers

mobile audience

mobile users

mobile optimization

mobile strategytext

mobile devices4