Project Description

Form Design

The more task driven on the Internet, we find ourselves spending more time in form driven processes. 

A structured progressive story line to form design means users can quickly process these forms and even with regular interruption, can continue to completion.

A vertical progression means the form can easily be transferred onto a responsive device.

What we chose to achieve with this design:

  • Clear step driven progression
  • Highlighted steps
  • Selectable completed steps (but greyed out)
  • Instant understanding of potential duration
  • Clear and meaningful headers
  • Clear and simple input descriptions
  • Input names can easily grow (multi-language support)
  • Clear differentiated submission and cancel buttons to end progression

Example 1 is the Report on arriving at the form and filling in step 1.


Example 2 shows the task progression highlights.

As we progress along the form the content we have provided that completes a step “greys out” and current working step is still highlighted.


Example 3 Shows the report completion.