/
/
UX usability and accessibility
/
UX audit of the website, store – usability and better SEO

UX audit of the website, store – usability and better SEO

UX audit of the website, store – usability and better SEO

A website is the business card of a company, an enterprise or a self-employed freelancer. According to the principle "what you see is what you are judged by", the impression your website makes on your users, potential customers, determines whether they will come back to you and whether they will turn from potential customers into actual customers.

Errors, difficulties, lack of intuitive solutions or complicated navigation can effectively discourage and scare away. Therefore, it is worth verifying your website in terms of its usefulness for recipients to remove any difficulties and make it easier to use. This is achieved through a professional usability audit, also known as a UX audit.

Website UX audit


Make sure the website's UX is usable

This is an independent inspection by a specialist who, using various control methods, checks the quality of your website in terms of its usefulness for the target group. Looks for possible errors and problems. Each of them should be described along with the proposed solution. Only in this way will it be possible to improve the analyzed website.

A UX usability audit should be conducted based on the auditor's knowledge and experience. Not only individual screens and subpages should be examined, but also the entire process, e.g. leading to placing an order, signing up for a newsletter or filling out a form with data. Only by completing each process will you be able to spot any errors and problems that a website user may encounter.

How is a website UX audit performed?

A UX usability audit of a website should be carried out using various methods. It then allows you to spot errors at various levels. This method of operation gives a more complete and comprehensive picture. It allows you to create a full list of things to improve or shows that the website is designed without any reservations.

The first method should always be a "cognitive walk". This is a method of simulating typical, normal user actions. What can he look for on the website and how will he do it? What helps him when looking for information that interests him, and what hinders and hinders him from doing so.

If it is possible to place an order, please go through this procedure from the beginning. What makes shopping easier? What makes it difficult? Is it easy to find the transaction summary, is redirection to payment smooth? This is all very important. This is how every process should be completed.

You don't know where to start designing a website?

See our website design guide, where we describe the stages of its implementation.

The heuristic method is the second stage of the UX audit

In accordance with general recommendations provided by various authors, the interface is analyzed in terms of its usability. Depending on which author's concept is chosen, this analysis is more or less complex. For example, Nielsen and Molich provide 10 principles of usability, Schneiderman provides eight, and Connell provides thirty. Of course, there is no need to use all of these heuristics. You can choose one proposal and base your research on it.

For example, Nielsen's heuristics are listed below, i.e. those most often used in auditing:

Show system status

Let the customer know at what stage of the order he is or what next steps await him.

audyt uzytecznosci ux statusy systemu
The process is phased and clearly marked where the user is. Clear buttons and form content planning are essential features of good UX

proces audytu ux
The user knows at what point in the process he is. It has clearly separated information and navigation sections

Maintain consistency between the system and reality

The website must be understandable to every user.

(e.g. the content on the website should be clear and understandable to the user, menu items may be supported by icons, e.g. the website menu marked No. 1 in the screenshot below)

zgodnosc strony ze stanem faktycznym
Visual consistency. The message of content, icons and photos is the same for the user.

Give the user full control

Let them cancel the order or withdraw from the sales process, this will prevent them from feeling enslaved and limited.

kontrola w procesie podrozy po stronie
Check whether the user can withdraw at any stage of the order? Are active elements visible and legible?

Stick to standards and be consistent

Buttons in the same colors, subpages in the same style. Develop a Design System.

(note the red circles with numbers in the screenshots below - after entering the product, the user receives a highlighted 'select a size' button (no. 1), only after selecting the size does the 'Add to Cart' button light up)

spojny design system na stronie
A coherent navigation system. Unification of active elements. Design System.

czytelne komunikaty na stronie
Take care of the messages on the store and website. Create clear action buttons.

intuicyjna nawigacja i koszyk
The number 4 indicates the sliding basket on the right - we do not reload the page view (we do not transfer the user to the tab)

podswietlane aktualnie wypelniane pola formularzy
number 5 - highlighted first field drawing attention to the section to be completed, number 6 - visible button to continue shopping, with a return to the card on the opposite side

Prevent mistakes

Don't waste a user's time looking for something that's not available.

eliminowanie bledow
Clear messages help users understand what they have to do on a given subpage

Let you choose, instead of forcing you to remember

Instructions for completing the form should be next to the form, not on the form, the information needed to place an order should be at hand without going to the previous page.

prosty interface strony i procesu zakupowego
A clear layout contributes to a positive user experience and improves the satisfaction of using the product

przejrzysty uklad zamowienia w ecommerce
3-column layout. A good example of a clear division of the purchasing process.

Ensure flexibility and efficiency

One customer will look for shoes by color, another by size, and the third will take both parameters into account. Let them do it.

elastycznosc wyszukiwania produktow na sklepie
Design system helps create a better experience when using a product such as a store, website or application

konsekwencja w rozwiazaniach ui
The author crammed a bit too much into the product containers at once, but you can see the consequences and the clear separation of the description from the functional part / navigation /

czytelny uklad i oddzielenie funkcji od tresci
Similarly, the light piston dominates, but the user has a clear option to use filters via the sidebar. The price comes together with a car icon and hearts. Lack of prioritization may make the right column unreadable.

czytelny uklad kafli oraz wyrazne zdjecia produktu
A much better option is to make the right column in the form of clear tiles

Take care of aesthetics and moderation

The appearance of your website or store is important. Do not overload either with graphics or information.

ciekawy stan po najechaniu poprawia wrazenia uzytkownika
Another good style that works to the advantage of the store owner

