powrot do bloga
/
/
uiux
/
Audyt UX strony internetowej, sklepu – użyteczność i lepsze SEO

Audyt UX strony internetowej, sklepu – użyteczność i lepsze SEO

Hauer Mateusz LinkedIn
Audyt UX strony internetowej, sklepu – użyteczność i lepsze SEO

Strona internetowa to wizytówka firmy, przedsiębiorstwa lub działającego na własne konto freelancera. Zgodnie z zasadą „jak cię widzą, tak cię piszą”, to jakie wrażenia zrobi twoja witryna na twoich użytkownikach, potencjalnych klientach, decyduje o tym, czy jeszcze do ciebie wrócą i czy z potencjalnych, staną się rzeczywistymi klientami.

Błędy, utrudnienia, brak intuicyjnych rozwiązań czy skomplikowana nawigacja mogą skutecznie zniechęcić i odstraszyć. Warto więc zweryfikować swoją stronę internetową pod względem jej użyteczności dla odbiorców, by usunąć ewentualne trudności i ułatwić jej użytkowanie. Służy temu profesjonalny audyt użyteczności, zwany również audytem UX.

Audyt UX strony internetowej


Zadbaj o użyteczność UX strony

Jest to niezależna kontrola specjalisty, który posługując się różnorodnymi metodami kontrolnymi, sprawdza jakość twojej strony internetowej pod kątem jej użyteczności dla grupy docelowej. Poszukuje możliwych błędów i problemów. Każdy z nich powinien być opisany wraz z proponowanym rozwiązaniem. Tylko w ten sposób możliwe będzie usprawnienie analizowanej witryny.

Audyt użyteczności UX powinien być prowadzony na bazie wiedzy audytora oraz jego doświadczeń. Badaniu należy poddać nie tylko poszczególne ekrany i podstrony, ale również cały proces np. prowadzący do złożenia zamówienia, zapisania na newsletter czy wypełnienia formularza z danymi. Tylko przejście każdego z procesów pozwoli wyłapać ewentualne błędy i problemy, na które może się natknąć użytkownik serwisu.

Zobacz również:

Jak przeprowadzany jest audyt UX strony internetowej ?

Audyt użyteczności UX strony internetowej powinien być przeprowadzony różnymi metodami. Pozwala wówczas na dostrzeżenie błędów na różnych poziomach. Taki sposób działania daje pełniejszy i bardziej kompleksowy obraz. Pozwala stworzyć pełną listę spraw do poprawy lub wykaże, że strona zaprojektowan jest bez zastrzeżeń.

Pierwszą metodą powinien być zawsze „spacer poznawczy”. Jest to metoda polegająca na symulowaniu typowych, normalnych działań użytkownika. Czego może szukać na stronie, jak to zrobi? Co mu sprzyja przy szukaniu interesujących go informacji, a co mu w tym przeszkadza i utrudnia.

Jeżeli jest możliwość złożenia zamówienia, należy przejść tę procedurę od początku. Co ułatwia dokonanie zakupów? Co utrudnia? Czy łatwo można znaleźć podsumowanie transakcji, czy przekierowanie do płatności przebiega sprawnie? To wszystko ma ogromnie duże znaczenie. W taki sposób należy przejść każdy proces.

Nie wiesz od czego zacząć projektowanie strony internetowej ? 

Zobacz do nasz projektowanie stron UX/UI, w którym opisaliśmy etapy jej realizacji.

Metoda heurystyczna to drugi etap audytu UX

Zgodnie z ogólnymi wskazaniami podawanymi przez różnych autorów analizowany jest interfejs pod względem jego użyteczności. Zależnie od tego, którego autora koncepcja zostanie wybrana, analiza ta jest bardziej lub mniej złożona. Na przykład Nielsen i Molich podają 10 zasad użyteczności, Schneiderman osiem, a Connell trzydzieści. Oczywiście, nie ma potrzeby korzystania ze wszystkich tych heurystyk. Można wybrać jedną propozycję i na niej opierać swoje badania.

Dla przykładu, poniżej przytoczone zostały heurystyki Nielsena, czyli te najczęściej wykorzystywane w przeprowadzaniu audytu:

Pokazuj status systemu

Niech klient wie, na którym etapie zamówienia się znajduje lub jakie kolejne kroki go czekają.

audyt uzytecznosci ux statusy systemu
Etapowość procesu i wyraźne zaznaczenie w którym miejscu jest użytkownik. Czytelne buttony oraz planowanie contentu formularza to nieodzowne cechy dobrego UX

proces audytu ux
Użytkownik wie w którym momencie procesu jest. Ma wyraźnie oddzielone sekcje informacyjne od nawigacyjnych

