Web usability, czyli użyteczność stron internetowych

Kategorie
Web usability (UX)

Witamy w naszym przewodniku krok po kroku do testów użyteczności stron internetowych! W tym artykule przeprowadzimy Cię przez zadania i cele testowania użyteczności oraz dostarczymy praktycznych wskazówek dotyczących przeprowadzania testów. Testy użyteczności to kluczowy proces, który pomaga zrozumieć, jak użytkownicy wchodzą w interakcje ze stroną internetową i identyfikować obszary do poprawy. Analizując zachowanie użytkowników na stronie za pomocą narzędzi takich jak mapy ciepła i sesje wideo, możesz zdobyć cenne wglądy i zwiększyć szanse na osiągnięcie mikro- lub makrokonwersji. Nie pozwól, aby słaba użyteczność stała Ci na drodze – zanurzmy się i zacznijmy!

FAQ o testach użyteczności

Ten artykuł nauczy Cię, czym są testy użyteczności stron internetowych, jakie etapy przewidują i dlaczego każdy właściciel strony internetowej powinien interesować się tą praktyką. Porozmawiamy także o metodach badania użyteczności, skutecznych usługach i przykładzie raportu z testu użyteczności. Wszystkie te informacje pomogą Ci lepiej zrozumieć proces testowania użyteczności stron internetowych oraz wiedzieć, kiedy przeprowadzić je samodzielnie, a kiedy zaangażować ekspertów UX.

  • Jak przeprowadzić testy użyteczności dla strony internetowej?
  • Czym są testy użyteczności stron internetowych?
  • Jak napisać nagłówek dla testów użyteczności strony internetowej?
  • Jak przeprowadzać testy użyteczności stron internetowych na urządzeniach mobilnych?
  • Jakie rodzaje testów użyteczności stron internetowych powinienem przeprowadzić?
  • Jak przeprowadzić testy użyteczności dla strony internetowej przed jej przeprojektowaniem?
  • Na co zwracać uwagę podczas testowania użyteczności strony internetowej?
  • Jakie są powszechne narzędzia do testowania użyteczności stron internetowych?
  • Ile możesz zarobić na testowaniu użyteczności stron internetowych?

Narzędzia Plerdy oferują mapę ciepła strony internetowej oraz nagrania sesji wideo do analizy zachowania użytkowników. Dzięki Plerdy możesz łatwo testować użyteczność swojej strony, poprawiać projekty, analizować wezwania do działania, zwiększać wskaźniki konwersji i wiele więcej.

Przewodnik krok po kroku do testowania użyteczności stron internetowych-0001

Co to są testy użyteczności?

Testy użyteczności to złożona ocena strony internetowej pod kątem łatwości użytkowania i efektywności jej elementów technicznych. Łatwość użytkowania zależy w dużej mierze od projektu UI, podczas gdy funkcjonalność jest testowana podczas audytu strony. Dowiedzmy się, jak te procesy są ze sobą powiązane.

Projektowanie UI polega na tworzeniu prototypu produktu lub wizualnego interfejsu, który jest wygodny dla użytkowników. Z drugiej strony, testy użyteczności to sprawdzenie produktu przez docelową grupę odbiorców lub użytkowników, którzy prawdopodobnie będą zainteresowani uruchomioną stroną internetową lub nowo stworzonym produktem. Aby lepiej zrozumieć różnicę między UI a UX, rozważmy te dwa przykłady: butelki z ketchupem i wytyczonych ścieżek w parku.

Według projektanta, butelka z ketchupem powinna mieć następujące właściwości: być kompaktowa, dobrze leżeć w dłoni użytkownika, wyglądać stylowo, mieć nakrętkę i dozownik. Według programisty, jest to projekt UI strony – właściwy produkt. Po tym UI butelki jest dostarczany do użytkownika końcowego, który uważa, że projekt jest wadliwy: butelka jest za mała i nie ma klapki na dole; zamiast tego ma pozornie zbędny dozownik na górze butelki. To są testy użyteczności – praktyczna ocena użyteczności produktu.

Przykład butelki z ketchupem demonstruje różnicę między UI i UX:

Przewodnik krok po kroku do testowania użyteczności stron internetowych 02

