Mobile Optimization with Ag CMS

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

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