A shopper in Example Sneaker Store has opened the Harbor shoe from the Everyday product list. They need enough information to decide whether to buy it, consider another shoe, or ask a question.
This guide is a product-information checklist. A useful product page answers the questions that could change that decision, without sending the shopper hunting through other pages. It is not about how prominent the Add button is, or how the list of products was filtered.
The models, prices, and stock notes below are fictional teaching inputs. They are not test results, fit advice, or claims about real shoes.
Can the Shopper Answer This?
Open one real product page. If the product comes in different sizes or versions, select one to check. Work through the questions below, marking each answer as “Answered,” “Unclear,” or “Missing.”
Fix the gaps that could change the purchase first: whether the product suits them, what it will cost to receive, whether their version is available, and what happens if it disappoints.
Repeat the questions at a phone width and a desktop width, and record the size you checked. An answer can be clear on a wide view and hard to find once the page stacks. For help choosing review sizes, see Which Screen Sizes to Use When Reviewing a Website.
| Shopper question | What to check |
|---|---|
| What is it, and how big is it? | Useful views, a sense of scale, and a model or demonstration when that answers a real question |
| What will it cost to receive? | The price, delivery charges or a clear way to estimate them, and any conditions |
| Can I get the version I want? | Understandable variants, and stock that matches the selected version |
| Will it meet my requirements? | Relevant specifications, with clear, consistent units |
| What happens if it disappoints? | Findable return terms, and reviews that can be judged honestly |
| What can I do if it is unavailable? | An honest stock message, and a useful next step where the store offers one |
Judge whether the answer is understandable, not merely whether a relevant block exists on the page.
If you are still comparing models in a list, start with Product Listing Page Best Practices. This guide begins after the product is open.
Show What the Product Is, and Its Scale
The first job is recognition. The shopper should be able to tell what Harbor is, and get a fair sense of its size and finish, from the product images on the page.
Baymard Institute recommends showing at least three to five images per product, because shoppers rely on images to evaluate what they are considering. The useful test is whether the views answer real questions: the overall shape, a close detail, the sole, and the color they selected.
Size is harder to judge from a photo alone. Baymard’s product-page testing, reported in an article first published October 24, 2023 and updated March 18, 2026, found that 42% of users tried to work out a product’s size from the images. The page does not give a separate date for that figure. For a shoe, that might mean a view that shows Harbor next to a familiar reference, or on a person’s foot, so the scale is visible.
Not every product needs a model photograph or a video. Use those when they answer a genuine question, such as how a bag sits on a person, or how a more complicated product works. Baymard notes that video can help for complicated or expensive products.
A gallery that only shows lifestyle crops, with no sense of scale, leaves the shopper guessing. Ask for a view that makes the size easier to judge, and for the selected color to be the one in the main image.
How you describe those images for people who cannot see them is a separate job, covered in How to Write Alt Text for Images.
Explain the Cost and the Return Conditions
Shoppers need to know what they will pay to receive the product, and what they can do if it is not right, before they commit. Those answers should be findable from the product page.
Baymard recommends showing a total order cost estimate near the purchase action: the lowest shipping cost, or an estimate with its conditions. If the exact delivery cost depends on location, say so, and show how the shopper can find the amount. Do not leave them adding Harbor to a bag only to discover the delivery charge.
Return terms belong here too. In Baymard’s Consideration & Purchase Behavior survey of 1,032 respondents, 60% said they look for return information on the product page. That figure appears in the same article, first published October 24, 2023 and updated March 18, 2026; the page does not date the survey itself. Link to the policy or summarize it in plain language on the page. A “Free returns” label that hides a restocking fee or a short window is not a complete answer.
These are the trust questions this guide covers: what delivery will cost, how returns work, and whether reviews are handled honestly. Do not treat a badge or seal as a substitute for those answers.
If the only return information sits in the site footer, the shopper should still be able to reach it from this page. What belongs in the footer itself is covered in What to Put in a Website Footer.
Make Variants, Specifications, and Availability Unambiguous
The shopper wants Harbor in US men’s size 9, in black or navy. The page should make those choices visible, and the stock message should match the combination they selected.
Prefer visible size choices over a closed menu that hides which sizes exist. Baymard recommends buttons rather than a drop-down for sizes, so out-of-stock sizes stay visible. The selected size and color should stay clearly associated with the price and the purchase action.
Specifications should be comparable. Baymard’s guidance on spec sheets is to keep a consistent order, put key facts first, use the same name and units for the same attribute across similar products, and always append the unit. “Weight: 280” without a unit is not an answer. On a phone, a long spec list can be shortened, as long as the important facts remain easy to find.
Longer secondary detail, such as a full construction story, can sit in a collapsed section if the essential answers stay visible. Should That Content Go in an Accordion? covers which content can be collapsed. Use a consistent layout and clear titles for comparable sections, so shoppers can recognize where to find each kind of detail.
If Harbor’s page uses different labels, units, or section layouts from other product pages in the same store, record that as well. How to Check Visual Consistency Across Your Website is the place to compare those conventions across pages.
If Harbor is unavailable in the selected size, say so plainly, and offer a useful next step if the store has one: a longer delivery time when stock is expected, a comparable alternative, or a clear note that the item has been discontinued. Baymard reports, in an article first published in 2017 and updated with new data in 2025, that when testers were only told a product was “out of stock,” some looked for alternatives on the site, but 30% were likely to leave and look elsewhere. The page does not say whether that 30% comes from the 2025 update. Use that as a reason to offer a next step, not as a prediction for your store.
Nielsen Norman Group’s older ecommerce guidance is still useful as a principle: some shoppers only need the name and a picture, while others need explained details and reviews, so layer an overview first and the detail after. Product descriptions should answer the shopper’s questions and sit where they can be found, with a summary near the top and a clear route to the rest.
Clear information still leaves the question of how Add, Save, and Size guide should be emphasized. That decision belongs to Button Hierarchy: Primary vs Secondary Buttons. You can still compare labels, images, prices, and stock messages without adding or saving anything. Stop before activating Add or Save unless the team has given you a safe test path.
Make Reviews Useful to Judge
Customer reviews help a shopper who is still deciding, but only if they can tell what the rating represents and read the comments behind it.
Show the average and the number of ratings, so a single enthusiastic review is not mistaken for a broad result. Baymard also recommends responding to negative reviews and styling staff replies so they are distinct from customer comments, and letting shoppers look through reviewer-submitted photos. Baymard found that shoppers often treat customer photos as more objective and trustworthy than the site’s own photos.
If the page offers an AI summary of reviews, it should present both positive and negative themes and link to the actual reviews, as Nielsen Norman Group describes.
A star rating alone does not answer whether Harbor runs small, or whether the sole holds up on a commute. Check whether the shopper can get to comments and photos that speak to those doubts.
Turn Missing Answers Into Review Notes
When you send feedback, tie each note to a shopper question, what the page currently shows, and the answer that is missing.
A useful note could say:
On the Harbor product page at [page address], checked at [width × height] with black and US men’s 9 selected, I could not find return terms on the page. Please add a plain-language summary of, or a clear link to, the return policy. The shopper needs that answer to decide whether to buy the shoe.
Send a separate note for a second gap, such as photos that show the material but not the shoe’s scale.
The goal is a product page the shopper can decide from. When a question that could change the purchase is missing or unclear, that is the note to send.
