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/ h th h t fi di th h tt t t f b it /
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
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
Top Related