Teraz przyjrzyjmy się przykładowi wytyczonych ścieżek. Architekt zaprojektował park z wytyczonymi ścieżkami do leniwych spacerów niedzielnymi i otoczył je zielonym trawnikiem, posadzając tu i ówdzie drzewa. To jest projekt UI – architekt polegał na swojej wizji wygody użytkownika. Jednakże, gdy projekt został zrealizowany, okazało się, że odwiedzający park rzadko korzystają z jednego odcinka chodnika i zamiast tego przechodzą prosto przez trawnik, skracając sobie drogę. Było to testowanie użyteczności, które pokazało, że projekt nie był wystarczająco użyteczny, i odwiedzający musieli stworzyć dodatkową ścieżkę dla swojej wygody.

Przykład wytyczonej ścieżki ilustruje różnicę między UI i UX:

Przewodnik krok po kroku do testowania użyteczności stron internetowych 03

Audyty użyteczności to złożone sprawdzenie strony internetowej w celu wykrycia technicznych luk. Audyt użyteczności strony pomoże Ci określić, czy został osiągnięty docelowy ruch, czy wystąpiły jakieś problemy i jakie działania należy podjąć, aby poprawić sytuację. Na przykład, jeśli Twoja strona internetowa złapie wirusa, wszystkie wyszukiwarki natychmiast to wykryją i zablokują całą stronę. W rezultacie zostanie ona oznaczona jako potencjalnie szkodliwe źródło, a niektórzy użytkownicy nie będą mogli z niej korzystać. To doprowadzi do spadku ruchu i sprzedaży oraz innych konsekwencji. Audyt użyteczności strony pomoże Ci szybko rozwiązać wykryte problemy.

Oto wykres przedstawiający możliwe sposoby badania zachowania użytkowników i kroki, jakie można podjąć, aby przeprowadzić kompleksowy audyt użyteczności strony internetowej.

Sposoby analizy zachowania użytkownikówKomponenty audytu użyteczności strony internetowej
WywiadyAudyt techniczny
Ankiety onlineAudyt treści strony
KwestionariuszeOcena jądra semantycznego
Testy drzewaAudyt strony docelowej
Karty ocenSprawdzanie narzędzi analitycznych internetu
Testy A/BAudyt linków
Budowanie personAnaliza konkurencji
Test kliknięćOcena jakości wewnętrznej optymalizacji
Test nawigacjiAudyt marketingowy
Testy 5-sekundoweAudyt możliwości rozwoju
Testy użytecznościAudyt użyteczności

Testy użyteczności są punktem łączącym projekt UI i audyt strony internetowej. W projektowaniu UI testy użyteczności pozwalają ocenić wygodę i praktyczność (pamiętaj o przykładach butelki z ketchupem i wytyczonych ścieżkach).

Z drugiej strony, audyt użytkownika pokazuje techniczne luki strony internetowej i sugeruje sposoby ich rozwiązania, aby pozwolić projektowi UI zagrać. Ponieważ procesy są ze sobą powiązane, mądrze jest przeprowadzać je jednocześnie jako elementy jednej złożonej kontroli. W przeciwnym razie każdy proces ma małą praktyczną wartość: nikt nie potrzebuje strony internetowej, która jest niefunkcjonalna lub funkcjonalna, ale z brzydkim designem.

Jeśli strona internetowa ma wygodny design, jest atrakcyjna dla użytkowników (jak pokazano w teście UX) i działa poprawnie (zgodnie z audytem użyteczności), szanse są wysokie, że ostatecznie osiągnie swój cel.

Lista kontrolna testowania użyteczności

Jeśli chodzi o testy użyteczności stron internetowych, istnieje wiele czynników do rozważenia. Ale bez obaw! Dzięki Listie kontrolnej użyteczności strony internetowej: 210 punktów testowania, możesz upewnić się, że Twoja strona internetowa jest naprawdę przyjazna dla użytkownika. Tworzenie strony internetowej może być trudne, ale sprawienie, aby była użyteczna, to zupełnie inny wyzwanie. To jak nigdykończąca się gra w Jengę; jeśli zmienisz jedną rzecz, cała strona może się zawalić. Ta lista kontrolna obejmuje wszystko, od ogólnych zaleceń dotyczących użyteczności po konkretne elementy wpływające na sprzedaż, takie jak strona produktu i rejestracja użytkownika. Oto tylko kilka z wielu punktów zawartych na liście kontrolnej:

  • Znaki jakości i certyfikaty
  • Geotargeting i opcje językowe
  • Przyjazny dla użytkownika design i jasna terminologia
  • Filtrowanie produktów i rejestracja użytkownika
  • Proces zakupowy i dodatkowe elementy wpływające na sprzedaż
  • Struktura strony i wewnętrzne linkowanie
  • Analiza użyteczności treści i koszyka w sklepie internetowym
  • Funkcjonalność wyszukiwania na stronie

