Dynamic inline forms


show more Dynamic inline forms provides you with in-depth training on Web. Taught by Luke Wroblewski as part of the Web Form Design Best Practices show less
please wait ...

Dynamic inline forms

In situations where web forms span multiple pages, dynamic inline solutions give us an opportunity to pull that all into a single page and dynamically expand and collapse each section. Let's see this in action. The Apple Store's checkout Form looks pretty typical for an e-commerce situation. Upfront we're asked if you're a returning customer or new? Next page asked us who you are and for your Billing Information, in this case, Address. Then we move on to where you want to ship things, how you want to pay for them and ultimately review all the decisions you've made on the next page In aggregate, Apple's Checkout flow looks like this 1, 2, 3, 4 and 5 screens.

When I did a recent redesign however, the Apple store pulled all this information into a single form, that's right, one dynamic solution that covers everything we just saw in five pages. Let's see it in action The first section on the form is the Shipping Information. Here we specify where we're asking...

Dynamic inline forms
Video duration: 5m 6s 3h 46m Appropriate for all

Viewers:

Dynamic inline forms provides you with in-depth training on Web. Taught by Luke Wroblewski as part of the Web Form Design Best Practices

Subject:
Web
Author:
please wait ...