Patterns
Transactional journeys
Transactional journeys are to be used when you want the user to be completing a form.
Before creating your transactional journey, have a read of this article about how to structure forms start with one thing per page (opens in new tab)
You should always:
- start by asking 1 question per page, https://www.uxmatters.com/mt/archives/2010/06/the-question-protocol-how-to-make-sure-every-form-field-is-necessary.php
- Be concise and to the point of what you are asking the user to do
- Use plain english when writing questions so the user does not get confused.
You must include:
- Back button at the top of each step
- Remove the breadcrumbs
- Page heading (which can be the question)
- Continue button
Continue button
Make sure your ‘Continue’ button is:
- labelled ‘Continue’, not ‘Next’
- aligned to the left so users do not miss it
What if I have a heading and multiple input fields?
- Then you can have a statement as the heading such as “Address” and the input fields below.
- You could also use the legend element as the heading.
Progress/step indicators
You can use progress indicators if you can validate that users find this helpful and if you can do so reliably. If a journey has a variable amount of steps, then you should not include progress/step indicators.