responsive community - eduweb 2013
TRANSCRIPT
Creating a “Responsive” Web Community on
Campus Nathan Gerber
Utah Valley University
Nathan Gerber Director, Web Dev. Services,
Utah Valley University 14yrs. Web IA, CMS Consulting Noel-Levitz Associate
Consultant, Web Strategy and Interactive Marketing Services team
UVU Centralized CMS Decentralized content 30,000 public pages 400+ web folks across
campus
Nathan Gerber @nathangerber
Leveraging the energy around RWD
Focusing technology on the people
Creating communications plan
Today’s Agenda
1
2
3
Disclaimer: No website was made responsive during the making of this presentation
UVU Web Developers 2011
UVU Web Community 2011
Evolution of the Web
Resources Administration
Campus CommunityTechnology
Changes
When Lightning Strikes…
Wanted to harness the energy
UVU Web Community 2013
Three Pronged Approach Connecting Training Collaborating
Web Community 2.0
Our Tools Engagement Sessions CMS Comm. Channels
◦ Website◦ Email◦ Blog
Campus Collaboration
Marketing ITTHE WEB TEAM
UVU Web Organization
University Communications Committee
Trainings
Videos
Communications
Events
Contacts
One Site, One Team
}
Past community experience◦ Drinking through fire hose◦ Dictator
Too techie
The Way It Felt
RWD Benefits
RWD Technical Hurdles
ImagesScriptsStylesResources
Best Approach to RWD
}Simple(does not mean boring)
Content = KING
Content to the hands of all
visitors on all devices effectively
KING
Guess What, You Can’t Show Everything on a small
screen
The Next Issues
- Trent Walton -
Content Choreography
stacking vs. interdigitating
- Trent Walton -
Mobile First
Consistency = Efficiency
Leveraging Campus Resources
Leveraging Technology
Leveraging Technology
Leveraging CMS
Flexible Templating System:
Developers create, content experts can use
Content elements become focus, not page
Paradigm shift for developers and content experts
Different Templates, Different Dances
Responsive Images
Consider Email & Landing Pages
©2013 Noel-Levitz, LLC. 2013 E-Expectations Report: The Impact of Mobile Browsing on the Online Behavior of College-Bound High School Students.
Recommendations:
Students checking e-mail on a smartphone are not going to read the same way they will on a full-size PC or laptop screen. Your e-mail messages need to adapt to this reality.
• Economize your e-mail copy as much as possible so mobile users won’t have to scroll through long lines of text.
• Create designs that, while attractive, maximize the screen space of smaller displays.
• Move calls to action up so they display before the fold or on the first scroll of a mobile display, and repeat the request at the end.
• Test all of your messages on a variety of mobile platforms before deploying.
Leveraging Testing Resources
Web Communit
y
“When the student is ready, the teacher will
appear”
-- Buddist Proverb --
Third Party Content
HTML basics
SEO help
Social media strategies
CSS styling
Trainings Search improvements
Content writing
Photoshop mockup templates
Email strategies
What are your channels?◦ Meetings, Website, Blog, CMS messaging
What goes out to each channel? How often does information go out through
each channel?◦ Emails, once per month◦ Blog posts, once every 2 weeks◦ CMS messaging, as system needs
Who has access to each channel?◦ To consume? To send?
Can any communications be repurposed?
Communications Plan
Key Points
Your Web Community can be a vast
resource
Working together is key!
Your existing tools must support your efforts
Communications plan is a must!
RWD has energy, capture it
Keep it simple, not boring