Ta szczegółowa lista kontrolna zapewni, że Twoja strona internetowa będzie łatwa w użyciu i zapewni użytkownikom najlepsze możliwe doświadczenie. Więc dlaczego czekać? Zacznij już dziś testować użyteczność swojej strony i popraw wydajność swojej strony internetowej!

Przykład strony internetowej do testowania użyteczności – animalessalvajes.world

Ostatnio miałem okazję ocenić użyteczność strony internetowej animalessalvajes.world. Po wejściu na stronę od razu pojawiło się okno pop-up, co nie jest najlepszą praktyką, ponieważ użytkownicy potrzebują czasu, aby zapoznać się i zrozumieć cel strony. Jak można się było spodziewać, większość użytkowników zamknęła pop-up bez subskrybowania newslettera. Aby rozwiązać ten problem, ustaw opóźnienie co najmniej 10 sekund przed pokazaniem pop-upu lub użyj wyzwalacza opartego na przewijaniu.

Inny problem, który zauważyłem, to zduplikowane kategorie w menu, co może dezorientować użytkowników ze względu na złą użyteczność. Lepiej mieć tylko jedno menu, najlepiej to w lewym górnym rogu. Wreszcie, pasek wyszukiwania jest istotnym elementem strony internetowej i powinien być widoczny i łatwo dostępny. Obecny projekt paska wyszukiwania wymaga poprawy, aby był bardziej zauważalny.

Jeśli chodzi o konwersje, formularz subskrypcji wymaga przeprojektowania, aby był bardziej atrakcyjny i przyciągający. Ponadto sekcja sklepu wymaga lepszego nazewnictwa i większej promocji, aby zachęcić użytkowników do odwiedzenia.

Podsumowując, strona może skorzystać na kilku poprawkach projektu i użyteczności. Na przykład, dzięki kilku modyfikacjom pop-upów, menu i projektu paska wyszukiwania, strona użyteczności może być bardziej przyjazna dla użytkownika i przyciągnąć więcej odwiedzających.

8 rodzajów metod testowania użyteczności

Testowanie użyteczności to niezbędny krok w procesie rozwoju każdej strony internetowej lub aplikacji. Jednak decydowanie, którą metodę wybrać, może być wyzwaniem z tak wieloma dostępnymi opcjami. Przed wyborem metody testowania musisz wziąć pod uwagę kilka czynników, w tym swoje zasoby, grupę docelową i cele badawcze.

Istnieją trzy szerokie kategorie testowania użyteczności: jakościowe lub ilościowe, moderowane lub niemoderowane oraz zdalne lub bezpośrednie. Osiem rodzajów metod testowania użyteczności opiera się na tych kategoriach i jest opisanych poniżej.

  • Moderowane vs. Niemoderowane Testy Użyteczności: Testy moderowane są przeprowadzane z udziałem wyszkolonego badacza, który wprowadza uczestników w test, odpowiada na ich pytania i zadaje pytania uzupełniające. Testy niemoderowane, z drugiej strony, odbywają się bez bezpośredniego nadzoru. Uczestnicy mogą być w laboratorium, ale częściej są w swoich domach i/lub używają swoich urządzeń.
  • Zdalne vs. Bezpośrednie Testy Użyteczności: Testy zdalne odbywają się przez internet lub telefon. W przeciwieństwie do tego, testy bezpośrednie są przeprowadzane w fizycznej obecności badacza UX/moderatora. Testy bezpośrednie dostarczają dodatkowych punktów danych, ponieważ badacze mogą obserwować i analizować ekspresje twarzy.
  • Eksploracyjne vs. Ocenianie vs. Porównawcze Testy Użyteczności: Testy eksploracyjne są otwarte, badania oceniające służą do testowania zadowolenia użytkownika z produktu, a metody badawcze porównawcze polegają na pytaniu użytkowników, którą z dwóch rozwiązań preferują.

Różne rodzaje metod testowania użyteczności są zaprojektowane, aby udzielać odpowiedzi na konkretne pytania badawcze. Oto niektóre z najpopularniejszych metod testowania użyteczności:

  • Testowanie użyteczności w laboratorium: odbywa się w specjalnie zbudowanym laboratorium do testów użyteczności i jest świetne do testów porównawczych.
  • Testowanie partyzanckie: używane do testowania szerokiego przekroju ludzi, którzy mogą nie mieć historii z produktem.
  • Wywiady telefoniczne: są ekonomiczne i pozwalają zbierać więcej danych w krótszym czasie.
  • Sortowanie kart: świetna metoda do uzyskiwania opinii na temat układu i struktury nawigacyjnej.
  • Nagrania sesji: fantastyczny sposób na zauważenie poważnych problemów z zamierzoną funkcjonalnością strony.
  • Narzędzia do testowania online i platformy obejmują testy 5-sekundowe, niemoderowane sortowanie kart i testy pierwszego kliknięcia.
  • Testowanie obserwacyjne: pozwala badaczom zobaczyć mowę ciała i wyrazy twarzy uczestników bez ingerencji moderatora.

