Embed Size (px)
Citation preview
Making Mobile the DefaultBrent Swisher and Daniel SlaughterGrand Valley State University
The Web Team
CMS 3++
Brainstormed
● 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
● 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
Go!
Content Chunks (Admin)
DEMO
Content Chunks (Public)
DEMO
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
● Automatic image resizing
● Tags, not folders● Multiple image
sizes for different resolutions
File Assets
Involvement
Alumni Relations CMS
● Their old website had a custom layout
● They were using custom functionality we needed to account for
Alumni Relations CMS
● Using the default CMS4 template, their new website was bold, had showcased features up front, and was mobile friendly
● 6 Initial Seminars● Helped us see
people’s feedback immediately
● Created a YouTube video
Training Sessions
http://gvsu.edu/s/Dp
Adoption Statistics
Difficulties
That’s Neat!
● User driven Q&A● Anyone can ask
questions or answer them
● Web Team can promote answers
CMS Help
● On every page● Allows anyone to
report an issue● Automatically
contacts the site’s administrators
Report a Problem
Helpful Tools
● CKEditor.com● jQuery.com
○ Datepicker● Bootstrap● Responsive Image Gallery ● Google Analytics● Reinvigorate
Questions?
