Problem / Issue

The current version of CCCApply applications (uPortal v.Xx) is not currently accessible via mobile phones or tablet devices, thus impacting the student-centric user experience by limiting 

Image Removed

Image Removed

Proposed Solution

Gary Thompson was approved to produce a series of wireframes  and then once created - review with stakeholders (Apply team, Product manager, Program & Tech Center Managers, and then Advisory committee.

See Demos, Links and Jira Epics

EPIC:  

Gary Thompson - Wireframe Designs

file:///Users/patriciadonahue/Downloads/apply-responsive/index.html?copyAplInfoChoice=option1#

Image Removed

Dependencies, Risks and/or Reporting Requirements?

Question

Yes

No

Which data field(s)?

What/How?

Does this change affect any other state or federal regulations or requirements?

Supporting Documentation

was not designed for mobile devices. In today's terms, they are "mobile friendly", which means that desktop view pages are shrunken down to fit on a mobile phone or tablet sized window, thus greatly impacting student experience for the 95% of smart phone users, many of which are students trying to apply to our colleges online. 

Short of completely re-writing all three CCCApply applications in a native or hybrid "mobile first" design, which would be costly and time-consuming, (but something we hope to have approved on a future roadmap) CCCApply must be adapted using a responsive design to provide minimum viable functionality for CCC students.

Our current data from Google Analytics for fiscal year 2018-2019 shows that 25.1% of CCCApply applicants are submitting their applications on their mobile devices.  Based on the research from Campus Technology and other leader education publications, his number could increase by another 40% if CCCApply was responsive for mobile users. (See numbers below showing 62-67% of students polled say they would submit forms on their smartphones, given the opportunity.) 

According to a 2015 article in Campus Technology, "seventy-eight percent of college-bound students have access to a mobile device and are using mobile during the college search process; and 51% prefer to have college websites adapt for mobile display".  

New data shows how interested college-bound high school students are in using a mobile device:

• 78% have access to a mobile device
• 73% are interested in campus-specific mobile apps
• 68% have visited a college website on a mobile device
• 51% prefer to have college websites adapt to mobile display
• 43% use mobile devices for ALL of their web browsing

Furthermore, 62% of students want to complete the following forms on a mobile device?

• 67% - Open house registration
• 67% - schedule an appointment or visit
• 67% - calculate costs
• 62% - calculate scholarships
• 62% - register for classes

CCCApply Data Analytics for Mobile vs. Desktop

Data stats across one week in June show that 30% of students are still attempting to complete the CCCApply application on their mobile device, even though the application had not yet been adapted for mobile. 

With the new mobile-support work underway, we'll be tracking actuals vs estimated mobile users via Google Analytics.

CCCApply Standard Application Data from:  June 16 - July 15, 2019 Total Users:  368,987 Desktop = 253,499  (68.5%) Mobile = 104,121 (28.2%) Tablet = 11,367  (3.3%)	Image Added
PC vs Mobile  June 16 - July 15, 2019	Image Added
PC vs Mobile  June 16 - July 15, 2019	Image Added

Proposed Solution

Update the CCCApply Standard, Noncredit, International and Promise Grant Applications to include a mobile responsive design, making design adjustments where needed to comply with industry accessibility standards, and mobile design best practices.

Including My Applications, ensure the look and feel of the pages, input fields, headers and footers, pop-up help text and validation errors - improve the application experience for students viewing and submitting their application on their mobile device. 

Implement industry standard mobile design practices where applicable, including icons, buttons, links, and other graphical elements.

Ensure the applications can be submitted on cellphone, smartphone, and tablet devices - as well as desktops and laptops.

Ensure the ability to reach Help and Support links are easily accessible.

Note: In first phase, and in an effort to expedite the responsible mobile version of Apply, the schedule is driving the scope of the project. In other words, some features and CSS styling elements will not be completed, including an enhanced Application Guide for students and some integration with MyPath (International Application). Business requirements and technical estimates for these features are complete and waiting for approval to begin development.

Screenshots

My Applications

Image Added

Supporting Documentation

For Internal Use Only

Demo Recordings

Demo 1

Gary Thompson demoed round 1 of the prototype 6.11.19.