Zachowaj zgodność pomiędzy systemem, a rzeczywistością

Strona internetowa musi być zrozumiała dla każdego użytkownika.

(np. treści na stronie powinny być czytelne i zrozumiałe dla użytkownika, pozycje menu mogą być poparte ikonami, np. menu strony oznaczone na poniższym screenie nr. 1)

zgodnosc strony ze stanem faktycznym
Spójność wizualna. Przekaz treści i ikon, zdjęć jest tożsamy dla użytkownika.

Daj użytkownikowi pełną kontrolę

Pozwól anulować zamówienie lub wycofać się z procesu sprzedaży, to sprawi, że nie będzie czuł się zniewolony i ograniczony.

kontrola w procesie podrozy po stronie
Sprawdź czy na każdym etapie zamówienia użytkownik może się wycofać ? Czy elementy aktywne są widoczne i czytelne ?

Trzymaj się standardów i zachowaj spójność

Guziki w tych samych kolorach, podstrony w tej samej stylistyce. Opracuj Design System.

(zwróć uwagę w poniższych screenach na czerwone kółka z cyferkami – po wejściu w produkt użytkownik otrzymuje podświetlony guzik ‘select a size’ (nr.1), dopiero po wybraniu rozmiaru zapala się guzik ‘Add to Cart’ )

spojny design system na stronie
Spójny system nawigacji. Unifikacja elementów aktywnych. Design System.

czytelne komunikaty na stronie
Zadbaj o komunikaty na sklepie i stronie. Twórz czytelne buttony akcji.

intuicyjna nawigacja i koszyk
Numerem 4 oznaczono wysuwany koszyk z prawej strony – nie przeładowujemy widoku strony (nie przenosimy użytkownika do karty)

podswietlane aktualnie wypelniane pola formularzy
numer 5 – podświetlone pierwsze pole zwracające uwagę na sekcję do wypełnienia, numer 6 – widoczny guzik kontynuowana zakupów, gdzie po przeciwnej stronie znajduje się powrót do karty

Zapobiegaj błędom

Nie trać czasu użytkownika na zapoznanie się z czymś, co jest niedostępne.

eliminowanie bledow
Czytelne komunikaty pomagają użytkownikom zrozumieć co mają wykonać na danej podstronie

Pozwalaj wybierać, zamiast zmuszać do pamiętania

Instrukcje dotyczące wypełnienia formularza powinny być obok, a nie w formularzu, informacje potrzebne do złożenia zamówienia powinny być pod ręką, bez wchodzenia na poprzednią stronę.

prosty interface strony i procesu zakupowego
Przejrzysty układ wpływa na pozytywne doświadczenia użytkownika i poprawia zadowolenie korzystania z produktu

przejrzysty uklad zamowienia w ecommerce
Układ 3 kolumnowy. Dobry przykład na czytelny podział procesu zakupowego.

Zapewnij elastyczność i efektywność

Jeden klient będzie szukał butów po kolorze, drugi po rozmiarze, a trzeci weźmie pod uwagę obydwa parametry. Pozwól im na to.

elastycznosc wyszukiwania produktow na sklepie
Design system pomaga tworzyć lepsze wrażenia z korzystania z produktu jakim jest sklep czy strona lub aplikacja

konsekwencja w rozwiazaniach ui
Nieco zbyt dużo na raz autor 'upchał' w pojemnikach dla produktów to jednak zauważyć można konsekwencje i wyrażne oddzielenie opisu od części funkcjonalnej / nawigacja /

czytelny uklad i oddzielenie funkcji od tresci
Podobnie dominuje lekki tłok, jednak użytkownik ma wyraźną możliwość użycia filtrów poprzez sidebar. Zlewa się cena z ikoną auta oraz serduszkami. Brak nadania priorytetów może czynić prawą kolumnę nieczytelną.

czytelny uklad kafli oraz wyrazne zdjecia produktu
Dużo lepszą opcją jest wykonanie prawej kolumny w formie wyraźnych kafli

Dbaj o estetykę i umiar

Wygląd Twojej strony www lub sklepu ma znaczenie. Nie wolno przeładować ani grafiką, ani informacjami.

przejrzystosc i przestrzen w projekcie
Zauważyć można bardzo czytelny układ z dużą ilością przestrzeni. Autor zadbał o użyteczność i podkreślenie tego co ważne poprzez umieszczenie tylko najważniejszych informacji i światło pomiędzy elementami. Całość dobrze się czyta i skanuje wzrokiem.

ciekawy stan po najechaniu poprawia wrazenia uzytkownika
Kolejny dobry styl pracujący na plus dla właściciela sklepu

