Office Depot - Spiralyze Electronics 3-Page 101 seconds

Office Depot implements a well-made 3-page checkout - forms are organized well and data input is robust.

Office Depot is also a good example of when a "company name" field is appropriate in a checkout instead of being a distraction. The next improvements for Office Depot could come from making guest checkout the default mode, and condensing it to a single-page checkout.

Checkout Time Benchmark        Best Practice Heatmap        Detailed Walkthrough

Layout: 61% Layout: 61% Usability: 75% Usability: 75% Data Input: 68% Data Input: 68% Cart Conversion Loss -5.4%

Checkout Time Benchmark

Checkout Time in Seconds
(Shorter is Better)

Best Practice Heatmap

The Office Depot Desktop Checkout complies with 68% of our recommended best practices.

Single-Page Checkout

Office Depot implements a four-page checkout, with pages for login, shipping, payment, and order/review.

Reduce Perceived Form Length

Office Depot layers fields well, but labels them above, forcing a user to scroll.

Intuitive Layout

By autopopulating via zip, Office Depot deviates slightly from convention.

Simplify Multi-Page Checkout

All features implemented except an easy view of the item summary as the checkout goes on.

Standardize Look and Feel

Checkout design thematically mirrors the main site.

Suppress Store Navigation

Office Depot hides its default menu, leaving only its linked logo as a way back.

Browser and Device Compatibility

Responds well to all but shrunk desktop browser window.

Make Progress Obvious

A simple three pronged navigation with the current step highlighted makes progress obvious.

Guest Checkout Default

Office Depot offers guest checkout, but forces customers to select it rather than presenting it as the default.

Buttons Provide Feedback

Buttons provide robust visual feedback.

Highlight the Active Field

Fields highlighted minimally by default browser settings.

Validate Correct Responses Inline

Office Depot immediately notifies a customer about incorrect fields with a red border and background, but neglects validating correct ones.

Auto-Format Numerical Fields

Credit card and phone number autoformatted.

Limit Data Inputs

All fields except credit card security code gate themselves to protect against illegal characters.

Auto-Fill Compatibility

Mostly compatible; the unnecessary phone extension field autofills incorrectly.

Offer Help Prominently

Live chat and helpline are prominent in header

Display Clear Error Messages

Error is explained clearly, and incorrect fields are highlighted

Match Shipping and Billing by Default

Matches shipping and billing addresses by default.

Trim Unnecessary Form Fields

Includes no unnecessary form fields.

Auto-Populate Address

Fails to autopopulate address, but autofills city and state from the zip code.

Clear Shipping Options

Shipping options not clearly presented to the customer at any phase of the checkout.

Abandonment Emails

Sends abandonment email with call to action and accompanying discount.

Store Zip Code from Shipping Calculator

Zip code not saved from store selector.

Provide Cost Breakdown

Indicates full price breakdown, with estimates for tax and shipping, throughout the entirety of the checkout.

Emphasize Free Things

Emphasizes discounts and free items in different colored, capitalized fonts.

Detect Card Type

Automatically detects and displays card type.

Provide Prozac

No comforting text accompanies the final "Purchase" button.

Suppress Coupon Field

Coupon code and gift card areas in main payment section, but hidden behind buttons.

Checkout Walkthrough

Click the thumbnails for an annotated walkthrough of Office Depot Desktop Checkout's notable features.

Step 1

Login/Guest Selection

Step 2

Shipping Info

Step 3


Step 4

Review Order