A redesign of the existing California DMV office visit appointment system, which aims to bring a simple, straightforward, and transparent experience to CA residents who need to deal with vehicles related issues by physically visiting DMV offices.
While the California Department of Motor Vehicles (DMV) has taken advantage of an online appointment system to replace the traditionally problematic walk-in office visit, their existing system still has many troubles which somehow hurt the user experience. In a graduate-level Product Design course, I got an independent design opportunity to address the challenge: To improve the experience for CA residents scheduling an online appointment to visit DMV offices through redesigning the existing interaction flows of CA DMV online appointment website.
Product Designer & UX Researcher
Adobe XD | Whimsical | InVision | Adobe After Effects | Adobe Photoshop
Before directly jumping into sketching a new user flow of the online appointment website, I conducted the contextual inquiry with two users who recently needed to visit the CA DMV offices. These two users were asked to use the existing CA DMV office visit appointment website from the beginning section to the end.
Three main insights uncovered from the contextual inquiry:
On the basis of insights from the contextual inquiry, a storyboard was created to inform the redesign of interaction flows as below:
Being informed by user research, a UX flowchart was created to visualize steps a user will experience to complete their appointment making with the redesigned CA DMV office visit appointment website. Specifically, to complete an office visit appointment, the user will go through four sections(i.e., Personal Information, DMV Office Selection, Items, Reasons & Accommodation Selection, and Appointment Review ). Meanwhile, the Manage Appointment section helps the user know they have succeeded in booking an appointment as well as allows the user to quickly managing their appointments with their schedules via either text message or email.
Moreover, a progress bar is designed to clearly communicate the certain step of the whole appointment booking process, which mitigates the user’s time-consuming concern about interacting with the system. A timeout alert is designed to remind the user to save their current information or continue to complete their appointment booking.
Based on the UX flowchart, a wireframe was designed to validate the information architecture and user flows. This first round of wireframe was displayed to several other designers in a design critique workshop. To optimize the interaction of the DMV office selection flow, a round of iteration was conducted by incorporating design critiques. Specifically, the location search and the drop-down menu have been merged as they have very similar searching mechanism. Also, the flow of map searching option has been simplified by combining the interactive map and calendar, which provides the user a more straightforward experience to select the available visiting time once they select the right location on the map. Therefore, the whole flow has been effectively shorten during the iteration.
On the basis of the iterated version of wireframes, a set of final mockups have been created by incorporating the following major visual design elements:
The redesigned final mockups adopted a similar color scheme as the existing system. The whole prototyping with final mockups can be assessed by visiting the following InVision URL: https://invis.io/A9P9JMRF8Z4
To validate this redesigned California DMV office visit appointment website, usability testing needs to be conducted before implementing the redesigned website.