Ostatecznie metoda testowania użyteczności, którą wybierzesz, będzie zależeć od rodzaju informacji, które chcesz zebrać, Twojego budżetu i dostępnego czasu. Wybierając odpowiednią metodę testowania, możesz upewnić się, że Twoja strona internetowa lub aplikacja jest łatwa w użyciu, intuicyjna i funkcjonalna dla Twojej grupy docelowej. Aby pomóc w testowaniu użyteczności, narzędzia takie jak mapa ciepła Plerdy i powtórzenie sesji mogą dostarczyć cennych wglądów w to, jak użytkownicy wchodzą w interakcję z Twoją stroną internetową.

Top 10 narzędzi do testowania użyteczności

Testowanie użyteczności jest niezbędne, aby upewnić się, że Twoja strona internetowa jest przyjazna dla użytkownika i łatwa w nawigacji. Na rynku dostępnych jest wiele narzędzi do testowania użyteczności, ale zebraliśmy listę 10 najlepszych narzędzi, które pomogą Ci podjąć świadomą decyzję.

  1. Plerdy: Oferuje zestaw narzędzi CRO & SEO do analizy użyteczności strony internetowej w celu osiągnięcia maksymalnej konwersji. Jest drugim najłatwiejszym do użycia narzędziem w oprogramowaniu map ciepła.
  2. Contentsquare: To narzędzie wychodzi poza tradycyjną analitykę, zapewniając bezprecedensowe zrozumienie doświadczenia klienta.
  3. Glassbox: Wzmacnia organizacje, umożliwiając tworzenie bezproblemowych cyfrowych podróży dla klientów.
  4. Hotjar: Z oceną 4,3 na 5, Hotjar jest szóstym najłatwiejszym do użycia narzędziem w oprogramowaniu map ciepła, a cena na poziomie podstawowym jest darmowa.
  5. Smartlook: To narzędzie odpowiada na „dlaczego” za działaniami użytkowników i jest zoptymalizowane pod kątem szybkiej odpowiedzi.
  6. Mouseflow: Używane przez ponad 210 000 klientów marketingu cyfrowego, Mouseflow oferuje analizę zachowań.
  7. FullStory: Zaufana platforma inteligencji doświadczenia cyfrowego, która łączy bogatą analitykę produktów, pełne szczegóły sesji i narzędzia współpracy, aby dostarczać wglądy w czasie rzeczywistym, które odkrywają możliwości.
  8. Lucky Orange: Ponad 375 000 stron internetowych ufa jego narzędziom do optymalizacji współczynnika konwersji i użyteczności strony.
  9. Quantum Metric: Z oceną 4,7 na 5, to narzędzie automatycznie kwantyfikuje wpływ interakcji klienta.
  10. UXCam: To kompleksowe narzędzie do analizy aplikacji mobilnych i testowania użyteczności, umożliwiające firmom zrozumienie swoich użytkowników.

Testowanie użyteczności jest kluczowe, aby upewnić się, że Twoja strona internetowa jest zoptymalizowana pod kątem doświadczenia użytkownika. Przyglądając się, jak ludzie korzystają z Twojej strony, z danymi opartymi na mapach ciepła lub powtórzeniach sesji, możesz znaleźć potencjalne problemy i uczynić swoją stronę łatwiejszą w użyciu. Pamiętaj, że słaby wynik użyteczności zmniejsza szanse na uzyskanie mikro- lub makrokonwersji, więc inwestowanie w odpowiednie narzędzia do zwiększenia użyteczności Twojej strony internetowej jest niezbędne.

Dlaczego testowanie użyteczności jest ważne