czytelny podzial sekcji nawigacji w karcie produktu
Very good division and prioritization of subpage sections. There is a product, a slider giving selection and filtering options. The lack of content and description is the only drawback of the project, which can be placed even in the form of foldable tabs so as not to take up space.

Provide effective error handling

Errors may occur. However, if the customer lands on a subpage with an error, he or she should have clear instructions on what he or she can do now.

czytelne komunikaty bledu
It seems to be an important element, but often overlooked. A well-designed messaging system can result in less frustration from re-filling the form. This is worth remembering.

informuj na stronie co sie teraz dzieje
Information and action.

Take care of support and documentation

It is worth introducing a "help" or "frequently asked questions" box, this will allow customers to find each other better and dispel any doubts they may have.

stosuj sekcje faq
Example for an FAQ section or subpage

rozwijane sekcje faq na stronie
Another concept for the FAQ, this time vertical

You can see that the list is quite general and you need a lot of experience to implement it. That's why you need a specialist for this. Of course, the examples provided are intended to suggest possible interpretations of these heuristics. However, these are only examples, not strict and precise guidelines for conducting a UX audit.

We would add from ourselves

Take care of the mobile user

Check if the user is able to:

  • make a purchase on a tablet or phone device,
  • is it possible to click on all active elements (are they not too close to each other and the user may have problems with clicking on the right one)
  • whether the basket summary is legible and does not cut off any table items - does the thumbnail look good - can it be enlarged,
  • Is it possible to order e.g. larger quantities? Are there appropriate arrows that you can easily hit with your finger?

czytelna wersja responsywna strony
Desktop and mobile version. Maintained readability and consistency. Good use of space makes the whole thing legible

The third method is a checklist

This is a set of very precise instructions, among which you can only answer "yes" or "no". The analyzed website cannot partially meet the indications listed in this method. However, the checklist requires a lot of experience. The usability tips listed here are numerous and very detailed, and not all of them need to be applied everywhere. However, what and where can be waived can only be concluded based on the party being audited, its target group and the knowledge and experience of the auditor. It is worth building such a list yourself based on experience and audits carried out. Ultimately, the goal of auditing is to increase conversions. It is often possible through experiments and trials.

UX website usability audit – effects

First of all, it indicates the weak places of the website. It shows where the user might get lost or upset. It tells you which places prevent the purchase from being completed, prevent the customer from completing the process or not starting the process on the website at all. Why do users leave the website after a short visit, and even reaching the very end of the process (ordering or leaving data) does not involve pressing the "buy" or "send" button.

However, just knowing what is wrong is one thing. A thoroughly conducted UX audit should also suggest appropriate solutions. It could be :

  • improving the content on the website,
  • improved navigation,
  • improving product descriptions to make them more encouraging or more precise.
  • maybe it's a matter of the colors chosen for the website,
  • maybe an overly complicated redirection system with no way to return, which causes the user to get lost on the page and does not know what to do next, which is why he leaves

What does a UX audit provide?

A UX audit should answer the question why users behave the way they do. Answer yes, no guess.

The list of indications and recommendations should be specific. You need to write new content, design a new website menu, synchronize the payment system with the ordering system, and attach a freebie to the form that will encourage users to leave their e-mail address. Thanks to this, the audited website becomes better, more efficient and more user-friendly. The person managing the website can observe much better conversion rates. More people order a given product or leave their details in the form. There are more open processes, and of those open, many more come to an end.

UX audit of the website, online store

– a way to consciously design

To sum up, a UX audit is a way to improve an already designed website to make it more accessible to users, help them find the information they need and encourage them to interact, which ultimately translates into the website owner's financial results.

Comments from our community for the post:

Great article that brings this topic to the max

JANUSZ KAMIŃSKI

Great article. Congratulations and thank you for the additional knowledge :)

SŁAWEK Z NETTERIA.NET

Great article, for people who are green in the subject, it will definitely help them.

NIEZWIAZANI

Valuable tips and useful knowledge. Regards

ULA

I would also add the speed of the store to the list. Recently I encountered a store where it took a dozen or so seconds to load to the basket. I gave up shopping because I had the impression that it would never load.

MICHAŁ

Very nice article. I will need it soon, because I'm starting to play around with various things in this field.

ART-KRIS

It seems so obvious, but still, for example, in many online stores you can get lost. A must-read not only for website owners.

MAMA MARKETING

A very nice guide, it will be very useful, thank you and best regards

IRENEUSZ

Great guide, very useful for beginners like me, thanks and best regards

KAMIL

A really great guide, it will be useful, there is little such practical knowledge on the Polish Internet.

LECHTRONIK

I learned a lot of things here, I will definitely read more articles, best regards!

DOGO

Great guide, I like it very much, green people like me can see more or less how it works

IZA

UI and UX are a very popular topic right now. Everyone knows what it is about, but not everyone knows how to properly use these practices to build websites. For me, this is just the beginning of my adventure in this field, even though many have been in it for a long time. I wish I had enough strength to bring something meaningful out of it. Thanks for the good content – ​​I took advantage of it

BARTOSZ

Issues related to user experience are a particularly important topic when designing websites. Thanks to user experience, we can design a visual interface in such a way that a potential customer clicks exactly what we want. Moreover, thanks to UX, users can navigate a given website much easier.

BARTŁOMIEJ

Often, when someone I know asks me where to start with UX, I refer them to this post :) Lots of information.

MATEUSZ

Great post! It is worth adding that today's stores and websites often focus on dark mode, which saves batteries in smartphones with OLED and our eyes.

ŁUKASZ

czym jest audyt ux strony ?
comments on the article how to do a UX audit of a website

thank you ;)