« Using a button for selection feedback | Main | Presenting choices in a dialog box »

A single-page multi-step form

Rather than using a multi-page wizard, ebay uses a single-page form, divided visually into separate steps, for posting items for sale (click to see full-sized image):

Ebay_singlepage_multistep_blur

The strong visual weight given to each section effectively breaks the form into separate steps.

A risk with long, scrolling forms is that users can find them overwhelming.  The single-form approach (vs. a wizard approach) is most suitable where:

  • There is little or no conditional logic to the flow
  • The overall flow is short
  • Each step is relatively easy (both in terms of interaction time and cognition required)
My Photo

About

  • Blink Interactive is a Seattle-based user experience consulting firm. Our design library is an informal collection of design examples with commentary.

Search

Widget

  • Get this widget from Widgetbox