This Page is Under Construction, Beware of Missing Content.
UI Design, UX Design, Visual Design
2 Weeks, Spring 2018
In order to modernize and streamline the process of registering a vehicle with the state of New York, I performed a case study to evaluate how the process is currently handled using paper documents and how the dynamic nature of the web can enhance this process.
Feel free to click around this simple XD prototype!
PHASE 1: ANALYSIS
Understanding and Identifying Issues with the current form used to register a vehicle.
PHASE 2: RESEARCH
Being my first real attempt at form design, I thought it would be best to ask around in the design community for any recommendations for readings, examples, or resources to help with the process.
“ Forms make or break the most crucial online interactions ”
- Luke W
Google Design Principles
For Text Field Design
“should indicate that users can enter information.”
“It should be easy to find a text field among other elements”
Should Indicate their state (enabled or disabled, empty or filled, valid or invalid).
Should have clear labels.
Should make clear input type.
Should have assistive text.
PHASE 3: WORK THE PROBLEM
By first learning who the user is, the form can be configured to only ask the user for the information that is necessary to complete their task.
The core form was redesigned to present information in a clear relationship based hierarchy. Subtle features were added to enhance the user experience and reduce error, such as helper text, error icons, and an annotated progress bar.
To key features were introduced to mitigate accidental progress loss. The first is a button in the top right that allows the user to save their progress. The second is a warning screen that is presented when the user attempts to close or leave the page.
Signing a form is an unintuitive action on a desktop site and therefore an alternative method of user certification was required. The user has the option to either enter their social security number, if they are uncomfortable doing so or are not a US citizen they may alternatively upload a photo of a valid drivers license.