Mobile Optimization with Ag CMS
Upcoming SlideShare
Loading in...5
×
 

Mobile Optimization with Ag CMS

on

  • 389 views

the mobile theme was applied to Ag CMS in March 2012, making it user-friendly for those looking for knowledge from their phones.

the mobile theme was applied to Ag CMS in March 2012, making it user-friendly for those looking for knowledge from their phones.

Statistics

Views

Total Views
389
Views on SlideShare
389
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

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

Mobile Optimization with Ag CMS Mobile Optimization with Ag CMS Presentation Transcript

  • Building a Mobile-optimized Website in Ag CMS Sonja Fuchs Web Technology Specialist
  • Good News! • • Mobile theme was released March 2013, so the work has been done! No need for you to redesign This session will focus on what you can do in Ag CMS to ensure your mobile site is user-friendly
  • Why Care About Mobile? • 2013: close to a billion smartphones are forecasted to sell • 2014: mobile internet usage will overtake desktop usage • 2015: 81% of U.S. cell users will have smartphones Source: http://socialmediatoday.com/1709136/mobile-usage-today-infographicImage by philcampbell http://www.flickr.com/photos/clanlife/6369804665/sizes/m/in/photostream/
  • Take a Guess Number of Ag CMS site visits that came in from a mobile device from 10/01/12 to 9/30/13: A. 5,903 B. 29,032 C. 48,163 Image from http://www.flickr.com/photos/csaila/3648816968/sizes/m/in/photostream/
  • Correct Answer: Number of Ag CMS site visits that came in from a mobile device from 10/01/12 to 9/30/13: A. 5,903 B. 29,032 C. 48,163
  • Take a Guess For the same time period: • Desktop visits to Ag CMS sites increased 40% • Tablet visits to Ag CMS sites increased 197% • Mobile visits increased by? A. 570% B. 89% C. 23%
  • Correct Answer: For the same time period: • Desktop visits to Ag CMS sites increased 40% • Tablet visits to Ag CMS sites increased 197% • Mobile visits increased by? A. 570% B. 89% C. 23%
  • There’s three types of mobile sites
  • 1. Dump Desktop Site onto Mobile (NOT user-friendly)
  • 2. Complete Re-Design - $$$
  • 3. Apply Mobile Theme
  • Anatomy of an Ag CMS Desktop Page
  • Desktop vs. Mobile Consumption Desktop sites are horizontal Image by http://famousinyourfield.com/ Mobile sites are vertical
  • Display Order of Mobile Ag CMS Sites
  • What is This?
  • Expand Menu/Navigation
  • Check Your Ag CMS Site on Mobile • How does it look? • If you don’t have access to a mobile phone, you can download this tool to see how your site looks on mobile: http://www.springbox.com/mobilizer/ • Make any necessary adjustments to ensure the mobile users are getting what they want from your site
  • Tips Keep the following tips in mind as you update your desktop Ag CMS site, to ensure your mobile site is user-friendly
  • Stay Away from Directionals
  • What Won’t Display on Mobile • Facebook Like Box portlet – there is an alternative • Slideshow portlet • Discreet text type
  • Don’t Use Tables for Image Layout Tables used for images can display poorly on mobile Table columns without headings do not meet accessibility standards.
  • Work-arounds in Formatting in Ag CMS Won’t Work Using Header to display a larger font Using html for horizontal line rules to break up content Call us for alternatives
  • Do You Have VVS? http://www.youtube.com/watch?v=Bt9zSfinwFA
  • Questions? Need Help? Contact Sonja Fuchs (701) 231-6403 or Bob Bertsch (701) 231-7381
  • Feedback Please complete the post-session survey at http://bit.ly/webservfc13