We found 34 issues in Barnesandnoble's checkout, a modelled 14.4–46% of conversions.

The problem

When the checkout form has an error, the store clears out information the shopper already typed correctly.

Why it matters

A shopper who typed their address once and lost it to a form error frequently will not type it twice. This is a critical-severity leak at the very end of the funnel, where every lost buyer was seconds from paying.

The problem

The product price is not visible above the fold on desktop or on mobile. Shoppers have to scroll to find out what the product costs.

Why it matters

Price is the single strongest predictor of whether a shopper stays or bounces. If they can't see it in the first second, they're gone. This is the highest-impact fix on any product page.

The problem

The full order total (including shipping and tax) isn't visible before the buyer starts entering payment details.

Why it matters

Surprise costs at the payment step are the #1 abandonment trigger in every study. Buyers want the final number before their card leaves the wallet.

The problem

The Add-to-Cart button is not visible above the fold on mobile. Shoppers have to scroll to find how to buy.

Why it matters

On mobile especially, buyers scan the top of the page and decide within seconds. If the primary purchase button isn't in that first view, many will leave before scrolling.

What to do

Move the 'Add to Cart' button up near the book cover/price area (above the cookie banner) or make it sticky at the bottom of the viewport so it's tappable even while the cookie consent modal is displayed; currently the modal with 'Accept All Cookies' blocks the entire lower section where the CTA would likely appear.

The problem

The product page doesn't tell shoppers when their order will arrive. There is no delivery date or lead-time estimate.

Why it matters

Buyers often decide between two stores based on delivery timing, especially for gifts and urgent purchases. Uncertain timing pushes them to competitors who are clear.

The problem

The product page shows no star rating or review summary above the fold. Shoppers have to scroll to find social proof.

Why it matters

Ratings are the fastest trust signal on a product page. A shopper who lands and doesn't see any social proof in the first view assumes it's a low-quality product or a new store.

What to do

Since this is a category page for 'Graphic Novels & Comic Books for Kids', add aggregate rating badges (e.g. '★★★★☆ 4.5 (320 reviews)') beneath each book cover or below the descriptive paragraph so shoppers can gauge popularity before clicking into a title.

The problem

There's no returns or exchange policy communicated on the product page itself. Shoppers have to hunt the footer or FAQ to find it.

Why it matters

"What if I don't like it?" is the last question in every purchase. If the answer isn't obvious, hesitation kills conversion, especially for higher-price items and apparel.

What to do

Add a short trust line like 'Free 30-day returns' directly under the price/Pre-Order button (near the '$29.99 Save 9%' and 'Pre-Order' area) or next to the shipping note ('Free standard shipping on orders over $60'), rather than relying on the footer 'Shipping & Returns' link.

The problem

The cart has no shipping estimator; shoppers can't preview shipping costs without starting checkout.

Why it matters

Unknown shipping costs are the single biggest cause of cart abandonment. An estimator answers the question before it becomes a reason to leave.

The problem

The cart doesn't offer any express wallet button (Apple Pay, Google Pay, Shop Pay, PayPal Express).

Why it matters

Express wallets skip 60-80% of the checkout form. Shop Pay alone lifts checkout completion by ~1.7x. On mobile especially, one tap vs six form fields is the biggest single conversion lever left in ecommerce.

What to do

Add branded express wallet buttons (e.g., PayPal, Apple Pay, Amazon Pay) directly beneath the blue 'Checkout' button in the Order Summary panel so shoppers can skip manual form entry, matching the visual weight of the Checkout CTA.

The problem

The checkout has more than 8 form fields. Industry-best checkouts collect 6-8 fields; industry-average is 11.3.

Why it matters

Every extra field drops conversion by roughly 2%. Fields cost you money in a direct, measurable way. A checkout with 13 fields loses ~10% of buyers compared to one with 8.

The problem

The checkout has no address autocomplete (Google Places, Loqate, SmartyStreets, or similar). Shoppers type every line of their address manually.

Why it matters

Address autocomplete cuts address-entry time roughly in half on mobile and drops delivery-failure rates from typos. It also feels premium, buyers notice.

The problem

The checkout page does not show when the order will arrive. Buyers commit to buying without knowing the delivery date.

