UIEtips: The Apple Store’s Checkout Form Redesign

Jared Spool

February 5th, 2010

It’s hard to have a conversation about great design without mentioning Apple. Usually, we’re talking about the design of the iPod, iPhone, or last week’s newly announced iPad.

However, those aren’t the only interesting challenges Apple’s talented designers have tackled. They’ve done an amazing job with something that wouldn’t get a lot of attention otherwise: the web site checkout forms.

In the last two issues of UIEtips, Luke Wroblewski dissects the newly redesigned Apple.com checkout process. As always, his critique is brilliant, providing a ton of great tips for anyone designing interactive forms. I know you’ll enjoy it.

Read the article – The Apple Store’s Checkout Form Redesign, Part 1
and
Read the article – The Apple Store’s Checkout Form Redesign, Part 2

Luke is a Master of web forms and that is why we asked him to be part of the UIE Web App Masters Tour taking place in 4 different cities from March – July 2010. Luke will show you how to move beyond static web forms by leveraging the best of today’s technologies and capabilities. Learn more about the Tour, Luke’s topic, and the other Masters at http://www.UIETour.com.

What do you think of Apple’s redesign? Did they do it right or would you have changed it? We’d love to know your thoughts below.

2 Responses to “UIEtips: The Apple Store’s Checkout Form Redesign”

  1. Julia Says:

    I agree with all of Luke’s comments and have a few of my own.
    As to the tabs within the payment section, it seems that the more conventional choice of radio buttons would work here. Besides being easily understood there would be a better use of space on the form.
    Having the Copy Shipping Address as a link instead of a check box also is not following the usual UI convention. Not that every convention needs to be followed, but there seems to be no value in both of these instances in changing from the convention.
    Lastly, the headers for each accordion pane were not clear to me that those were individual panes until after one was finished and changed color. It also seems like it would make more sense to have the contents of the cart at the top for easy reference. Although, I can see why it was put at the bottom of the accordion as well.

  2. Chris Merkel Says:

    I’m interested to know how their labels, tooltips, etc, affect usability for impaired users. Has anyone tried the check out form while using JAWS or NVDA?

Add a Comment