Newegg - Spiralyze

http://www.newegg.com/ Electronics Vertical Accordion 177 seconds

Newegg implements a 3-page checkout, but the largest source of friction is on the very first login page. While Newegg does provide a guest checkout option, it doesn't stand out a page with visible forms for login, account creation, and warnings that Guest Checkout lacks certain member benefits.

The rest of the checkout feels smoother, and the forms are organized in a conventional, intuitive way. The checkout ends with a conversion-killing review page, which only gives customers another chance to change their mind and abandon the cart.

Checkout Time Benchmark        Best Practice Heatmap        Detailed Walkthrough

Layout: 89% Layout: 89% Usability: 50% Usability: 50% Data Input: 50% Data Input: 50% Cart Conversion Loss -6.3%

Checkout Time Benchmark

Checkout Time in Seconds
(Shorter is Better)

Best Practice Heatmap

The Newegg Desktop Checkout complies with 63% of our recommended best practices.

Single-Page Checkout

Newegg implements a three-step accordion process, with panels for shipping, billing, review, and confirmation.

Reduce Perceived Form Length

Newegg keeps page length short by layering form fields, reducing the associated perceived effort.

Intuitive Layout

Form ordering is intuitive and expected.

Simplify Multi-Page Checkout

With obvious continue buttons, an easy navigation, and a one-click way to hop between checkout stages, Newegg wins at multi-page usability.

Standardize Look and Feel

Checkout design thematically mirrors the main site.

Suppress Store Navigation

Newegg leaves no clickable way back to the cart, suppressing all menus and even unlinking its logo.

Browser and Device Compatibility

Good mobile site and desktop is good for all but the smallest of browser windows

Make Progress Obvious

Through a navigation graphic at the top highlighting the current step, Newegg immediately informs the customer about his position in the checkout.

Guest Checkout Default

Newegg prompts customers to choose between creating an account or checking out as a guest, rather simply than preselecting the latter.

Buttons Provide Feedback

The main buttons are 3D, thus actually behaving like physical buttons.

Highlight the Active Field

Newegg fails to designate the active form field.

Validate Correct Responses Inline

Newegg immediately notifies a customer about incorrect fields, but neglects validating correct ones.

Auto-Format Numerical Fields

Credit card and phone number autoformatted.

Limit Data Inputs

Relevant form fields (phone, zip, security code) automatically discard unnecessary spaces/punctuation.

Offer Help Prominently

No prominent offer of help.

Display Clear Error Messages

Error is explained clearly, but field is not 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.

Clear Shipping Options

Shipping information is given; however, carrier name is not provided.

Abandonment Emails

No specific abandonment email sent.

Store Zip Code from Shipping Calculator

Zip code not saved from store selector.

Provide Cost Breakdown

Indicates cost breakdown from the first step.

Emphasize Free Things

Newegg does not emphasize free shipping with the "FREE" label, and fails to inform about discounts.

Detect Card Type

Captures and displays the card type automatically.

Provide Prozac

No comforting text accompanies the final "Purchase" button.

Suppress Coupon Field

Newegg gift cart field left overtly visible, not hidden behind a page element.

Checkout Walkthrough

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

Step 1

Login/Guest Selection

Step 2

Shipping

Step 3

Payment

Step 4

Review

[]
[]