july-15-2015-presentation
TRANSCRIPT
![Page 1: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/1.jpg)
What PixelsKnow
![Page 2: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/2.jpg)
Marisa Porter Meg Delagrangeweb architect creative director
@virtuallymarisa @coloringspirit
![Page 3: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/3.jpg)
First, let us take a group selfie.
#humansareawesome
Stand up and put your hands in the air
![Page 4: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/4.jpg)
The Extent of Mobile Use
A Case StudyOr Two
Power up With Design
![Page 5: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/5.jpg)
64% of American adults now own a smartphone of some kind, up from 35% in the spring of 2011. For many, these devices are a key entry point to the online world. /The Pew Report
![Page 6: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/6.jpg)
64% of American adults now own a smartphone of some kind, up from 35% in the spring of 2011. For many, these devices are a key entry point to the online world. /The Pew Report
67% use their phone to share pictures, videos, or commentary about events happening in their community, with 35% doing so frequently. /The Pew Report
![Page 7: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/7.jpg)
70% of mobile searches lead to action on websites within one hour. That’s assuming that the website is mobile-friendly, otherwise 40% will choose another result. /TechCrunch Report
72% of web page views are on smartphones.
People searching online using a smartphone will increase from 800 million to 1.9 billion users in 2015. /Business2Community Report
70%
A Few Mobile Search Statistics
![Page 8: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/8.jpg)
75% of Gmail users access their accounts on mobile devices. Gmail now has 900 million users. /Google Report
91% of consumers check their email at least once per day on their smartphone, making it the most used functionality. /ExactTarget “Mobile Behavior Report
If an email does not display correctly, 71.2% will delete it immediately.
91%
75%
71%
A Few Responsive Email Statistics
![Page 9: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/9.jpg)
You have 3-5 seconds on mobile to get a user’s attention.
55% of visitors spend fewer than 15 seconds on your website.
Every second counts.
![Page 10: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/10.jpg)
48% of users say that if they arrive on an organization’s site that isn’t working well on mobile, they take it as an indication of the organization simply not caring./MarginMedia
?
![Page 11: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/11.jpg)
Customers are five times more likely to visit a competitor after having a frustrating mobile experience.
/npENGAGE
5x
![Page 12: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/12.jpg)
Mobile Giving is Growing
Among 343 nonprofits studied, an average of 9.5 percent of donations came via mobile devices.
For the top one-fourth of nonprofits with the highest mobile-to-desktop giving ratio, that average climbed to 17.8 percent.
![Page 13: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/13.jpg)
47% of donors give up because the online journey
is too cumbersome and complicated.
![Page 14: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/14.jpg)
“If you’ve created an urgency for your donors to act,
don’t let a conversion slip away because your website is not
optimized for mobile.” /npENGAGE
![Page 15: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/15.jpg)
Let’s talk about design.
![Page 16: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/16.jpg)
First impressions are 94% design-related.
94%
![Page 17: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/17.jpg)
Visuals are processed 60,000X faster in the brain than text.
![Page 18: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/18.jpg)
This allows viewers to make their own decisions without feeling pressure from your organizations.
Visuals show your mission without telling people about it.
![Page 19: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/19.jpg)
This breaks through the overwhelming clutter
of online content.
Good design expresses ideas quickly
- in a snapshot.
![Page 20: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/20.jpg)
Building thoughtful websites with
clear intentions shows that you care,
makes choices more comfortable,
and leads to a better overall experience.
![Page 21: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/21.jpg)
It’s been found that 68% of users
who give up did so because
they think you don’t care about them.
(Which we know isn’t true!)
![Page 22: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/22.jpg)
People engage with attractive, newsworthy content. 53% of what people share on social media are news articles and blog posts.
60% of people are more likely to click on an organization whose images appear in search results.
Posts with visuals receive 94% more page visits and engagement than those without.
53%
94%
60%
![Page 23: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/23.jpg)
An anynomous third party case study showed how one organization’s re-design of only 3 key elements on their homepage
saw a conversion increase of 106%.
1 0 6 %
![Page 24: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/24.jpg)
1
2
3
They swapped a vague headline with a clear headline and sub-headline that clearly answered “Who, What, Where, and Why”.
They placed a clear call-to-action button above the fold, Something as simple as changing a call-to-action button from “See Plans and Pricing” to “Get Started Today” increased their conversions by 252%.
They combined information to create beautiful white space for the eye to rest and added quality images and graphics that clearly communicated their message.
![Page 25: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/25.jpg)
1
2
3
They swapped a vague headline with a clear headline and sub-headline that clearly answered “Who, What, Where, and Why”.
They placed a clear call-to-action button above the fold, Something as simple as changing a call-to-action button from “See Plans and Pricing” to “Get Started Today” increased their conversions by 252%.
They combined information to create beautiful white space for the eye to rest and added quality images and graphics that clearly communicated their message.
![Page 26: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/26.jpg)
1
2
3
They swapped a vague headline with a clear headline and sub-headline that clearly answered “Who, What, Where, and Why”.
They placed a clear call-to-action button above the fold, Something as simple as changing a call-to-action button from “See Plans and Pricing” to “Get Started Today” increased their conversions by 252%.
They combined information to create beautiful white space for the eye to rest and added quality images and graphics that clearly communicated their message.
![Page 27: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/27.jpg)
“You never get a second chance
to make a first impression.”
—Oscar Wilde
![Page 28: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/28.jpg)
Email Case Study
Before:
![Page 29: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/29.jpg)
Email Case Study
After:
The number of
people who clicked
through links on
the CiviCRM email
increased by 40%
after the mobile
responsive design.
/CIVI Newsletter Stats
40%
![Page 30: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/30.jpg)
Website Case Study
Before:
![Page 31: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/31.jpg)
Website Case Study
After:
![Page 32: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/32.jpg)
Wanna ask questions?
![Page 33: july-15-2015-presentation](https://reader033.vdocuments.us/reader033/viewer/2022052701/55d35cdebb61eb67068b47bb/html5/thumbnails/33.jpg)
Marisa Porter Meg Delagrangeweb architect creative director
@virtuallymarisa @coloringspirit