czytelny podzial sekcji nawigacji w karcie produktu
Bardzo dobry podział i ustawienie priorytetów sekcji podstrony. Jest produkt, slider dający opcje wyboru i filtrowanie. Brak treści i opisu to jedyny minus projektu, które można umieścić nawet w formie zwijanych tabów by nie zajmowały miejsca.

Zapewnij skuteczną obsługę błędów

Błędy mogą się pojawić. Jeżeli jednak klient trafi na podstronę z błędem, powinien mieć jasną instrukcję dotyczącą tego, co może teraz zrobić.

czytelne komunikaty bledu
Niby ważny element ale często pomijany. Dobrze zaprojektowany system komunikatów może spowodować mniej frustracji z powodu ponownego uzupełnienia formularza. Warto o tym pamiętać.

informuj na stronie co sie teraz dzieje
Informacja i akcja.

Zadbaj o pomoc i dokumentację

Warto wprowadzić okienko „pomoc” lub „często zadawane pytania” to pozwoli na to, by klienci lepiej się odnaleźli i rozwiali wszelkie swoje wątpliwości.

stosuj sekcje faq
Przykład dla sekcji lub podstrony FAQ

rozwijane sekcje faq na stronie
Inna koncepcja dla FAQ tym razem pionowa

Widać, że lista jest dość ogólna i trzeba sporo doświadczenia, by sobie poradzić z jej wdrożeniem. Właśnie dlatego potrzebny jest do tego specjalista. Oczywiście podane przykłady mają zasugerować możliwe interpretacje tych heurystyk. Są to jednak tylko przykłady, a nie ścisłe i precyzyjne wytyczne do przeprowadzenia audytu ux.

Od siebie dodalibyśmy

Zadbaj o użytkownika mobilnego

Sprawdź czy użytkownik jest w stanie :

  • dokonać zakupu na urządzeniu typu tablet, telefon,
  • czy jest w stanie kliknąć w wszystkie elementy aktywne (czy nie są one za blisko siebie i użytkownik może mieć problem z kliknięciem w ten właściwy)
  • czy podsumowanie koszyka jest czytelne i nie ucina żadnej pozycji tabeli – czy dobrze wygląda miniatura – czy można ją powiększyć,
  • czy można dokonać zamówienia np. większej ilości sztuk czy są odpowiednie strzałki w której łatwo można trafić palcem ?

czytelna wersja responsywna strony
Wersja desktop i mobilna. Zachowana czytelność i spójność. Dobre rozegranie przestrzeni sprawia że całość jest czytelna

Trzecią metodą jest lista kontrolna

To zestaw bardzo precyzyjnych wskazań, wśród których odpowiedzieć można tylko „tak” lub „nie”. Analizowana strona nie może częściowo spełniać wymienionych w tej metodzie wskazań. Lista kontrolna wymaga jednak sporego doświadczenia. Zestawione w niej wskazówki użyteczności są liczne i bardzo szczegółowe, a nie wszędzie trzeba je wszystkie zastosować. Jednak to, z czego i gdzie można zrezygnować, można wywnioskować tylko na podstawie badanej strony, jej grupy docelowej oraz wiedzy i doświadczenia audytora. Warto samodzielnie zbudować sobie taką listę na bazie doświadczeń i przeprowadzanych audytów. Ostatecznie, celem kontroli jest zwiększenie konwersji. Często jest ono możliwe na drodze eksperymentów i prób.

Audyt użyteczności stron UX – efekty

Przede wszystkim wskazuje on słabe miejsca strony www. Pokazuje, gdzie użytkownik może się zgubić lub zdenerwować. Podpowiada, które miejsca powodują, że do zakupu nie dochodzi, że klient nie kończy rozpoczętego procesu lub w ogóle nie rozpoczyna procesu na stronie. Dlaczego użytkownicy opuszczają stronę po krótkiej obecności, a dotarcie nawet na sam koniec procesu (zamówienia lub zostawienia danych) nie implikuje wciśnięcia guzika „kupuj” lub „wyślij”.

Jednak sama wiedza o tym, co jest źle to jedno. Rzetelnie przeprowadzony audyt UX powinien również sugerować odpowiednie rozwiązania. Może to być :

  • usprawnienie treści na stronie,
  • usprawnienie nawigacji,
  • poprawa opisów produktów, by były bardziej zachęcające do zakupu lub bardziej precyzyjne.
  • być może to kwestia kolorystyki wybranej na stronę internetową,
  • może zbyt skomplikowanego systemu przekierowań bez możliwości powrotu, które powodują, że użytkownik gubi się na stronie i nie wie, co ma dalej zrobić, dlatego właśnie wychodzi

Co daje audyt UX ?

