Innovative Educators: Going Mobile
Upcoming SlideShare
Loading in...5
×
 

Innovative Educators: Going Mobile

on

  • 279 views

 

Statistics

Views

Total Views
279
Views on SlideShare
279
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Innovative Educators: Going Mobile Innovative Educators: Going Mobile Presentation Transcript

  • Going Mobile How to create a strategy to optimize your website for today’s preferred platforms Eric Hodgson December 13,2013
  • Overview • You had little control…now you have less. • You had little opportunity…now you have much, much more. • The key is focus.
  • Agenda • Build a mobile strategy • Execute a mobile presence
  • Mobile strategy • Your users are now on these devices • You can serve people any time, anywhere
  • Why mobile? New York Daily News: http://www.nydailynews.com/news/world/check-contrasting-pics-st-peter-square-article-1.1288700
  • http://www.statista.com/topics/779/mobile-internet/chart/1380/mobile-web-usage/
  • Google Analytics: www.jointheiclub.com
  • Always on…everywhere Flickr (@brittanysoup): http://www.flickr.com/photos/brittanycampbellphotography/4397188291/
  • How is mobile different? Flickr (@australianshepherds): http://www.flickr.com/photos/australianshepherds/
  • Screen size http://blogs.davidson.edu/webredesign/page/4/
  • Native actions • Swipe • Thumb navigation • Geolocation
  • Flickr (@vegaseddie): http://www.flickr.com/photos/vegaseddie/5700609302
  • Attention span Flickr (@jonathanadami): http://www.flickr.com/photos/jonathanadami/7953963856
  • Elements of a mobile strategy • Audiences • Actions • Technologies
  • Audience Flickr (@jamescridland): http://www.flickr.com/photos/jamescridland/613445810
  • Action Flickr (@jonathankosread): http://www.flickr.com/photos/jonathankosread/6398311699
  • Technologies Forbes: http://www.forbes.com/sites/markrogowsky/2013/06/06/more-than-half-of-us-have-smartphones-giving-apple-andgoogle-much-to-smile-about/
  • Slate: http://www.slate.com/blogs/future_tense/2013/04/26/samsung_smartphone_sales_rise_to_double_apple_s_market_share.html
  • Questions? Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050
  • What are my options? • Mobile site • Application • Responsive/Adaptive site
  • Mobile Sites + Very specific mobile activity - Two sites to manage + Incorporation of native actions - Mobile activity may be too limited - Redirects aren’t social friendly
  • Applications + More powerful native actions - Two sites to manage + Longer attention span - Separate download
  • Responsive/Adaptive Design + One site/URL to manage + Redirects are final destinations + Incorporation of native actions - Slower site performance
  • Responsive versus adaptive Responsive: Adaptive: • Fluid width • Heavier code • Stair steps • Fixed width • Device driven
  • Code platforms
  • Progressive enhancement Flickr (@granitemountaininsurance): http://www.flickr.com/photos/granitemountaininsurance/7406297138
  • Deep Blue: http://deepblue.com/blog/2013/01/responsive-web-design-and-progressive-enhancement-the-facts/
  • Stackable content Flickr (@chocogato): http://www.flickr.com/photos/chocogato/11076834686
  • http://blogs.davidson.edu/webredesign/page/4/
  • Test, test, test Flickr (@butz.2013): http://www.flickr.com/photos/61508583@N02/10873567586
  • Testing options • StudioPress http://www.studiopress.com/responsive • MobileTest http://mobiletest.me/ • W3C mobileOK Checker http://validator.w3.org/mobile/
  • Stay on top of it Flickr (@davidsingleton): http://www.flickr.com/photos/davidsingleton/3057542590
  • Contact me Eric Hodgson Director, Online Communication Strategies University of Iowa Foundation ehodgso@gmail.com @ehodgso http://slideshare.com/ehodgso
  • Questions? Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050