Show Improved

Show Original

This form allows potential college students to sign up for an informational session at Framingham State University.

Ironically, it doesn't present a good first impression of the University.

People comfortably view, assess and remember 3-4 instructions, directions, item or tasks at a time. More than that, and people forget or become overwhelmed.

Additionally, cognitive thinking, including assessment and understanding, requires far more focus and energy than both primal and emotional thinking. When confronted by a task that might be simple, but visually appears daunting, most people will shy away.

With its 19 inputs and instructions, this form far surpassess the amount of tasks a person is comfortable tackling.

The inputs are of different sizes, and crammed again their instruction labels. Not only does the form look difficult to fill out, it's hard to use, and with its unorganized and haphazard appearance, one might think it's not an offical University website form, or that it's broken, and not functional.

The language on the instructional form labels is awkward in places. "If you plan to participate in intercollegiate athletics, please list the sport(s)".

The form is so disorganized, it's difficult to find the Submit button at the bottom of the page. After filling out such a long and difficult-to-use form, the button label "submit" seems confusing here. Does the user even remember what this form is supposed to do? And what happens after the form is submitted? There's no explanation here setting expectations of what happens next in the signup process.

To improve the form, it made sense to reduce the number of elements, so the user sees only 3-4 items: a number which most people are comfortable tackling.

While the form has 19 inputs that can't be eliminated, they can be grouped into digestible chunks.

I grouped 18 of the 19 into 3 boxed groups. Instead of 19 elements to digest, the user now has 3 defined boxes of inputs to fill out, and a defined submission area beneath the main form.

To pare it down further, I hid the 3 inputs related to "Current School I Attend" (current school name, current school city, current school state), and within the "Your education experience", I added a field "Currently attend school?".

When the user selects "yes" beside "Currently attend school?", the 3 elements related to Current School are displayed.

You can change "currently attend school" from no to yes in the form to the right, to see the hidden form fields display.

This eliminates those fields from view, and displays them only if the user needs to provide the information. With those inputs hidden when the page loads, this change makes the form appear shorter.

To improve usability and increase the credibility of the form as a University-representative entity, the inputs were made a consistent and larger size.

Form label instructions were also aligned for improved readability, and the language was simplified.

The Submit button was non-descript, as it didn't confirm for the user what function would happen when clicked. I changed this to "Book Your Session". I also added language ("You will recieve email confirmation within 48 hours of booking"), to set expectations of what happens next in the sign up process.

The security image was enlarged to improve its readability.

 

Your Contact Information

Select an information session

All sessions begin at 10:00 a.m., in the Undergraduate Admissions Welcome Center, unless otherwise noted.

Your education experience

Can't see the image?
Click here for an audible version in English.

Unsure what the characters are?
Make your best guess -- you can try again.

Please enter the characters you see in this picture.

You will receive email confirmation within 48 hours of booking.