Kiedy użytkownik odwiedza stronę internetową po raz pierwszy, zajmuje mu to do trzech sekund, aby ocenić jej design i użyteczność. Jeśli wszystko jest w porządku, odwiedzający spędza następne dziesięć sekund na poznawaniu struktury, nawigacji i treści strony. Jeśli nie pojawi się żaden problem i wszystko będzie jasne, użytkownik najprawdopodobniej zapozna się z zaproponowaną treścią i wykona potrzebne działanie: zasubskrybuje aktualizacje, zadzwoni do biura, kupi oferowany przedmiot lub skorzysta z usługi. Jednak jeśli pierwsi odwiedzający napotkają problem w ciągu pierwszych 15 sekund, prawdopodobnie zamkną stronę, nie zwracając uwagi na to, co jest oferowane. Jeśli użytkownik zdecyduje się pozostać na stronie, ale zostanie zdezorientowany lub rozczarowany przez coś, sytuacja będzie taka sama, a strona straci na swoim celu.

Wykres pokazuje, że 1 dolar zainwestowany w testowanie UX (użyteczności) przynosi 100 dolarów zwrotu z inwestycji (ROI).

Przewodnik krok po kroku do testowania użyteczności stron internetowych 04

Aby lepiej zrozumieć cel testowania użyteczności, wyobraź sobie, że umieściłeś okno pop-up, zachęcające odwiedzających do podania swoich numerów telefonów i otrzymania zwrotu połączenia od menedżera.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 05

Obecnie w sektorze e-commerce krąży tryliony dolarów, a 35% tej kwoty zostanie stracone z powodu braku odpowiedniego testowania UX. Jeśli zdecydujesz się reklamować swój produkt kosztem audytu UI i oceny UX, strona internetowa zyska więcej ruchu po rozszerzeniu budżetu marketingowego. Irytujące okno pop-up odciągnie większość odwiedzających do konkurentów, którzy zrozumieli wagę testowania użyteczności i zaprojektowali wygodne strony internetowe. Twoja strona i tak straci na swoim celu, podczas gdy zwiększone koszty marketingowe przełożą się na straty finansowe.

Testowanie UX pomaga rozwiązywać fundamentalne problemy wpływające na wskaźniki konwersji. To główny powód, dla którego warto przeprowadzać terminowe oceny użyteczności i poprawiać błędy w designie Twojej strony internetowej.

Testowanie użyteczności ułatwia proces rozwoju strony internetowej i pozwala na dwa razy szybsze uruchamianie stron.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 06

Ponadto testowanie użyteczności ma kilka innych zalet: zwiększa sprzedaż, pozwala na reanimację wadliwych e-startupów i oszczędza czas programistów stron internetowych. Dlatego testowanie użyteczności to świetna okazja do ożywienia porzuconych projektów.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 07

Co roku do 1 biliona dolarów wydawane jest na uruchomienie startupów internetowych. Niestety, około 150 miliardów dolarów traci się na porzucone projekty. Dobra wiadomość jest taka, że większość tych umierających startupów może zostać reaktywowana przez terminowe testowanie użyteczności.

Straty ponoszone przez sklepy internetowe z powodu niewystarczającego testowania użyteczności.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 08

Aż 27% amerykańskich konsumentów online porzuca swoje zamówienia z powodu niezadowalającego procesu realizacji zamówienia i designu. Przetłumaczone na pieniądze, amerykańskie sklepy internetowe tracą rocznie 260 miliardów dolarów z powodu złego UX.

Inne kraje doświadczają podobnych problemów.

Jak testować użyteczność stron internetowych: kompletny przypadek

Postanowiliśmy zademonstrować, jak w praktyce przeprowadzać testy użyteczności. Przeanalizujemy stronę jednego ze sklepów e-commerce, Wesco-shop.us, i przedstawimy rekomendacje dotyczące jej ulepszenia. Jeśli planujesz uruchomić kampanię Google Ads, przeprojektować swoją stronę lub promować ją za pomocą SEO, testy UX będą przydatne. W jednej z kolejnych sekcji rzucimy światło na to, jak można samodzielnie ocenić użyteczność strony internetowej. Można znaleźć mnóstwo informacji instruktażowych na różnych stronach dotyczących testowania użyteczności. Jednak dla Twojej wygody sformułowaliśmy kluczowe wskazówki dotyczące udanego badania użyteczności strony internetowej poniżej. Ale jeśli jesteś zbyt zajęty – rozważ zlecanie tego zadania profesjonalistom.

Wskazówka nr 1: Upewnij się, że przedmioty są odpowiednio skategoryzowane

Przewodnik krok po kroku do testowania użyteczności stron internetowych 09

Czasami produkty wymienione na stronie są różnych kolorów. Sprawia to, że strona wydaje się niechlujna i rozprasza uwagę użytkownika. Strona będzie wyglądała schludnie i stylowo, jeśli wszystkie produkty będą pogrupowane według koloru.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 10

