Making Responsive Fundraising a Reality

Jackie Mathis• Solution Architect• Fundraiser• Convio and Blackbaud Trainer• Digital Analytics • Overall Tech Nerd

What is Responsive

Design?

Three Reasons that Now is the Time to

Go Responsive

Or, “The section where I reiterate something you already know using funny and interesting statistical anecdotes”

It’s Everywhere (Right Now, This Second)

(ALSO) It’s Not Just Razor Phones Any More

You Could Be Raising More Money

It is (Technically) Easier Now than Ever Before

Three Ways to Improve Responsive Donor Experience

Or, “The section full of things that sound like common sense and yet are not common

practice”

Make It Usable

Make It Usable

• Hit Area should be between 34 and 44px• Keep Navigation Universal • Leave at least 6px around each area• Keep in mind minimum fonts for popular

devices• Limit images in smaller resolutions• Keep embedded videos around 320 pixels

Keep the Content

Link to Your Social Media

Four Ways to Improve Your Results

Or, “Let’s Talk About the Shiny Things”

Know Your Numbers

Know Your Numbers

• Bounce Rate (Mobile/Tablet)• Conversion Rate (All Visits, just

Mobile/Tablet)• Social Networks (Mobile/Tablet)• Screen Resolution Report• 320x568 = iPhone 5x• 768x1024 = iPad• 320x480 = iPhone 3/4x• 360x640 = Nokia/Samsung/SonyEricsson• 360x592 = Galaxy Nexus• 384x592 = LG Nexus 4

• Visits (Mobile/Tablet)• Operating Systems

Test, Test, Test (Test, Test, Test)

Responsive Across Devices and Content

Source: comScore

Use Solutions that Make Your Life Easier