Mobile First for Ministries

With tablets and smartphones taking over the connected and computing marketplace, businesses are clamoring to make their sites mobile- and tablet-friendly to reach the millions of people who are moving to a mobile-first, or mobile-only browsing experience. Now is the time for churches, ministries and outreach efforts to adopt a mobile-first mindset when developing new projects. How can your church or ministry take advantage of the millions of mobile-first or mobile-only visitors? What first-impression are you making? Learn why thinking mobile-first is important and how you can make your next project a better experience for ANY web user.

Transcript

1. M obile Firstfor Ministries
5. History of Mobile Computing A Very Brief
6. 1993: IBM Simon
7. 1996: Nokia 9000
8. 1997: PalmPilot
9. 1997: Apple Newton
10. 2001: Palm/Kyocera 6035
11. 2003: RIM Blackberry 850
12. 2006: RIM Blackberry Pearl
13. 2007: iPhone
15. 1280 x 1024 1152 x 864 1024 x 768 800 x 600 480 x 640 BIGGER! 320 x 480
16. Mobile Context
17. Mobile Context
18. Mobile Context
19. Mobile Context
20. Mobile Context
21. Mobile Context
22. Mobile-Only
23. http://flic.kr/p/5WeunW Mobile-Only
24. A Big Shift 0% 11% 22% 33% 2006 2008 2010 20% drop in home PC usage http://glnr.in/ZtKJKx
25. Mobile Web has outpaced desktop Web growth 8x Global mobile data traffic should grow 26x over the next 5 years A Mobile Explosion 1990 2000 2010 2020 PC Desktop Internet 100M+ 1B+ 10B+ Mobile Consumer Note: PC installed base reached 100MM in 1993, cellphone / Internet users reached 1B in 2002 / 2005 respectively;25 Source: ITU, Mark Lipacis, Morgan Stanley Research.
26. 2013 Mobile vs Desktop Usage
27. AFRICA: 50%+ Don’t use the Internet on the PC Worldwide Mobile Usage Estimated by 2013 USA: 50%+ More Mobile then PC UK: 22% Never or infrequently use the PC INDIA: 49% Never or infrequently use the PC ASIA: 50%+ Don’t use Internet on PC
28. Mobile Users ✴ 45% of Americans own a smartphone. ✴ 1.08 billion out of 4 billion phones are smartphones ✴ 99% of smartphone owners use the mobile browser at least once per day. ✴ 74% check email on device http://glnr.in/1aA1Hqr http://glnr.in/16pPLLr
29. http://glnr.in/15arXaj
30. This is the web http://glnr.in/15arXaj
31. This will be the web! http://glnr.in/15arXaj
32. Twitter ✴ 60% of tweets come from mobile devices ✴ 16% of new users start on mobile ✴ 44% of mobile users are more likely to click a link 500 Million users 200 Million active http://glnr.in/1186PgY http://glnr.in/15jgFQu
33. Facebook 1.11 billion users 665 million active ✴ 54% of users on mobile devices ✴ 33% of posts come from mobile ✴ 20% of it’s mobile users are mobile only! http://glnr.in/13Z7A03 http://glnr.in/12PgE4U
34. Google ✴ 33% of all searches on mobile ✴ 77% of mobile searches occur at home or work. ✴ 17% of mobile searches happen on the go. ✴ 55% of mobile searches result in conversion within 1 hour. 67% of all searches http://glnr.in/10Ax5UH
35. Google programmers are doing work on mobile applications rst, because they are better apps and that's what top programmers want to develop. Eric Schmidt, Google Chairman
36. We're just now starting to think about mobile rst and desktop second for a lot of our products. Kate Aronowilz Design Director, Facebook
37. We need to build the best mobile experiences... Mark Zuckerberg CEO, Facebook
38. We really need to shi now to start thinking about building mobile rst. is is an even bigger shi than the PC revolution. Kevin Lynch vice president of Technologies, Apple
39. For a long time, mobile content experiences were built around the idea of restraint — slow bandwidth and less powerful processors, yes, but mostly the constraint of user time. “Mobile” became shorthand for “30 seconds of attention while you’re waiting in line somewhere.” But as devices and networks improve — and, more importantly, mobile moves from being an edge case to just how people get the Internet — publishers are getting more comfortable with offering a less abbreviated experience on phones. Joshua Benton Nieman Journalism Lab http://glnr.in/10sNqpC
40. http://flic.kr/p/8B2vCD Now What?
41. Think Mobile-First How to
42. Use Mobile 1 Focus Your Content 2 Build Mobile-first 3
43. Use Mobile
44. http://flic.kr/p/5YVUpJ Browse the Web
45. Learn from your kids (or grand kids!)
46. Use Mobile 1 Focus Your Content 2 Build Mobile-first 3
47. nytimes.com
60. Focus Your Content ✴ Seek content parity between all platforms. ✴ Develop a content strategy ✴ Have a consistent tone.
61. http://voiceandtone.com/
62. Focus Your Content 2 ✴ Church ✴ Location ✴ What to expect? ✴ What’s on the schedule? ✴ Contact
63. Focus Your Content 2 ✴ Events ✴ Who is it for? ✴ What is happening? ✴ When is it happening? ✴ Where is it happening? ✴ How to contact for questions?
64. Use Mobile 1 Focus Your Content 2 Build Mobile-first 3
65. Responsive Design
66. Your Options Dedicated / Forked Site Responsive ✴ Faster to adapt ✴ Easier use mobile features ✴ Performance can be faster ✴ Content is the same ✴ Adapts to changing screen sizes ✴ URL’s are the same
67. http://j.mp/10kRZGJ
68. Build Your Site @media screen and (max-width: 480px) { .column1, .column2 { width: 100% } } @media screen and (min-width: 481px) { .column1 { width: 60%; float: left; } .column2 { width: 40%; float: right; } } 3
69. How Responsive Works 1 3 2 4 6 5
70. How Responsive Works 1 3 2 4 6 5
71. How Responsive Works 1 3 2 4 6 5
72. Be Flexible
73. Be Flexible ✴ 1.5 ✴ 1.8 ✴ 1.9 ✴ 2 ✴ 2.2 ✴ 2.3 ✴ 2.4 ✴ 2.8 ✴ 3 ✴ 3.1 ✴ 3.2 ✴ 3.5 ✴ 3.7 ✴ 4 ✴ 4.3 ✴ 4.5 ✴ 4.7 ✴ 4.8 ✴ 5.0 ✴ 5.3 ✴ 5.5 ✴ 5.8 ✴ 7.0 ✴ 7.7 ✴ 8.9 ✴ 10.1
77. Keep It Small ✴ Average Webpage Size: 1.4mb ✴ Smartphone w/ Verizon's basic plan: $80/mo for 300mb ✴ 215 webpages - $0.37 per visit http://j.mp/YRGxEl FILES
78. Two URL’s
82. URL Madness http://www.fastcocreate.com/1682918/video- account-of-the-boston-bombing-paints-a-picture- with-news-and-social-updates http://m.fastcocreate.com/?m=fastcocreate/node/ 1682918&url=http://www.fastcocreate.com/ 1682918/video-account-of-the-boston-bombing- paints-a-picture-with-news-and-social-updates& http://www.fastcocreate.com/?fullsite
87. Click to Call
89. Why Does Responsive Matter? ?
90. Search, Social, Email
91. Examples in the wild!
94. RECENT ADVENTIST NEWS Four new unions created in West-Central Africa Division May 15, 2013 ANN VIDEO ANN Video Headlines - May 10, 2013 May 09, 2013 ANN Video Headlines English - Español - Français - Português Receive weekly emails of current Adventist news stories. Your name. Your email address. Subscribe Search for News Search Browse Archive
95. National North England South England Ireland Scotland Wales Find a church Sunset times Contact Us Latest news Events HARPER BELL SCHOOL ACCEPTS CHALLENGE TO IMPROVE 13th May 2013 Following an Ofsted inspection Governors and staff are commi... WEDNESFIELD DAY OF VICTORY 13th May 2013 Five candidates make a decision for Christ. The church... Visit us Church finder Community Lives How can we help? Looking for a local church? Our new Church finder will take you right to the front door DONATE HOME NEWS EVENTS WHO WE ARE RESOURCES PRAYER & WORSHIP Find a church Latest news Events Donate Sunset times Contact us How can we help? National HOME NEWS EVENTS WHO WE ARE RESOURCES PRAYER & WORSHIP
96. Let’s Get to Work
97. Brent Hardinge @designerbrent about.me/brenthardinge
98. ✴ Mobile First ✴ Responsive Web Design ✴ Content Strategy for Mobile ✴ Content Strategy for the Web Resources: Books http://glnr.in/17kiX5T http://glnr.in/10N8qMS http://glnr.in/10N8trT http://glnr.in/132NO13
99. ✴ A List Apart ✴ Smashing Magazine Resources: Websites http://glnr.in/12rgYMm http://glnr.in/17lTFVf
100. ✴ HTML5 Boilerplate ✴ Less Framework ✴ Skeleton ✴ Twitter Bootstrap ✴ Zurb Foundation Resources: Frameworks http://glnr.in/11CfUO2 http://glnr.in/13jlhpP http://glnr.in/17XCMkC http://glnr.in/1b0WnfN http://glnr.in/Zrrqzx