Na przykład, fioletowy zegar wyróżnia się spośród innych przedmiotów na stronie. Aby strona wyglądała uporządkowanie, należy zastąpić fioletowy zegar kuchenny czerwonym. Kolory mają znaczenie tylko wtedy, gdy chodzi o stylistykę strony użyteczności. Ponieważ koncepcja projektowa zakłada, że produkty powinny być grupowane według kolorów, należy zadbać o przestrzeganie tego warunku.

Klient przestrzegał zalecenia i wypełnił stronę wyłącznie czerwonymi przedmiotami. Teraz strona wygląda schludnie i przemyślanie. Aby wzmocnić ten efekt, klient może zatrudnić projektanta użyteczności, aby upewnić się, że ten sam odcień koloru jest używany na całym katalogu.

Wskazówka nr 2: Problem ze scrollowaniem

Wewnętrzny pasek przewijania na stronie powinien zostać usunięty. Jest to konieczne, ponieważ pasek przewijania nie jest zaprojektowany poprawnie. Wadliwy kod powinien zostać zmieniony, aby wyeliminować pasek przewijania i poprawić wygląd strony.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 11

W tym przykładzie pasek przewijania jest zbyt gruby i umieszczony zbyt daleko od prawej krawędzi.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 12

Ponadto jego kolor pasuje do koloru przedstawionych w katalogu przedmiotów. Odciąga to uwagę widza i utrudnia nawigację po stronie. Usunięcie paska przewijania uczyni stronę bardziej przyjazną dla użytkownika.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 13

Naszym zadaniem jest przeanalizowanie kodu, znalezienie problemu, wykonanie zrzutu ekranu i zaznaczenie części, która wymaga edycji. Następnie powiadom klienta o problemie z użytecznością i dostarcz zrzut ekranu.

Z jakiegoś powodu klient nie zajął się problemem paska przewijania. Gruba szara linia nadal tam jest, uniemożliwiając użytkownikom przeglądanie katalogu. Nie mamy dostępu do zaplecza strony, więc nie możemy samodzielnie edytować kodu. Kontynuujmy naszą analizę, mając nadzieję, że właściciel strony rozwiąże ten problem z użytecznością.

Wskazówka nr 3: Błąd w układzie stopki

Czasami użytkownik może zauważyć błąd stopki strony internetowej podczas odświeżania strony docelowej: na dole pojawia się wolne pole z paskiem wyszukiwania, chociaż nie powinno tam być. Aby rozwiązać ten problem z użytecznością, należy dostosować kod, aby przywrócić oryginalny układ strony.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 14

Na dole strony powinno być trochę miejsca. Unikaj umieszczania tam innych elementów niż linki do mediów społecznościowych i systemów płatności lub przyciski „Zapisz się” i „Powrót do góry”.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 15

Niestety, właściciel strony nie przestrzegał naszej rekomendacji i zdecydował się nie dostosować kodu. W rezultacie szare pole nadal pojawia się od czasu do czasu na dole strony, zasłaniając loga systemów płatności. Nieczynny pasek wyszukiwania, który pojawia się tam, będzie irytował większość odwiedzających.

Wskazówka nr 4: Upewnij się, że elementy projektu są właściwie wyrównane

Trzy bloki treści z kategoriami zostały przesunięte w lewo i nie pasowały do ogólnego układu strony. Aby naprawić ten problem, należy przejść do zaplecza i właściwie je wyśrodkować. To takie proste!

Przewodnik krok po kroku do testowania użyteczności stron internetowych 16

Tak czy inaczej, klient powinien ponownie sprawdzić rubrykator. Nawet po wyśrodkowaniu, trzy małe bloki treści wyglądają nieco nienaturalnie. Dodajmy nową kategorię, użyjmy większych obrazów i ponownie wyśrodkujmy wszystkie elementy. Wygląda to teraz całkiem fajnie pod względem użyteczności.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 17

Właściciel strony przestrzegał naszych sugestii i wprowadził niezbędne zmiany natychmiast. Teraz na stronie znajdują się cztery bloki treści, schludnie rozmieszczone pod głównym obrazem. Jeśli sklep wprowadzi w przyszłości nowe kategorie produktów, mogą zostać dodane jako osobne bloki i umieszczone jedne na drugich. Taki układ będzie atrakcyjny i łatwy do nawigacji.

Wskazówka nr 5: Optymalne wymiary wszystkich elementów

Pole komentarzy powinno zostać zmienione rozmiarowo i wyśrodkowane. Obecnie wygląda na zbyt duże i niewygodne.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 18

