Making Mobile the Default

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?

Thank You

Brent [email protected]@brentswisher

Daniel [email protected]@danielslaughter