P05. Forms (Complaint form)
Release notes
Date | Update | Updated by |
---|---|---|
14 Jan 2022 | Feature finalised | @Steven Mao (Unlicensed) @Japneet Kaur (Deactivated) |
Overview
The complaints form is an example of an online web forms a user can complete on the website.
This page provides some guidance on how a form can be built and designed on the website using the complaint form as an example. For design purposes, we’ve put together a template or approach, using the complaints form as an example.
Key user groups:
All - anyone is able to access and complete a complaint form.
User flows:
Users can reach forms via specific content pages which link to the form. Once the form is populated and submitted, the user would see an acknowledgement screen.
Business rules
Note: the following business rules can be applied to other online forms
Please refer to T05. Online form template for business rules applying to forms.
Design
The following shows designs for the user flow completing the 'I have a different complaint about legal aid’ form. A similar design can be applied other complaints.
Description | Desktop | Mobile |
---|---|---|
Screen 1 - User lands on the complaint formKey user goals:
Design behaviour:
|
|
|
Screen 1.1. - User completes complaint form'I have a different complaint about Legal Aid NSW'Key user goals:
Design behaviour:
|
| |
Screen 1.2. - User receives an acknowledgement that complaint form was submittedKey user goals:
Design behaviour:
|
Elements Definition
The below table defines the form elements that relate to a user completing the ‘I have a different complaint about legal aid’ form.
Element No. | Form Section | Field label | Type | Interaction | Mandatory | Validation rules | Validation message | Notes |
---|---|---|---|---|---|---|---|---|
01 | What is your complaint about? | My complaint is about | Dropdown | On selection,
| Yes | N/A | N/A | Users can only select one option |
02 | Please give us a brief summary of your concerns. | Multi-line text | On selection,
| Yes | N/A | N/A | When tapping this field on mobile, the mobile device text keyboard should appear | |
03 | What Legal Aid NSW office did you deal with? | Input field | On selection,
| No | Text | N/A | When tapping this field on mobile, the mobile device text keyboard should appear | |
04 | Your details | Input field | On selection,
| Yes | Must be valid email format <text@text> | If field left blank:
If validation rules are not met:
| When tapping this field on mobile, the mobile device text keyboard should appear | |
05 | Mobile | Input field | On selection,
| Yes | Numbers only as per country number format. Maximum 10 digits. | if left blank:
| When tapping this field on mobile, the mobile device number keyboard should appear | |
06 | First name | Input field | On selection,
| No | Text only | N/A | When tapping this field on mobile, the mobile device text keyboard should appear | |
07 | Last name | Input field | On selection,
| No | Text only | N/A | When tapping this field on mobile, the mobile device text keyboard should appear | |
08 | Postcode | Input field | On selection,
| No | Numbers only Maximum 4 digits. | N/A | When tapping this field on mobile, the mobile device number keyboard should appear | |
09 | Are you complaining on behalf of another person? | Radio button | User selects Yes or No | No | N/A | N/A | Users can only select one option | |
10 | If yes, what is their name? | Input field | On selection,
| No | Text only | N/A |
| |
11 | Have they provided Legal Aid NSW with a written authority so that we can discuss their complaint with you? | Radio Button | User selects Yes or No |
|
|
| Users can only select one option | |
12 | Next steps | Do you want a response from us? | Radio Button | User selects Yes or No | No | N/A | N/A | Users can only select one option |
13 | How can we make things right? | Multi-line text | On selection,
| No | N/A | N/A | When tapping this field on mobile, the mobile device text keyboard should appear | |
14 | Do we need to make changes to how we communicate with you? | Radio button | User selects Yes or No | No | N/A | N/A | Users can only select one option | |
15 | If yes, please provide details. | Multi-line text | On selection,
| No | N/A | N/A | When tapping this field on mobile, the mobile device text keyboard should appear | |
16 | Submit | Button | Selecting this button will lead to screen 1.2 (if no validation errors occur). Please refer to BR-4, BR-5, BR-6 on T05. Online form template for details | No | Validation of the form occurs on clicking the submit button | A validation error message will appear under any field has not had their validation rules met. | Validation of the form occurs on clicking the submit button |