Innovative Educators: Going Mobile
-
Upload
eric-hodgson -
Category
Technology
-
view
112 -
download
0
description
Transcript of Innovative Educators: Going Mobile
![Page 1: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/1.jpg)
Going Mobile How to create a strategy to optimize your website for today’s preferred platforms
Eric Hodgson December 13,2013
![Page 2: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/2.jpg)
Overview
• You had little control…now you have less.
• You had little opportunity…now you have much, much more.
• The key is focus.
![Page 3: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/3.jpg)
Agenda
• Build a mobile strategy
• Execute a mobile presence
![Page 4: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/4.jpg)
Mobile strategy
• Your users are now on these devices
• You can serve people any time, anywhere
![Page 5: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/5.jpg)
New York Daily News: http://www.nydailynews.com/news/world/check-contrasting-pics-st-peter-square-article-1.1288700
Why mobile?
![Page 6: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/6.jpg)
http://www.statista.com/topics/779/mobile-internet/chart/1380/mobile-web-usage/
![Page 7: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/7.jpg)
Google Analytics: www.jointheiclub.com
![Page 8: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/8.jpg)
Flickr (@brittanysoup): http://www.flickr.com/photos/brittanycampbellphotography/4397188291/
Always on…everywhere
![Page 9: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/9.jpg)
Flickr (@australianshepherds): http://www.flickr.com/photos/australianshepherds/
How is mobile different?
![Page 10: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/10.jpg)
http://blogs.davidson.edu/webredesign/page/4/
Screen size
![Page 11: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/11.jpg)
Native actions
• Swipe
• Thumb navigation
• Geolocation
![Page 12: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/12.jpg)
Flickr (@vegaseddie): http://www.flickr.com/photos/vegaseddie/5700609302
![Page 13: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/13.jpg)
Flickr (@jonathanadami): http://www.flickr.com/photos/jonathanadami/7953963856
Attention span
![Page 14: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/14.jpg)
Elements of a mobile strategy
• Audiences
• Actions
• Technologies
![Page 15: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/15.jpg)
Flickr (@jamescridland): http://www.flickr.com/photos/jamescridland/613445810
Audience
![Page 16: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/16.jpg)
Flickr (@jonathankosread): http://www.flickr.com/photos/jonathankosread/6398311699
Action
![Page 17: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/17.jpg)
Forbes: http://www.forbes.com/sites/markrogowsky/2013/06/06/more-than-half-of-us-have-smartphones-giving-apple-and-google-much-to-smile-about/
Technologies
![Page 18: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/18.jpg)
Slate: http://www.slate.com/blogs/future_tense/2013/04/26/samsung_smartphone_sales_rise_to_double_apple_s_market_s
hare.html
![Page 19: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/19.jpg)
Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050
Questions?
![Page 20: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/20.jpg)
What are my options?
• Mobile site
• Application
• Responsive/Adaptive site
![Page 21: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/21.jpg)
Mobile Sites
+Very specific mobile activity
+Incorporation of native actions
- Two sites to manage
- Mobile activity may be too limited
- Redirects aren’t social friendly
![Page 22: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/22.jpg)
Applications
+More powerful native actions
+Longer attention span
- Two sites to manage
- Separate download
![Page 23: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/23.jpg)
Responsive/Adaptive Design
+One site/URL to manage
+Redirects are final destinations
+Incorporation of native actions
- Slower site performance
![Page 24: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/24.jpg)
Responsive versus adaptive
Responsive:
• Fluid width• Heavier code• Stair steps
Adaptive:
• Fixed width• Device driven
![Page 25: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/25.jpg)
Code platforms
![Page 26: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/26.jpg)
Flickr (@granitemountaininsurance): http://www.flickr.com/photos/granitemountaininsurance/7406297138
Progressive enhancement
![Page 27: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/27.jpg)
Deep Blue: http://deepblue.com/blog/2013/01/responsive-web-design-and-progressive-enhancement-the-facts/
![Page 28: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/28.jpg)
Flickr (@chocogato): http://www.flickr.com/photos/chocogato/11076834686
Stackable content
![Page 29: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/29.jpg)
http://blogs.davidson.edu/webredesign/page/4/
![Page 30: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/30.jpg)
Flickr (@butz.2013): http://www.flickr.com/photos/61508583@N02/10873567586
Test, test, test
![Page 31: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/31.jpg)
Testing options
• StudioPresshttp://www.studiopress.com/responsive
• MobileTesthttp://mobiletest.me/
• W3C mobileOK Checkerhttp://validator.w3.org/mobile/
![Page 32: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/32.jpg)
Flickr (@davidsingleton): http://www.flickr.com/photos/davidsingleton/3057542590
Stay on top of it
![Page 33: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/33.jpg)
Contact me
Eric HodgsonDirector, Online Communication StrategiesUniversity of Iowa Foundation
[email protected]@ehodgso
http://slideshare.com/ehodgso
![Page 34: Innovative Educators: Going Mobile](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7501b4a7959ce1a8b457f/html5/thumbnails/34.jpg)
Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050
Questions?