Website Usability Audit

The main menu is the first to show what the company offers. Unclear section names, overloaded lists and finicky drop-down submenus make visitors guess instead of choose.

• Menu item names are clear without explanation and written in the customer's language.
• The top level has no more than 7–9 items.
• Drop-down submenus don't close when the cursor shifts slightly.
• The menu looks and works the same on all pages.
• The phone number and contacts are visible in the header.

Page structure determines whether a visitor sees the main point in the first seconds. If the key action is hidden at the bottom and information is chaotic, people get tired of searching and close the tab.

• The page's main action is visible on the first screen.
• Information goes from important to secondary.
• Blocks are visually separated; the page isn't overloaded.
• Repeating elements are in the same places on all pages.
• Every page has a clear next step.

A visitor who uses search usually already knows what they want to buy. If search doesn't understand a typo or returns an empty page, you lose your “hottest” customer.

• The search bar is visible and available on all pages.
• Suggestions appear while typing.
• Search understands typos, synonyms, wrong keyboard layout and SKUs.

Results should help users quickly choose from what was found rather than make them scroll through dozens of irrelevant items.

• Results are relevant to the query, with the best matches first.
• The number of results found is visible.
• Filters and sorting are available in the results.
• If nothing is found, the user is offered alternatives rather than an empty page.
• The query stays in the search bar.

Most visitors don't read text in full — they scan it. Presentation determines whether they find the information they need in a few seconds or leave the page.

A small, pale or overly decorative font tires the eyes and reduces trust. Comfortable-to-read text is the basic condition for the content to reach the customer at all.

• Body text size is at least 16 px.
• Text contrasts with the background and meets WCAG AA.
• The website uses no more than two fonts.
• Line spacing is about 1.4–1.6.

Buttons and links are the points where a visitor becomes a customer. If it's unclear what's clickable and what happens after a click, people hesitate to take the next step.

• Links are visually distinct from regular text.
• Buttons look like buttons: a clear shape and contrasting color.
• Buttons have states: hover, pressed, disabled.
• There's one main button per page, highlighted more than secondary ones.
• The tap area on a smartphone is at least 44 × 44 px.

A form is the last step before a request, and this is where many customers are lost. Every extra field, unclear error or lost data increases the chance someone abandons the form.

The catalog is an online store's shop window. Buyers should be able to quickly compare products and find the right one without opening each product page separately.

• Categories are named the way buyers search for them.
• Product cards in the list show a photo, price, availability and rating.
• Sorting is available: by price, popularity, newness.
• After returning from a product page, the user lands at the same place in the list.

Filters turn hundreds of products into a short list of suitable ones. Inconvenient or illogical filters are one of the most common reasons buyers leave a catalog.

• Filters match the characteristics that matter for the choice.
• The number of products is shown next to each filter value.
• Selected filters are visible and easy to reset.
• The page doesn't reload or scroll to the top after every click.

If the buyer has already decided, don't make them open the product page. Every extra step to the cart reduces conversion.

• Products can be added to the cart right from the list.
• A clear confirmation appears after adding.
• The cart counter updates immediately.

A product page replaces a sales assistant. It should answer all the buyer's questions: what the product looks like, how much it costs, when it will arrive and what to do if it doesn't fit.

• Photos are large, zoomable and show different angles.
• The price, availability and buy button are visible on the first screen.
• Specifications are presented in a table.
• Delivery times and costs are stated.
• There are reviews and answers to common questions.
• Return and warranty terms are visible.
• Product variants (size, color) are easy and clear to choose.

On a smartphone, the homepage has even less time to hold a visitor's attention.

• Search and key sections are available right away.
• Pop-ups don't cover the content.

Checkout is the most important and most fragile stage. Mandatory registration, extra steps and unclear payment methods can derail a purchase when the customer is already ready to pay.

• Orders can be placed without registration.
• Checkout steps are visible and kept to a minimum.
• Delivery and payment methods are clearly described.
• The order contents and total are visible at every step.
• Data isn't lost when going back to a previous step.
• Payment security guarantees are shown next to the payment.

A large share of visitors come from smartphones, and on a small screen any inconvenient detail is felt more strongly. The mobile version should be checked separately rather than treated as a smaller copy of the desktop one.