Program Mapper v2
Client: The California Community Colleges Chancellor's Office
Date: September 2017
Programs: Sketch, InVision, Zeplin
Duration: 10 Months
Client and Project Overview:
The California Community Colleges System (CCC) is comprised of 114 community colleges and is the most extensive system of higher education in the world, with more than 2.1 million students. Academic Affairs, within The California Community Colleges Chancellor’s Office (CCCCO), is responsible for providing curriculum guidance and overseeing instructional operations. They are seeking a clear visual representation of the course sequence and progression and keeping students on track for graduation. To accomplish these goals, the CCCCO is interested in leveraging guided curriculum pathways.
The central pillar of guided pathways provides students with relevant information and management about curriculums. It identifies specific course sequences, milestones, and learning outcomes with objectives. One way to clarify paths for students is to simplify institution and program exploration through visualizations. For administrators and faculty, the Program Mapper pathway tool will enable the ability to customize content and update pathways throughout the year, keeping students informed and successful.
Objectives
Program Mapper implements a visualization of course catalogs and is an agnostic tool that acts as a seamless extension of college brands and experiences. It delivers complex academic content such as programs, course order, prerequisites, transfers, and part-time attendance in a consistent visual language. The design accomplishes this through a clear hierarchy, straightforward language, and a structure that encourages interaction and exploration. Ultimately, Program Mapper will improve the student experience of course planning, certificate, and degree exploration at community colleges across California.
Project Objectives: (Needs to be updated)
- View class matriculation through a visual pathway
- Track and explore key programs and course details
- Update pathway viewing options: part-time options and university system transferability
- Explore career salaries and growth rates related to different pathway options
- Control the theme of the site though colors and images
- Fully satisfies the requirements of WCAG 2.0, level AA
Design Exploration
I approached designing the Program Mapper tool by dividing it into two targets, the container that focused on career info and guided the user to the pathway, and the interactive, pathway-based visualization of the traditional course catalog...
Final Design
I approached designing the Program Mapper tool by dividing it into two targets, the container that focused on career info and guided the user to the pathway, and the interactive, pathway-based visualization of the traditional course catalog...
Updated UX - Mention responsive: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Image Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Image Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Image Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Image Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Design System
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis. Cras id diam ac orci iaculis facilisis semper a ex.
Foundations: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Components: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique lorem vel ex pharetra, non dignissim nulla sagittis.
Outcomes
The Program Mapper Tool is currently in its second design and development phase. Early user focus groups, high schools and college faculty have shown great interest in this product. It has also received praise from various college presidents and from the Executive Vice Chancellor of The California Community Colleges Chancellor’s Office.
Retrospective
This UI design was the second iteration of a first release in an agile work environment. Given more time I would flush out additional theming possibilities and functionality. With more theming the design could have felt more unique across different colleges.