CamelWeb 5.0 The Next-Generation Campus Portal Laurie Schaeffer, Director of Internet Services Andrew Tillinghast, Senior Web Developer Thomas Palazzo, Senior Web Developer This presentation leaves copyright of the content to the presenter. Unless otherwise noted in the materials, uploaded content carries the Creative Commons Attribution-NonCommercial-ShareAlike license, which grants usage to the general public with the stipulated criteria.

Connecticut College rebuilt its campus portal leveraging Luminis 5 Connecticut College rebuilt its campus portal leveraging Luminis 5.1 and responsive design to create “CamelWeb, The Next Generation.” CamelWeb has become a virtual center that enriches the community with information, assistance, and collaboration. We collected valuable input and ideas from the campus to build… Our mission – to boldly go where Connecticut College has never gone before…

Agenda Why redesign? Our approach Lessons Learned The Results The Tour Continued Development Session ID 2057

Why redesign?

Why redesign? Improve user experience Access from mobile devices Content more relevant and easier to find Access more campus services in one place Banner self service, Moodle, etc. Feedback from surveys and discussions with faculty, staff and students Session ID 2057

Why Redesign? Feedback from Surveys and Discussions Most used features: Staff/Faculty – 1) Directory 2) Forms/Policies 3) Banner Self Service Students – 1) ePortfolio 2) Banner Self Service 3) Student Elections What should we change? What should we add? Easier Navigation Mobile friendly Easier to find things Simplify Other comments - It’s confusing. Help! It needs an update. Seems to be from the 90’s Ability to personalize User-friendly interface A better search tool A tutorial for new users Session ID 2057

Our approach

Our approach Old approach: Committee members representing their group (e.g. students, faculty, staff) New approach: Industry best practices for user experience (UX) design Collect and analyze feedback (surveys, discussions) Developed a master list of portlets Card sorting exercise Wireframing process User Adoption Plan Quickstart Video Coordination with IT Service Desk Home Page Tour Feedback: town meetings, SGA subcommittee, department meetings Card sorting exercise provided usability feedback (Optimal Sort) Comparison of groupings for faculty/staff/students helped determine navigation Wireframing process In several wireframing sessions, we developed navigation and portlet groupings based on card sorting results. Session ID 2057

Our approach: card sorting Session ID 2057

Our approach: wire framing

Our approach: wire framing moqups.com

Our approach: User Adoption Plan

Our approach: User Adoption Plan

Lessons Learned

Lessons Learned Development team needed to increase collaboration/communication Google Hangouts & chat Google docs/drive Wrike Do sufficient load testing! Jmeter Session ID 2057

Lessons Learned Session ID 2057

Lessons Learned Session ID 2057

The results

The results User-friendly design Simple, clean layout, intuitive Integration with Banner and other applications Give users access to Moodle, Banner Self Service, social media all in CamelWeb Responsive design for mobile compatibility Portlets stack, mobile menus, search box drops down Success! Faculty, Staff and Students use and rely on CamelWeb like never before Session ID 2057

The results Out with the old… Session ID 2057

The results In with the new… Session ID 2057

The results Mobile-Friendly Session ID 2057

CamelWeb Tour camelweb.conncoll.edu Tour: Home Page - Home Page Tour - Announcements Workflow, Archives added this year - Directory (including student photos) - Responsive Design - Social Media Integration - Enrollment Guide (new this academic year) My Academics (for students) My Students (for faculty) Campus Services (for all) What’s Open (new this year) For Staff, For Fac, For Students HR/Finance (for fac/staff) My Finances (for students) Documents/Policies (for all) Search helpful for finding these –show search Session ID 2057

Continued Development 2014-2015 CamelWeb 5.0 Launched June 2014. The Journey Continues… Campus Alerts Online Enrollment Guide for Enrolling Students New “What’s Open” Portlet New Announcement features archives announcement submission/workflow Session ID 2057

Continued Development 2014-2015 Campus Alerts Session ID 2057

Continued Development 2014-2015 Session ID 2057

Summary Redesign was necessary The new portal is successful because… Integration with campus applications was needed--the logical next step Old design was sorely outdated, not mobile friendly, cluttered The new portal is successful because… We learned from past experience: committee approach was not effective We got much more feedback than in the past We listened and acted on the feedback Student designers developed the new design We continue to listen and develop to address the needs of the campus Lessons Learned Development team needed greater collaboration/communication for an undertaking of this scale Load testing is critical Session ID 2057

Questions? Laurie Schaeffer lbsch@conncoll.edu Andrew Tillinghast atilling@conncoll.edu Thomas Palazzo tapal@conncoll.edu