Audyt UX powinien odpowiedzieć na pytanie, dlaczego użytkownicy zachowują się tak, a nie inaczej. Odpowiedzieć twierdząco, nie przypuszczająco.

Lista wskazań i rekomendacji powinna być konkretna. Trzeba napisać nową treść, zaprojektować nowe menu strony internetowej, zsynchronizować system płatności z systemem zamówień a do formularza dołączyć gratis, który zachęci użytkowników do tego, by pozostawili swój adres mailowy. Dzięki temu audytowana strona staje się lepsza, sprawniejsza, bardziej przyjazna użytkownikowi. Osoba zarządzająca stroną internetową może zaś obserwować znacznie lepsze wskaźniki konwersji. Więcej osób zamawia dany produkt lub pozostawia swoje dane w formularzu. Jest więcej otwartych procesów, a spośród otwartych, znacznie więcej dochodzi do końca.

Zobacz : audyt seo

Audyt UX  strony, sklepu internetowego

– sposób na świadome projektowanie

Podsumowując, audyt UX jest sposobem na usprawnienie zaprojektowanej już strony internetowej, w takim względzie by była ona bardziej dostępna dla użytkowników, pomagała im znaleźć potrzebne informacje i zachęcała do interakcji, co w efekcie przekłada się również na wyniki finansowe właściciela strony.

Komentarze naszej społeczności dla wpisu : 

Świetny artykuł, który wyświetla ten temat na maksa

JANUSZ KAMIŃSKI

Super artykuł. Gratuluję i dziękuję za dodatkową wiedzę:)

SŁAWEK Z NETTERIA.NET

Świetny artykuł, dla osób które są zielone w temacie idealne, na pewno im to pomoże.

NIEZWIAZANI

Cenne wskazówki i przydatna wiedza. Pozdrawiam

ULA

Dodałbym jeszcze do listy prędkość działania sklepu. Ostatnio miałem do czynienia ze sklepem w którym przejście do koszyka ładowało się dobre kilkanaście sekund albo i więcej. Odpuściłem sobie zakupy gdyż miałem wrażenie, że nigdy się nie wczyta.

MICHAŁ

Bardzo fajny artykuł. Przyda mi się niebawem, bo zaczynam się bawić w różne rzeczy z tej dziedziny.

ART-KRIS

Niby takie oczywiste, a wciąż np, w wielu sklepach internetowych idzie się zgubić. Lektura obowiązkowa nie tylko dla właścicieli witryn.

MAMA MARKETING

Bardzo fajny poradnik, przyda się i to bardzo, dzieki i pozdrawiam

IRENEUSZ

Super poradnik, bardzo przydatny dla początkujących takich jak ja, dzięki i pozdrawiam

KAMIL

Naprawdę świetny poradnik, przyda się, mało tak praktycznej wiedzy w polskim internecie.

LECHTRONIK

Dużo rzeczy się tutaj dowiedziałem, na pewno będę czytał kolejne artykuły, pozdrawiam!

DOGO

Świetny poradnik, bardzo mi się podoba, zieloni tacy jak ja mogą zobaczyć mniej wiecej jak to działa

IZA

UI i UX to teraz strasznie popularny temat. Każdy wie o co chodzi ale nie każdy wie jak poprawnie te praktyki wykorzystywać do budowy serwisów. Dla mnie to dopiero początki przygody z tą dziedziną mimo, że wielu siedzi w tym już dłuuuugi czas. Obym miał na tyle siły aby coś sensownego z tego urodzić. Dzięki za dobry content – skorzystałem

BARTOSZ

Sprawy związane z user experience to szczególnie ważny temat podczas projektowania stron internetowych. Dzięki doświadczeniom użytkowników zaprojektować możemy interfejs wizualny w taki sposób, by potencjalny klient kliknął właśnie w to co my chcemy. Ponadto dzięki ux użytkownicy mogą o wiele łatwiej poruszać się po danym serwisie.

BARTŁOMIEJ

Często, gdy ktoś ze znajomych mnie pyta od czego zacząć UX to podsyłam do tego wpisu 🙂 Moc informacji.

MATEUSZ

Świetny wpis! Warto dodać, że dzisiejsze sklepy i strony www często stawiają na tryb ciemny, który oszczędza baterie w smartfonach z OLEDem oraz nasze oczy

ŁUKASZ

czym jest audyt ux strony ?
komentarze do artykułu jak zrobić audyt UX strony internetowej

dziękujemy ;)

Zobacz również

Jesteś gotowy na POWER ?

Potrzebujesz świeżego spojrzenia ?

Rozwiń i zaangażuj użytkowników.
Usprawnij obsługę procesów sprzedaży oraz doświadczenia Klientów.

Uwolnij z nami swój  potencjał cyfrowy
agencja digital marketing