making mobile the default
TRANSCRIPT
![Page 1: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/1.jpg)
Making Mobile the DefaultBrent Swisher and Daniel SlaughterGrand Valley State University
![Page 2: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/2.jpg)
The Web Team
![Page 3: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/3.jpg)
CMS 3++
![Page 4: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/4.jpg)
![Page 5: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/5.jpg)
Brainstormed
![Page 6: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/6.jpg)
● Pre-Built Content Templates● Easier way to layout content● Save pages as Draft● More flexibility in header images● Automatic Photo Resizing● And 65 other things...
What They Wanted
![Page 7: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/7.jpg)
● Mobile Friendly● Force usability best practices
○ Navigation Items○ Content Hierarchy
● Maintain Similar URLs for SEO● Easier for developers (us!) to write custom
forms
What We Wanted
![Page 8: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/8.jpg)
Go!
![Page 9: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/9.jpg)
Content Chunks (Admin)
DEMO
![Page 10: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/10.jpg)
Content Chunks (Public)
DEMO
![Page 11: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/11.jpg)
Navigation
● Looked at CMS 3 to see number of items● Attempted to limit based on usability
guidelines● Horizontal vs. Vertical Navigation● How we helped out users
○ Card Sorts○ http://www.optimalworkshop.com/optimalsort.htm
![Page 12: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/12.jpg)
● Automatic image resizing
● Tags, not folders● Multiple image
sizes for different resolutions
File Assets
![Page 13: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/13.jpg)
Involvement
![Page 14: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/14.jpg)
Alumni Relations CMS
● Their old website had a custom layout
● They were using custom functionality we needed to account for
![Page 15: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/15.jpg)
Alumni Relations CMS
● Using the default CMS4 template, their new website was bold, had showcased features up front, and was mobile friendly
![Page 16: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/16.jpg)
● 6 Initial Seminars● Helped us see
people’s feedback immediately
● Created a YouTube video
Training Sessions
http://gvsu.edu/s/Dp
![Page 17: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/17.jpg)
Adoption Statistics
![Page 18: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/18.jpg)
Difficulties
![Page 19: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/19.jpg)
That’s Neat!
![Page 20: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/20.jpg)
● User driven Q&A● Anyone can ask
questions or answer them
● Web Team can promote answers
CMS Help
![Page 21: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/21.jpg)
● On every page● Allows anyone to
report an issue● Automatically
contacts the site’s administrators
Report a Problem
![Page 22: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/22.jpg)
Helpful Tools
● CKEditor.com● jQuery.com
○ Datepicker● Bootstrap● Responsive Image Gallery ● Google Analytics● Reinvigorate
![Page 23: Making Mobile the Default](https://reader031.vdocuments.site/reader031/viewer/2022032218/55abea3a1a28abbf678b4825/html5/thumbnails/23.jpg)
Questions?