Why it matters

Delivery timing is often the deciding factor between two stores. If your competitor tells the buyer "arrives Tuesday" and you say nothing, you lose. Especially for gifts.

The problem

The structured product data that AI shopping agents read (ChatGPT, Google, Copilot) is incomplete on this page. Some or all of these are missing: product ID (GTIN), brand, review data, availability, shipping details.

Why it matters

AI-referred traffic converts 42% higher than regular traffic (Adobe, 2026). But agents only recommend stores whose product data they can read. Incomplete data means invisible to AI shoppers.

The problem

The checkout has no signals declaring it can be driven by AI agents. No ACP or UCP meta tags, no /.well-known/agentic-commerce endpoint, no Stripe ACP integration.

Why it matters

OpenAI's Agentic Commerce Protocol (ACP) and Google's Universal Commerce Protocol (UCP) are the emerging standards for agent-driven checkout. Stores that declare readiness get preferential routing from ChatGPT and Google AI. This is 2026's biggest new distribution channel.

The problem

On this long product page, the Add-to-Cart button disappears once the shopper scrolls down. There is no sticky bar that keeps it reachable.

Why it matters

Shoppers scroll deep into reviews and details, decide to buy, and then have to scroll all the way back up. Every extra scroll is a chance to get distracted and leave.

The problem

Clicking the product image doesn't open a zoom view. Shoppers can't inspect details, fabric, or quality up close.

Why it matters

Zoom is how online shoppers replace touching the product. Baymard finds inadequate image inspection among the top reasons for product-page abandonment.

The problem

The product gallery only shows the product isolated on a white background. No lifestyle, in-use, or scale reference images.

Why it matters

White-background photos are neutral but not persuasive. Lifestyle images (worn, used, in a real setting) lift conversion 30-50% and cut returns because buyers understand the product better.

What to do

Add at least one lifestyle image—e.g. the signed edition book styled on a shelf, in a reader's hands, or alongside the gold-edged pages/deleted scene bonus content mentioned in the overview—to the thumbnail strip under the main cover image to give shoppers a sense of scale and real-world context.

The problem

The product page does not have a Q&A section or a real specifications table. Shoppers cannot answer their own questions before buying.

Why it matters

Considered purchases (electronics, appliances, tools, tech gear) live and die on the details page. When shoppers cannot find dimensions, materials, compatibility, or answers to obvious questions, they leave to research on Amazon or a competitor and often buy there instead.

The problem

The product description is one big block of text with no headings, bullet points, or sections. Shoppers can't scan it.

Why it matters

Nobody reads walls of text online. If the description isn't scannable, the buyer misses the key features and either bounces or buys the wrong thing and returns it.

What to do

The intro text under the 'Graphic Novels & Comic Books for Kids' title is a single unbroken sentence block; break it into a short lead sentence plus 2-3 bullet points (e.g. 'Shop bestsellers', 'New releases', 'Popular series like Wings of Fire & Warriors') so shoppers can scan the category value proposition instead of reading a paragraph.

The problem

Some interactive elements on the mobile page are smaller than 44x44 pixels. Fingers struggle to hit them accurately.

Why it matters

44x44 pixels is the minimum touch target Apple and the WCAG 2.2 guidelines recommend. Below that, mis-taps happen: buyers hit the wrong swatch, wrong quantity, wrong link, and abandon in frustration.

The problem

The cart doesn't mention or link the returns policy. Shoppers who care about returns have to hunt in the footer or checkout.

Why it matters

Returns confidence is a last-mile confidence signal. A quick "Free 30-day returns" line on the cart removes the last reason to bail.

What to do

Add a small 'Free returns within 30 days' note or 'Return Policy' link near the 'Ships in 1-2 days' text under the Spaced Out item, similar to how 'Make it a Gift' and 'Pickup in Store' links are placed, so shoppers see it before checkout.

The problem

The checkout doesn't show which step the buyer is on or how many steps remain. It feels like an infinite form.

Why it matters

Not knowing how long a task will take is one of the strongest predictors of abandonment. A visible "Step 2 of 3" gives buyers the confidence to push through the next 30 seconds of typing.

What to do

