Redesigning a part of a form to be more student-friendly and inclusive
UX Designer
3 weeks
Inclusive Design
In order for students to go to a California Community College, they must create an account and apply through a website called OpenCCC. When students are filling out the application, they are asked to provide a social security number (SSN) in order for the colleges to identify the students and facilitate financial aid.
To stay compliant with state laws, the original copy used for the SSN portion intimidated students. The copy had too much legal jargon, fearful language like “federal law”, “failure to provide”, and terms like “non-resident aliens'' that confused undocument students.
Along with complex language, the user experience for simple tasks like entering an SSN is confusing and intimidating thanks to large amounts of legal language surrounding the text fields.
Screenshot of the old SSN portion in OpenCCC
Right away, there is a lot of legal language regarding the importance of providing a social security number. When someone skims through the image, keywords like "federal law", "failure to provide", and "non-resident aliens" can potentially create a lot of fear. Also, the copy states that the student is required to provide an SSN is simply not true.
My goal for the redesign of the SSN question is to shorten and streamline the layout and language, while maintaining compliance with IRS, federal, and state requirements.
Simplifying the overall layout
The redesigned SSN question has been heavily simplified and features a natural flow. All legal language has been placed in a hyperlink and we ask the student's SSN in a natural way.
Clearer disclosure text
In OpenCCC, it is required to disclose information on why SSN information is being collected. With the redesign, we collaborated with the client on simplifying the explanations, removed a lot of legal fluff (while keeping section codes for legal purposes), and made it clear that this applies to both documented or undocumented students.
Scaffolding and a reimagined dropdown menu
Scaffolding is used to hide/show the necessary information to the student. Options in the redesigned dropdown menu are in bold and a brief explanation is provided for each answer choice.
Subtle, but important reminders
If we need to remind the student with any required legal disclaimers, it’s shown in a gentle but noticeable fashion.
Provide helpful tutorials where it's necessary
In case students do not know the format of their SSN, a modal is provided with quick and clear information about SSNs or TINs.
All of these simplifications and tweaks deliver an experience that is easier for any student to understand. Based on early feedback from our clients, students had an easier time to understand the new layout. Most importantly however, undocumented students no longer felt intimidated by the language used.
Although we made these simplifications, I felt like we could’ve gone further with streamlining the text. Early drafts of the copy did not include section codes, but we had to strike a balance of friendliness and legality.