Mobile Optimization with Ag CMS

431 views
370 views

Published on

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

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
431
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile Optimization with Ag CMS

  1. 1. Building a Mobile-optimized Website in Ag CMS Sonja Fuchs Web Technology Specialist
  2. 2. 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
  3. 3. 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/
  4. 4. 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/
  5. 5. 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
  6. 6. 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%
  7. 7. 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%
  8. 8. There’s three types of mobile sites
  9. 9. 1. Dump Desktop Site onto Mobile (NOT user-friendly)
  10. 10. 2. Complete Re-Design - $$$
  11. 11. 3. Apply Mobile Theme
  12. 12. Anatomy of an Ag CMS Desktop Page
  13. 13. Desktop vs. Mobile Consumption Desktop sites are horizontal Image by http://famousinyourfield.com/ Mobile sites are vertical
  14. 14. Display Order of Mobile Ag CMS Sites
  15. 15. What is This?
  16. 16. Expand Menu/Navigation
  17. 17. 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
  18. 18. Tips Keep the following tips in mind as you update your desktop Ag CMS site, to ensure your mobile site is user-friendly
  19. 19. Stay Away from Directionals
  20. 20. What Won’t Display on Mobile • Facebook Like Box portlet – there is an alternative • Slideshow portlet • Discreet text type
  21. 21. 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.
  22. 22. 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
  23. 23. Do You Have VVS? http://www.youtube.com/watch?v=Bt9zSfinwFA
  24. 24. Questions? Need Help? Contact Sonja Fuchs (701) 231-6403 or Bob Bertsch (701) 231-7381
  25. 25. Feedback Please complete the post-session survey at http://bit.ly/webservfc13

×