Research and re-design the Edmonton Police Service Online Police Reporting System, Theft Under $5,000 webform. We determined a user, created a user statement, and re-design the form using principles and best practices.
No visual distinction of Primary vs Secondary Call to Action.
No inline validation to easily spot errors.
Hard to scan the form
No inline validation to easily spot errors.
No visual feedback on “Submit Report” button.
Progress Track not prominent enough to motivate user to move forward.
Field are so tight to each other.
No accordion pattern on long informations that contributes visual noise to the page.
Most of the input fields are mandatory with * symbol
No Thank You Page
No visual distinction of Primary vs Secondary Call to Action.
No inline validation to easily spot errors.
Hard to scan the form
No inline validation to easily spot errors.
No visual feedback on “Submit Report” button.
Progress Track not prominent enough to motivate user to move forward.
Field are so tight to each other.
No accordion pattern on long informations that contributes visual noise to the page.
Most of the input fields are mandatory with * symbol
No Thank You Page
Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web.
Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose: Action, containment, navigation, selection, and text input.
Following these well-established — but frequently ignored — UX design guidelines to ensure users can successfully complete your website forms.
Someone who uses your app or website has a particular goal. Often, the one thing standing between the user and their goal is a form.
Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web.
Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose: Action, containment, navigation, selection, and text input.
Following these well-established — but frequently ignored — UX design guidelines to ensure users can successfully complete your website forms.
Someone who uses your app or website has a particular goal. Often, the one thing standing between the user and their goal is a form.
