Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward...
-
Upload
simon-moody -
Category
Documents
-
view
216 -
download
0
Transcript of Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward...
![Page 1: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/1.jpg)
Improving the Higher Education Web Experience Through Responsive Web Design
Christopher WardKennesaw State UniversityAssistant Director of Web Services@beerpievader
Amos WilliamsKennesaw State UniversityLead Web and Mobile Developer@trezzay
![Page 2: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/2.jpg)
Hey,…let’s call an audible.
![Page 3: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/3.jpg)
Looking Past Native Apps: Responsive Campus Map
Responsive/Mobile Websites - HTML5 Frameworks, CSS Preprocessors, and Touch Interfaces
Moving the USG Website into a Responsive Design Template
Improving the Higher Education Web Experience Through Responsive Web Design
![Page 4: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/4.jpg)
![Page 5: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/5.jpg)
Improving the Higher Education Web Experience Through Responsive Web Design
Christopher WardKennesaw State UniversityAssistant Director of Web Services@beerpievader
Amos WilliamsKennesaw State UniversityLead Web and Mobile Developer@trezzay
![Page 6: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/6.jpg)
Improving the Higher Education Web Experience Through Responsive Web Design
Christopher WardKennesaw State UniversityAssistant Director of Web Services@beerpievader
Amos WilliamsKennesaw State UniversityLead Web and Mobile Developer@trezzay
![Page 7: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/7.jpg)
Questions
1.2.3.4.5.6.7.8.9.10.
![Page 8: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/8.jpg)
What we’re gonna talk about…
RWD Implementation Process at KSU
Office of Undergraduate Admissions
Office of Student Financial Aid
Office of the Registrar
Analytics
Challenges
![Page 9: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/9.jpg)
So, <ALL> of this started in September 2011
![Page 10: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/10.jpg)
Kennesaw State Enrollment Services
Admissions
FinancialAid
Registrar
![Page 11: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/11.jpg)
Kennesaw State Enrollment Services
Admissions
FinancialAid
Registrar
![Page 12: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/12.jpg)
Kennesaw State Enrollment Services
![Page 13: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/13.jpg)
Goals
Consistent look-and-feel
Uniform user experience
Simplify navigation
Simplify content
Oh, and make sure it works on phones
![Page 14: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/14.jpg)
Office of Undergraduate Admissions
![Page 15: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/15.jpg)
![Page 16: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/16.jpg)
![Page 17: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/17.jpg)
Admissions Action Steps
Content Inventory and Gardening
Condense Navigation
Research and Test Workable RWD Navigation Patterns
Supplement with Alternate Forms of Content
![Page 18: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/18.jpg)
Launched July 2012
![Page 19: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/19.jpg)
Office of Student Financial Aid
![Page 20: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/20.jpg)
![Page 21: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/21.jpg)
PDF Mountain
![Page 22: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/22.jpg)
Financial Aid Action Steps
Mobilize Content
Integrate Video Throughout Site
Integrate Social Media Into Site
Adopt Enrollment ServicesLook-and-Feel
![Page 23: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/23.jpg)
Launched January 2013
![Page 24: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/24.jpg)
Office of the Registrar
![Page 25: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/25.jpg)
PDF Mountain
![Page 26: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/26.jpg)
PDF Mountain
![Page 27: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/27.jpg)
![Page 28: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/28.jpg)
Registrar Action Steps
Mobilize Content
Logically Organize Content Into Simple Categories
Push Content Closer to the Home Page
Adopt Enrollment ServicesLook-and-Feel
![Page 29: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/29.jpg)
Launched July 2013
![Page 30: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/30.jpg)
What Did We Learn
Responsive Web Design Is Hard
A Great Responsive Site Starts With Great Content
Responsive Web Design Requires Communication
![Page 31: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/31.jpg)
The phrase responsive web design doesn’t
have any meaning
whatsoever to anyone outside
of our field.http://speckyboy.com/2013/08/07/why-clients-dont-care-about-responsive-web-design/
![Page 32: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/32.jpg)
![Page 33: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/33.jpg)
Higher Ed Responsive Web Design is more than putting a Web site on a phone. It is a complicated process that
requires complex practices and
solutions.
![Page 34: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/34.jpg)
But We Also Learned <One More Thing>…
![Page 35: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/35.jpg)
People Visit These Sites On Phones!
One in six visits to an Enrollment Services site is on a mobile device
One in four visits to Undergraduate Admissions is from a mobile device (135K)
Operating Systems Visiting Enrollment Services sites break roughly 2/3 iOS, 1/3 Android
![Page 36: Improving the Higher Education Web Experience Through Responsive Web Design Christopher Ward Kennesaw State University Assistant Director of Web Services.](https://reader036.fdocuments.net/reader036/viewer/2022062421/56649dc65503460f94abac54/html5/thumbnails/36.jpg)
So,…Let’s Talk About You.
Where are you with Responsive
Web Design?; where do you want to go?; what do you
want to learn?