Next Best Friend
This screen allows the prospective pet owner to enlist for a reminder with regard to getting a quotation in due time after taking responsibility for the newly arrived pet. The screen displays a series of input fields that collect the following details: pet type, breed type, breed name, arrival date, and the prospective pet owner's email address. Collecting details enables the insurer to contact the customer, at some point in the future, in order to complete the quotation process. For this step, all the values inserted by the user are stored in the Pet entity.
From here: When the user hits Save, the Breed Character screen is displayed.
On-Screen Assets
The following user interface components are included with the Next Best Friend screen:
| UI Components | Description |
|---|---|
| Progress Bar | The progress bar gives the user a visual answer to the "How much till I get insurance for my pet?" question. |
| Back Button | The back button helps the user to re-take previous steps in the flow. |
| Help Button | The help button allows the user to find support for completing the flow. |
| Heading Title | The following heading title is displayed in the header section: Tell us about your next best friend! |
| Pet Type Input Buttons | Under the My new friend will be label, two buttons - Dog and Cat, allow the user to indicate the pet type. |
| Breed Type Input Buttons | Under the Pedigree or Mix? label, two buttons - Pedigree and Mixed breed, allow the user to indicate the breed type. |
| Breed Name Input Forms | Under the Select breed label, this form allows the user to select a name for the breed, from the dropdown list. If the user previously indicates that the pet is Mixed breed, the Second breed dropdown list also becomes available, in order for the user to select the second breed name. |
| Arrival Date Date Picker | Under the Arrival date label, the user can select an arrival date for the pet, from the date-time selector. |
|
Email Input Form |
Under the Your email label, this form allows the user to insert an email address for receiving a reminder to get insurance for the purchased pet, after its arrival date. |
| Action Button | Save - This button is used to save the details inserted by the user and to trigger the display the next flow step. |
For details about the default UI style components used for creating the journey, consult the UI Style Components list on the Customer Journey page.
Below is an example of the Next Best Friend screen:
