Why Do Customers Abandon the Cart? Five Interface Reasons

Most of them leave inside the checkout screen itself: too many fields, a forced account, a shipping cost that only appears at the last step, buttons too small for a thumb. None of it needs a price cut.

Search for why people abandon carts and you get the same list every time: shipping costs, no discount code field, payment options, slow delivery.

The list is not wrong. It is a list of business decisions, written by people looking at an order table. Nobody in it is looking at the screen.

Below are five causes you can only see by opening your own checkout on your own phone and trying to buy something from yourself.

What the usual lists get wrong

Abandonment is the normal state of a cart, not an emergency. Baymard Institute, which aggregates the published research, puts the average documented abandonment rate at roughly 70%. No shop takes that to zero, and chasing zero is how a budget disappears into discount codes.

The number worth watching is narrower: the gap between people who add to cart and people who reach the payment step. A shopper who filled a cart has already agreed to the price. Everything lost after that point is lost to the interface.

1. Too many fields

A standard checkout asks for first name, last name, email, phone, country, city, street, number, building, floor, apartment, postcode, and then the billing details again separately. Fifteen to eighteen fields for one order of a single item is common. Baymard’s checkout usability work puts the average at close to twelve fields, where eight would carry most purchases.

Half of them can fill themselves. The postcode gives the city and the region. One checkbox copies the delivery address into billing. Browser autofill handles name, email and phone on its own, but only if the inputs carry the autocomplete attributes browsers look for, and on most shops they do not. Under ten fields is a reasonable target for an ordinary order.

2. The forced account

Requiring an account before purchase adds an email, a password and often a confirmation click in an inbox, at the exact second somebody had decided to buy. Guest checkout, with the account offered immediately after payment, keeps the same record for you and removes three steps for them.

The data you were trying to capture arrives anyway. The email address is part of the order. An account offered after payment, when the person already trusts you with their card, gets accepted far more willingly than one demanded before.

3. The cost that appears at the last step

Shipping cost belongs on every abandonment list, and the part that stings is not the amount, it is the moment it arrives. In Baymard’s survey of shoppers who walked away, the most cited reason was extra costs being too high, with shipping, tax and fees counted together, and those are almost always the costs a checkout reveals last.

The same amount, shown on the product page or in the cart, is accepted far more easily than that amount appearing after somebody has typed out their address. Which makes it an interface decision rather than a pricing one. Nothing has to get cheaper. The information has to move two screens earlier.

Cross-border selling makes the same mistake more expensive. A customer in the UK buying from an EU shop, or a customer in the Gulf buying from either, who discovers import VAT and a handling fee on the final screen does not read it as a tax. They read it as a trick, and they do not come back to check whether it was.

4. The phone

Three things break a checkout on a phone, and all three can be measured rather than argued about.

Tap targets under 44 points. Below that, thumbs miss. Apple’s interface guidelines have put the minimum at 44 points for years, and a mistap on a quantity stepper or a payment radio button costs more than a mistap anywhere else on the site. Both are checkable in the browser inspector in a minute.

Field text under 16 pixels. Safari on iOS zooms the page automatically when a tap lands in an input with smaller text, and the person is left with half the form outside the screen and no obvious way back. The fix is one line of CSS.

The wrong keyboard. A phone number field that opens a letter keyboard, or an email field without the at sign in reach, adds two taps to every entry. Input types and the inputmode attribute decide which keyboard appears, and nobody notices they are wrong from a desktop.

5. You do not know where they stop

Measuring comes before repairing, and it is the step most shops skip. Without knowing which step the number falls at, you repair at random, and random repairs tend to mean another discount code rather than one fewer field.

Google Analytics 4 already collects the events: begin_checkout, add_shipping_info, add_payment_info, purchase. Look at how many people reach each one, find where the drop is steepest, and you have the answer in about twenty minutes without paying for a single tool. If the drop is at add_payment_info, your problem is trust or payment options. If it is before add_shipping_info, your problem is the form.

Session recordings are worth adding after that, not before. Numbers tell you which screen to open. Recordings tell you what happens on it.

The order to fix them in

Measure first, so the rest is not guesswork. Then remove the forced account, because it is the largest barrier and the cheapest one to remove. Then move the shipping cost earlier. Then cut the fields. The phone work comes last, because it needs changes in code rather than decisions in an admin panel.

Do not rebuild the shop. The steps from cart to payment are three to five screens out of a site with hundreds of pages, and they are where an order somebody had already decided on gets lost. The rest of the site brings people in. These screens let them go.

How we think about it

We look at the numbers first, then at the screens, and we say when the problem is not a design problem. If people are leaving because shipping genuinely costs too much for what they are buying, there is nothing in the interface to fix, and telling you that is more useful than redesigning a form.

The work itself sits in interface and experience. If the problem is earlier and nobody is reaching the cart at all, that is a different question, covered in the site is not bringing in customers. And if the shop looks good and converts badly across the board, the gap between those two states is the subject of a website that looks good and one that actually works.

FAQ

What do UK shoppers expect at checkout? Prices in pounds with VAT shown, delivery costs up front and familiar payment options; surprises at the last step lose the sale.

How many fields should a checkout form have? Under ten for an ordinary order. Baymard Institute’s checkout research puts the average at close to twelve, where eight would carry most purchases. Every extra field is another chance to give up, and half of them can fill themselves: city and region from the postcode, billing address from the delivery address with one checkbox.

Should I force an account or allow guest checkout? Guest checkout, with the account offered after the order is placed. Creating an account before purchase asks for an email, a password and often a confirmation click in an inbox, which is three extra steps at the exact moment somebody had decided to buy. The email arrives with the order anyway.

Where should shipping cost appear? On the product page or in the cart, not at the last step. The amount itself upsets people less than the surprise does, which makes it an interface decision rather than a pricing one: the same figure, shown earlier, is accepted more easily. If you ship across borders, put duties and import tax in the same place.

How do I find out which step people stop at, without paid tools? Google Analytics 4 already collects the cart and checkout events: begin_checkout, add_shipping_info, add_payment_info and purchase. Look at how many people reach each one and where the number drops hardest. That step is the one to repair, and finding it takes about twenty minutes and costs nothing.

Why does my checkout work on a laptop and fail on a phone? Usually three causes: tap targets under 44 points, which fingers miss, field text under 16 pixels, which makes iOS Safari zoom the page automatically and push half the form off screen, and the wrong keyboard, meaning a letter keyboard on a phone number field.