creating a "responsive" web community on campus - highedweb 2013
TRANSCRIPT
![Page 1: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/1.jpg)
Nathan GerberUtah Valley University
![Page 2: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/2.jpg)
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 420+ web folks across
campus
Nathan Gerber@nathangerber
![Page 3: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/3.jpg)
Utilize energy around new technologies
Leverage tech. to help the community
Grow community by communicating
11
22
33Disclaimer: No website was made responsive during the making of this presentation
![Page 4: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/4.jpg)
![Page 5: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/5.jpg)
![Page 6: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/6.jpg)
![Page 7: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/7.jpg)
Resources Administration
Campus CommunityTechnology
Changes
![Page 8: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/8.jpg)
![Page 9: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/9.jpg)
![Page 10: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/10.jpg)
![Page 11: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/11.jpg)
![Page 12: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/12.jpg)
![Page 13: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/13.jpg)
![Page 14: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/14.jpg)
Three Pronged Approach Connecting Training Collaborating
Our Tools Engagement Sessions CMS Comm. Channels◦ Website◦ Email◦ Blog
![Page 15: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/15.jpg)
Marketing ITTHE WEBTEAM
![Page 16: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/16.jpg)
University Communications Committee
![Page 17: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/17.jpg)
Trainings
Videos
Communications
Events
Contacts
![Page 18: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/18.jpg)
![Page 19: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/19.jpg)
![Page 20: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/20.jpg)
One Direction
![Page 21: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/21.jpg)
One Direction…Working Together
![Page 22: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/22.jpg)
![Page 23: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/23.jpg)
![Page 24: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/24.jpg)
ImagesScriptsStylesResources
Simple(does not mean boring)
![Page 25: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/25.jpg)
![Page 26: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/26.jpg)
Everything can’t fit on a small scr
![Page 27: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/27.jpg)
- Trent Walton -
![Page 28: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/28.jpg)
stacking vs. interdigitating
- Trent Walton -
![Page 29: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/29.jpg)
![Page 30: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/30.jpg)
![Page 31: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/31.jpg)
![Page 32: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/32.jpg)
![Page 33: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/33.jpg)
![Page 34: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/34.jpg)
Flexible TemplatingSystem:
Developers create, content experts can use
Content elements become focus, not page
Paradigm shift for developers and content experts
![Page 35: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/35.jpg)
![Page 36: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/36.jpg)
![Page 37: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/37.jpg)
![Page 38: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/38.jpg)
![Page 39: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/39.jpg)
![Page 40: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/40.jpg)
©2013 Noel-Levitz, LLC. 2013 E-Expectations Report: The Impact of Mobile Browsing on the Online Behavior of College-Bound High School Students.
![Page 41: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/41.jpg)
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.
![Page 42: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/42.jpg)
Web Community
![Page 43: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/43.jpg)
![Page 44: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/44.jpg)
HTML basics
SEO help
Social media strategies
CSS styling
Search improvements
Content writing
Photoshop mockup templates
Email strategies
Many more…
![Page 45: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/45.jpg)
What are your channels?◦ Meetings, Website, Blog, CMS messaging
What goes out to each channel?
Who has access to each channel?◦ To consume? To send?
Can any communications be repurposed across channels?
![Page 46: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/46.jpg)
How often does information go out through each channel?◦ Emails, once per month◦ Blog posts, once every 2 weeks◦ CMS messaging, as system needs
How can community communicate with us?◦ How will we let them know we heard them?◦ How do we moderate?
This is a living plan, ever changing
![Page 47: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013](https://reader033.vdocuments.site/reader033/viewer/2022060120/5591c2f81a28ab49408b45b5/html5/thumbnails/47.jpg)
Your Web Community can be a vast resource
Your existing tools must support efforts
Communications plan is a must!
RWD has energy, capture it
Keep it simple, not boring
Working together is key!