Patterns: Complete a complex form

Establish trust

Help a user to understand expectations in completing a complex form and establish trust.

Help users understand the purpose of a form and the time commitment needed to complete it, feel confident they have what they need, and trust that the information they provide will be safeguarded and used responsibly.

About this pattern

What problem does this solve?

Government forms can be very stressful and overwhelming for users to complete. If they are in the midst of a crisis or recovering from trauma, form completion can be very challenging. Respect for their life experiences and time, and reassurances about process and privacy, can help reduce user stress and frustration.

When to use this pattern

Use this pattern when you are asking users to provide more than basic contact information, especially if you are collecting information that may require disclosing sensitive personal, financial, health, or safety details in a digital form.

What’s the solution

Provide clear information on why it is necessary to complete the form, what information is needed to successfully complete the form, and how the information will be kept secure. Be as transparent as possible.

Guidance

What to do

  • Do provide information on why information is being collected and how it is being used.
  • Do use plain language.
  • Do use people-first language. Emphasize people’s abilities, not their limitations, and choose words that emphasize the need for accessibility, not the disability. For example, use accessible parking, not handicapped parking.
  • Do use inclusive language. Choose gender neutral words when possible. Avoid using citizen, unless you are specifically addressing that audience. Choose words that include the broadest appropriate group.
  • Do provide a list of what information your user will need to successfully complete the form.
  • Do provide an approximate amount of time it will take the user to complete the form.
  • Do allow the user to save and resume if possible. Some users may need to take breaks as they complete a form on a difficult topic. If users can save and resume the form, tell them so up front, so they know this is an option.
  • Do provide the user with a summary of their answers before they submit the form.

What not to do

  • Do not overwhelm your user. Provide enough background information to communicate the purpose and requirements of the form, but use principles of progressive disclosure to gradually move from simple to more difficult questions.
  • Do not ask for information that may be disturbing to the user without context. Explain why you need the information. For example, if you are going to ask about mental health or substance use issues or details on the illness or death of a loved one, explain why that information is required for the program or service.
  • Do not create a false sense of urgency. People under stress — even just the stress of filling out a long government form — do not need added pressure.
  • Use care to avoid making gender, pronoun, or biological sex assumptions based on previous answers.
  • Don’t provide examples that may make some groups feel excluded or targeted, such as including images or illustrations that reinforce stereotypes or stigma.

Before you get started on this form

It will take most people about one hour to complete this form. You will need the following information:

  • Names and birth dates of all family members living with you.
  • Social Security Numbers (or the equivalent) for all family members living with you.
  • The addresses of each of the places you've lived in the last five years.
  • Names and phone numbers for three people who are not related to you, but who have known you for at least three years.

We will be asking you to describe your experience. We know these questions can be difficult. If at any time you need to take a break, simply save the form. You can start again where you left off when you are ready.

<div class="grid-container padding-0">
  <div class="grid-row">
    <div class="tablet:grid-col">
      <h4 class="margin-top-0 font-lang-lg margin-bottom-2">Before you get started on this form</h4>
      <p class="margin-top-0">It will take most people about one hour to complete this form. You will need the following information:</p>
      <ul class="usa-icon-list">
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">
            Names and birth dates of all family members living with you.
          </div>
        </li>
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">Social Security Numbers (or the equivalent) for all family members living with you.</div>
        </li>
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">The addresses of each of the places you've lived in the last five years.</div>
        </li>
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">Names and phone numbers for three people who are not related to you, but who have known you for at least three years.</div>
        </li>
      </ul>
      <p>We will be asking you to describe your experience. We know these questions can be difficult. If at any time you need to take a break, simply save the form. You can start again where you left off when you are ready.</p>
    </div>
</div>
</div>
<div class="grid-container padding-0">
  <div class="grid-row">
    <div class="tablet:grid-col">
      <h4 class="margin-top-0 font-lang-lg margin-bottom-2">Before you get started on this form</h4>
      <p class="margin-top-0">It will take most people about one hour to complete this form. You will need the following information:</p>
      <ul class="usa-icon-list">
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">
            Names and birth dates of all family members living with you.
          </div>
        </li>
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">Social Security Numbers (or the equivalent) for all family members living with you.</div>
        </li>
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">The addresses of each of the places you've lived in the last five years.</div>
        </li>
        <li class="usa-icon-list__item">
          <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
              <use xlink:href="/preview/uswds/uswds-site/al-move-news/assets/img/sprite.svg#check_circle"></use>
            </svg>
          </div>
          <div class="usa-icon-list__content">Names and phone numbers for three people who are not related to you, but who have known you for at least three years.</div>
        </li>
      </ul>
      <p>We will be asking you to describe your experience. We know these questions can be difficult. If at any time you need to take a break, simply save the form. You can start again where you left off when you are ready.</p>
    </div>
</div>
</div>

Considerations

  • Confirm you need this information. As with all personal information, consider whether you need to collect it at all, and clearly explain the reason for asking for the information and what will be done to secure the user’s privacy.
  • Lead with the needs voiced from the community. Nobody knows your users better than your users. Trust is diminished when change is not aligned with needs or values. By considering users’ feedback you can mitigate the risk of alienation.
  • Provide the user with a summary of their answers before they submit the form. Give them the opportunity to re-check their answers and provide an easy way for them to revise answers that are incorrect.

Usability guidance

  • Design to support people in difficult times. People under stress may have poor recall, make frequent errors completing forms, and may not notice the errors they make. They likely have a hard time staying focused, cannot easily categorize objects, and are easily frustrated. Consider simple form pages and helpful, no-blame error messaging. Use care when surfacing content that appears based on previous answers. People under stress may already feel exposed and vulnerable. Use calm, straightforward language.
  • Whenever possible, allow users to save and resume long and potentially stress-inducing forms rather than assuming a form will be completed in a single session. Users may be accessing the form on a mobile device, or in a shared public space like a shelter or library where privacy is not guaranteed. They may be distracted by the environment or family members, or discover that additional records are needed. Some users simply need time to work up to answering difficult, potentially painful questions.
  • Practice transparency and integrity. Don’t hide information from your users. Clearly explain what you are collecting and why. By setting the expectations with your user early, users can feel more inclined to trust the process.
  • Be reliable, consistent, and honest. Reduce the impact of failure with solid design and engineering. Be a good steward of your audience’s data, resources, and time.

References

Disclaimer

Links to nongovernment sources are made for educational or source citation purposes only, and do not represent an endorsement of the organizations by the General Services Administration. The General Services Administration does not assume any responsibility for the content, operation, or policies of other entities’ websites.

Latest updates

Meaningful code and guidance updates are listed in the following table:

Date USWDS version Affects Breaking Description
2022-11-14 3.3.0
  • Guidance
 No

Pattern published. More information: uswds-site#1889