Właściciel strony częściowo wziął pod uwagę nasze rekomendacje: pole komentarzy zmniejszyło się, ale nadal jest dopasowane do szerokości strony. W takim przypadku użytkownik prawdopodobnie będzie miał trudności z pisaniem długich komentarzy z dogłębnym opisem napotkanego problemu.

Wskazówka nr 6: Nieodpowiedni układ obrazów

Wszystkie obrazy z każdego bloku powinny być tej samej wielkości. Jeśli tego wymogu nie spełniono, strona będzie wyglądała niechlujnie i tanio. Może to skutkować brakiem lojalności klientów, spadkiem sprzedaży i innymi problemami.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 19

Zaznacz obraz, który wyróżnia się spośród pozostałych, pokaż klientowi zrzut ekranu i wyjaśnij, jak ważne jest natychmiastowe rozwiązanie problemu.

Wskazówka nr 7: Usuń niepotrzebne linki

Formularz opinii zawiera link „Powered by YOTPO” – konkretną usługę wspierającą opinie klientów. Jednakże, jeśli link pozostanie, odciągnie znaczną część ruchu ze strony. Dlatego nie zalecamy tego.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 20

W niewypowiedzianej zasadzie wszystkie elementy na stronie sklepu internetowego powinny ułatwiać doświadczenie zakupowe klienta. Dlatego jeśli coś może odciągnąć klienta od przeglądania produktów i przejścia do kasy, należy to ukryć lub usunąć. W przeciwnym razie nieuchronny jest spadek współczynnika konwersji.

Przewodnik krok po kroku do testowania użyteczności stron internetowych 21

W tym względzie jakość UX opiera się na dużej uwadze do detali, ale jeszcze ważniejsze jest ich odpowiednie wdrożenie. Niestety, ten przypadek studium użyteczności pokazuje, jak wiele istotnych szczegółów pozostaje niezauważonych.

Jak przeprowadzić testy użyteczności

Etap 1

Najpierw kluczowe jest sformułowanie celów, hipotez i bezpośrednich zadań testowania użyteczności. Testowanie użyteczności wymaga dogłębnego badania, więc ma sens podejmować je w przypadkach.

Jeśli testowanie UX ma charakter prewencyjny, jego cele, hipotezy i zadania skupiają się na sprawdzeniu, czy strona internetowa funkcjonuje odpowiednio i czy wszystkie jej elementy są poprawnie wyświetlane. W tym przypadku niewiele zmian zostanie wprowadzonych, ponieważ do naprawy większości potencjalnych problemów wystarczy drobna regulacja. Z drugiej strony, jeśli strona internetowa nie przynosi oczekiwanych rezultatów, cele, hipotezy i zadania testowania UX powinny być rozważane osobno. Cel jest określany przez problem do rozwiązania podczas testowania użyteczności. Hipotezy pomagają znaleźć możliwą przyczynę problemu, a zadania pomagają zbudować strategię rozwiązania problemu.

Cel testowania UXHipotezyZadania
Wykrycie przyczyny 50% spadku sprzedaży i zrozumienie, dlaczego dobrze przemyślana strategia promocyjna przyniosła negatywny wynik1. Problemy techniczne.

2. Błędy w optymalizacji SEO.

3. Niewłaściwe reklamowanie.

4. Treści niskiej jakości.

5. Celowe działania konkurentów.

1. Przeprowadź audyt techniczny i określ możliwą przyczynę usterki.

2. Ponownie sprawdź rdzeń semantyczny i słowa kluczowe.

3. Skontaktuj się z reklamodawcą i ponownie sprawdź treść opublikowanych reklam.

4. Przeanalizuj raport blokowy i ocen jakość opublikowanych artykułów.

5. Sprawdź kanały YouTube i fora pod kątem negatywnych opinii lub krytyki.

Etap 2

Po wstępnym testowaniu sformułowanych hipotez doszliśmy do następujących wniosków: trzy kwestie nie zostały wykryte, jeden oczywisty problem wystąpił, a jedna hipoteza pozostaje wątpliwa.

Kwestie, które nie zostały wykryteIstniejący problemHipoteza wymagająca dalszego testowania
Celowe działania konkurentów. Ta hipoteza nie została udowodniona, ponieważ narzędzia do testowania UX pozwoliły na szybką analizę popularnych zasobów pod kątem negatywnych działań ze strony osób trzecich. Niestety, nie dostarczono takich informacji.Niska jakość treści. Treści na stronie są podzielone na trzy sekcje: „Blog”, „Karty produktów”, „Wiadomości”.

