SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Andere mochten auch

Better Web Searching
Better Web SearchingBetter Web Searching
Better Web SearchingSonja Fuchs
 
Cloud Drives at NDSU
Cloud Drives at NDSUCloud Drives at NDSU
Cloud Drives at NDSUSonja Fuchs
 
Reaching & interacting with your facebook audience
Reaching & interacting with your facebook audienceReaching & interacting with your facebook audience
Reaching & interacting with your facebook audienceSonja Fuchs
 
Success Showcase - Using Google Forms for Extension Programming
Success Showcase - Using Google Forms for Extension ProgrammingSuccess Showcase - Using Google Forms for Extension Programming
Success Showcase - Using Google Forms for Extension ProgrammingSonja Fuchs
 

Andere mochten auch (6)

Better Web Searching
Better Web SearchingBetter Web Searching
Better Web Searching
 
Cloud Drives at NDSU
Cloud Drives at NDSUCloud Drives at NDSU
Cloud Drives at NDSU
 
Reaching & interacting with your facebook audience
Reaching & interacting with your facebook audienceReaching & interacting with your facebook audience
Reaching & interacting with your facebook audience
 
Google Drive
Google Drive Google Drive
Google Drive
 
Success Showcase - Using Google Forms for Extension Programming
Success Showcase - Using Google Forms for Extension ProgrammingSuccess Showcase - Using Google Forms for Extension Programming
Success Showcase - Using Google Forms for Extension Programming
 
Apps
AppsApps
Apps
 

Ähnlich wie Mobile Optimization with Ag CMS

Gentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentationGentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentationknowledge22
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdfTECHCENTRAL3
 
How to optimize your blog for mobile traffic
How to optimize your blog for mobile trafficHow to optimize your blog for mobile traffic
How to optimize your blog for mobile trafficgroceryalerts
 
IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012Alex Leece
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesMatt Machell
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized websiteCK Yang
 
Introduction to mobile site
Introduction to mobile siteIntroduction to mobile site
Introduction to mobile siteDigital Shende
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)ssuserd60633
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsSynapseIndia
 
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Jack Zheng
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information ArchitectureChristian Crumlish
 
Mobile web marketing - eSalesData
Mobile web marketing - eSalesDataMobile web marketing - eSalesData
Mobile web marketing - eSalesDataeSalesData
 
The Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEOThe Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEORegan McGregor
 
Ready, Set, Go Mobile!
Ready, Set, Go Mobile!Ready, Set, Go Mobile!
Ready, Set, Go Mobile!Hall_
 
Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015MobileMoxie
 
Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015Suzzicks
 
Presentation on Mobile/Tablet Design
Presentation on Mobile/Tablet DesignPresentation on Mobile/Tablet Design
Presentation on Mobile/Tablet Designlenz123
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designEzekiel Binion
 
Mobilegeddon Is Coming!
Mobilegeddon Is Coming!Mobilegeddon Is Coming!
Mobilegeddon Is Coming!Bhoomi Patel
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationHelmi Hasan
 

Ähnlich wie Mobile Optimization with Ag CMS (20)

Gentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentationGentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentation
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
 
How to optimize your blog for mobile traffic
How to optimize your blog for mobile trafficHow to optimize your blog for mobile traffic
How to optimize your blog for mobile traffic
 
IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for Libraries
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
 
Introduction to mobile site
Introduction to mobile siteIntroduction to mobile site
Introduction to mobile site
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
 
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Mobile web marketing - eSalesData
Mobile web marketing - eSalesDataMobile web marketing - eSalesData
Mobile web marketing - eSalesData
 
The Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEOThe Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEO
 
Ready, Set, Go Mobile!
Ready, Set, Go Mobile!Ready, Set, Go Mobile!
Ready, Set, Go Mobile!
 
Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015
 
Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015Mobile Page Speed - SMX Munich 2015
Mobile Page Speed - SMX Munich 2015
 
Presentation on Mobile/Tablet Design
Presentation on Mobile/Tablet DesignPresentation on Mobile/Tablet Design
Presentation on Mobile/Tablet Design
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product design
 
Mobilegeddon Is Coming!
Mobilegeddon Is Coming!Mobilegeddon Is Coming!
Mobilegeddon Is Coming!
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisation
 

Kürzlich hochgeladen

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 

Kürzlich hochgeladen (20)

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 

Mobile Optimization with Ag CMS

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