Add a horizontal step tracker above the 'Contact' section (e.g. 'Information → Shipping → Payment') with the current step bolded/underlined in the same navy as 'Sign in', so shoppers know they're on step 1 of 3 before reaching payment.

The problem

The store logo in the checkout header links straight back to the homepage.

Why it matters

A stray click on the logo dumps the buyer out of checkout, and on some stores it also loses the form data. Small leak, easy fix.

The problem

The checkout uses separate First Name and Last Name fields instead of a single Full Name field.

Why it matters

Two fields cost two taps and two keyboard focuses on mobile. Baymard research shows a single Full Name field measurably lifts checkout completion, especially on phones.

The problem

Some input fields use `type="text"` when they should use `type="email"`, `type="tel"`, or `inputmode="numeric"`. Mobile keyboards do not adapt.

Why it matters

The wrong keyboard is a small papercut on every entry. Type an email on a phone with a QWERTY (no @ key) or a phone number without the number pad, and completion drops.

The problem

Personal-info fields are missing correct `autocomplete` attributes, or one is set to `autocomplete="off"`. Password managers and browser autofill do not work smoothly.

Why it matters

WCAG 2.2 requires autocomplete on personal-info fields for accessibility. Beyond compliance, correct autocomplete makes checkout a 2-tap experience for returning buyers, huge for mobile conversion.

The problem

The checkout does not offer a "Same as shipping" checkbox for the billing address, with the box checked by default. Buyers have to type their address twice. (This rule only applies to physical-product stores.)

Why it matters

For most orders, billing and shipping addresses are the same. Making the buyer re-enter their address is duplicate work and a common source of typos.

The problem

The payment step doesn't show any trust or security signals near the payment fields (padlock icon, "Secure checkout", PCI badge, Verified by Visa).

Why it matters

Buyers are at their most anxious when typing card numbers. A visible security signal near the field removes that anxiety and lifts conversion.

What to do

Add a small lock icon with 'Secure Checkout' text directly above or beside the Contact/Email section (near the 'Sign in' link at y~0.36) so shoppers see trust cues before entering personal and payment info, similar to how PayPal's badge currently conveys trust only for that button.

The problem

The checkout page doesn't link the returns / refund policy. Shoppers who want to check before buying can't find it.

Why it matters

First-time buyers often confirm the return policy in the moments before they pay. A quick link removes the last barrier without pulling them out of checkout.

What to do

Add a 'Returns' or 'Refund Policy' link in the checkout footer next to the existing 'Privacy Policy', 'Terms of Use', 'Membership Terms & Conditions', and 'Contact' links so customers can review return eligibility before completing payment.

The problem

The card-payment form is missing the `autocomplete` attributes mobile browsers need to autofill saved cards.

Why it matters

iOS and Android can autofill a saved card in one tap when the fields are labeled correctly. Without it, the buyer types 16 digits, expiry, and CVV manually, and many abandon.

The problem

The checkout does not declare support for delegated-payment (ACP tokenization). Agents cannot pass a tokenized payment method on the buyer's behalf.

Why it matters

Delegated-payment is the piece that actually lets agents complete a purchase without asking the buyer to type their card. Stripe and PayPal both support this via their ACP modes. Without it, agents can prep the order but hand it back to the buyer to finalize.

The problem

The quantity selector on this product page is either missing on mobile, or too small to tap comfortably.

Why it matters

Fat-finger errors turn quick purchases into frustrating ones. Apple's tap-target guideline is 44px minimum; anything smaller mistaps often on real thumbs.

What to do

Add a quantity stepper (- / input / +) directly above or beside the orange 'Pre-Order' button, using at least 44px tall tap targets consistent with the button's height, so customers can adjust quantity before pre-ordering.

The problem

Cart line items do not include machine-readable product identifiers (SKU, GTIN, product_id). Agents see only display names.

Why it matters

Without a stable identifier per line, agents cannot cross-check items against a catalog, apply price rules, or reconcile the order. Display names change with translation and localization, they are not safe identifiers.

The problem

When an error message appears, the form visibly jumps, moving fields under the buyer's cursor or thumb.

Why it matters

Layout jumps cause mis-clicks and lose the buyer's place in the form. On mobile they routinely cause wrong-field input.