Większość „Kart produktów” nie zawiera opisów produktów, obrazów ani filmów. Zamiast tego znajduje się tam lista cech promujących produkt. Sekcja „Blog” zawiera bardzo mało postów. Poza tym, każdy artykuł opublikowany w tej sekcji zawiera błędy i mógłby być bardziej informacyjny dla czytelnika. Wreszcie, sekcja „Wiadomości” zawiera tylko podstawowe informacje o firmie, które są bardzo ogólne i nudne.

Problemy techniczne. Na niektórych urządzeniach czas ładowania strony wzrósł, a układ różni się od oryginalnego. Oprócz tego niektóre filmy nie mogą być odtwarzane na tabletach i smartfonach.
Niewłaściwe ustawienia reklam. Reklamodawcy dostarczyli swoje opinie i potwierdzili, że reklamy były odpowiednie.
Błędna optymalizacja SEO. Specjaliści SEO sprawdzili zapytania, które sprowadziły stronę do pierwszej trójki w Google. Wszystkie procedury zostały przeprowadzone prawidłowo, a odpowiednie słowa kluczowe zostały wykorzystane do promocji strony.

Etap 3

Przyjrzyjmy się najpopularniejszym metodom i zobaczmy, jak stosują się do naszych hipotez.

  1. Testowanie korytarzowe polega na tym, że grupa użytkowników kolejno testuje funkcjonalność produktu lub strony internetowej, podczas gdy moderator (organizujący test) nagrywa proces za pomocą aplikacji do testowania użytkowników. Po zakończeniu zadania – działania użytkowników są analizowane, a wyniki wykorzystywane do ulepszenia UX.
  2. Zdalne moderowane testowanie użyteczności – w tym przypadku moderator osobiście rozmawia z respondentami (grupą docelową) za pośrednictwem Skype’a,telefonu lub innego kanału komunikacji i zbiera niezbędne informacje. Następnie, wywiady są dokumentowane i wykorzystywane do poprawy użyteczności.
  3. Zdalne niemoderowane testowanie użyteczności polega na przeprowadzeniu testów za pomocą specjalnych aplikacji testujących bez udziału moderatora. Po zakończeniu zadania moderatorzy rejestrują problemy i wykorzystują te raporty do poprawy użyteczności strony internetowej.
  4. Testowanie A/B polega na stworzeniu kilku wersji tego samego produktu, po czym użytkownik jest proszony o wybranie najlepszego wariantu.
  5. Recenzja eksperta zakłada zaangażowanie profesjonalisty, który może zidentyfikować problemy bez zwracania się do grupy docelowej. Na przykład, jeśli musisz przeanalizować stronę internetową sklepu z meblami, zasięgnij porady doświadczonego sprzedawcy mebli, który może wskazać na niuanse, które pomogą poprawić współczynnik konwersji strony.

Według nas, zdalne niemoderowane testowanie jest najbardziej odpowiednie do testowania hipotezy 'słabej treści’. Z kolei wykrywanie potencjalnych problemów technicznych zostanie powierzone ekspertom, którzy przeprowadzą recenzję eksperta. Wybór metody testowania w dużej mierze zależy od hipotezy, dlatego należy znaleźć najbardziej odpowiednie dla każdego scenariusza.

Jednak należy zauważyć, że raport z testowania użyteczności jest użyteczny tylko wtedy, gdy zalecenia są wdrażane systematycznie.

Nota Bene

Oto i całość! Testowanie użyteczności stron internetowych to kluczowa technika, która może znacząco poprawić wskaźniki Twojej marki poprzez szybkie identyfikowanie błędów i problemów. Dzięki integracji z GA4 i innymi zaawansowanymi narzędziami, ten proces stał się jeszcze bardziej efektywny i zautomatyzowany. Ale pamiętaj, że choć te narzędzia są przydatne, nie ma substytutu dla osobistego przejścia przez Twoją stronę internetową i obserwacji doświadczeń. I tu właśnie przydaje się Plerdy. Dzięki jego bezpłatnym funkcjom przewodzenia i ilustracji możesz wypróbować Plerdy za darmo i zbierać dane UX, aby rejestrować eksperymenty i identyfikować problemy, które zwykle pozostają niezauważone. Więc nie bój się prosić o informacje zwrotne i próbować nowych technik, aby poprawić użyteczność swojej strony internetowej – to może oznaczać różnicę między sukcesem a porażką.

Andrew Chornyy - 001
Article by:
CEO Andrew Chornyy

Leave a reply for "Web usability, czyli użyteczność stron internetowych"

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *