Demo step 07 — Improving user experience in HTML forms by Joel Purra

Register phone order into order administration system

This annotated example form is used only by sales staff. They enter order details received by phone all day long, which is why they don't want to tab through all fields every time.

Customer contact information Phone number Input always starts here

Products

Row	Product	Quantity
0			Basic product, nothing extra
1			Product insurance

Invoice address Name Address line 1 Address line 2 (optional) (optional) Zip code City Most of the time, entering details ends here; just pressing entersaves the order. State/province

Delivery address

Is the delivery address the same as the invoice address?

Yes No Name Address line 1 Address line 2 (optional) (optional) Zip code City Most of the time, entering details ends here; just pressing entersaves the order. State/province

Delivery options Gift wrap

Normal delivery (5-6 days)
Express delivery (2-3 days)
Overnight delivery (1 day)

shift- tabto radio buttons work as usual.

Internal information Order notes (optional) (optional)