Form Analysis

The first stage of this process involves testing out the form myself and identifying problems that one may encounter while filling out their information or navigating through the form in general.

Visual Research

I explored examples of form column layout, dropdowns, error corrections, button design, and validations; which are all very important elements to consider in a good form. This method helped me come up with design solutions for the issues that the user may encounter when filling out the form. Since the form is specifically for making an appointment for the university’s massage clinic, creating an effective date and time chooser was really important.

Visual Identity

To keep the design consistent with the university’s theme, I created a style tile that included colours, typography, photos, button styles, etc.

Wireframes

Since this is a website, I divided the form into pages which is better than one long form in a single page. This way, the form is easier to navigate as the user could go to or go back to specific parts of the form that they might need to edit. Creating a navigation/progress bar also helps to keep track of one’s progress and gave users a sense of how long the form is.