48
Nathan Gerber Utah Valley University

Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

Embed Size (px)

Citation preview

Page 1: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

Nathan GerberUtah Valley University

Page 2: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

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

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
Page 5: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 6: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 7: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

Resources Administration

Campus CommunityTechnology

Changes

Page 8: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 9: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 10: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 11: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 12: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 13: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 14: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

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

Marketing ITTHE WEBTEAM

Page 16: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

University Communications Committee

Page 17: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

Trainings

Videos

Communications

Events

Contacts

Page 18: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 19: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 20: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

One Direction

Page 21: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

One Direction…Working Together

Page 22: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 23: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 24: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

ImagesScriptsStylesResources

Simple(does not mean boring)

Page 25: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 26: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

Everything can’t fit on a small scr

Page 27: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

- Trent Walton -

Page 28: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

stacking vs. interdigitating

- Trent Walton -

Page 29: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 30: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 31: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 32: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 33: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 34: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

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
Page 36: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 37: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 38: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 39: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 40: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

©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

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

Web Community

Page 43: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013
Page 44: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

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

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

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

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!

Page 48: Creating a "Responsive" Web Community on Campus - HighEdWeb 2013

Q & [email protected]