Strona, która wygląda czysto i szybko się ładuje, nadal może zupełnie zawieść. Odwiedzający wchodzą, rozglądają się i wychodzą, nic nie robiąc. Projekt jest w porządku. Treść jest. To doświadczenie użytkownika przerywa łańcuch między wejściem a działaniem i jest to część strony, na którą większość właścicieli patrzy na końcu.
Poprawa doświadczenia użytkownika na stronie oznacza znalezienie i usunięcie przeszkód między odwiedzającym a efektem, po który przyszedł. Efektem może być znalezienie informacji, zakup, wysłanie formularza kontaktowego albo zrozumienie oferty firmy. Każdy moment, w którym odwiedzający się waha, gubi się albo rezygnuje, to problem UX, a większość z nich da się naprawić bez pełnej przebudowy.
Artykuł o tym, czym jest projektowanie UX, wyjaśnia zasady, na których opiera się dobre doświadczenie użytkownika. Ten artykuł opisuje praktyczne zmiany, które dają największą poprawę na prawdziwych stronach firmowych.
Jak znaleźć problemy z UX na swojej stronie?
Zanim cokolwiek zmienisz, musisz wiedzieć, gdzie są problemy. Kilka metod pokazuje różne rodzaje błędów.
Sygnały z analityki
Wysoki współczynnik odrzuceń na kluczowych podstronach, krótki czas na podstronie przy treści, której czytanie powinno trwać dłużej, i gwałtowne spadki w procesie zamówienia lub wypełniania formularza wskazują na problemy z UX. Te sygnały nie mówią, na czym polega problem, ale pokazują, gdzie szukać. Podstrona kontaktowa, z której 90 procent osób wychodzi przed wysłaniem, ma gdzieś w tym procesie problem z UX.
Obserwowanie prawdziwych odwiedzających
Poproś kogoś, kto nigdy nie widział Twojej strony, żeby znalazł konkretną podstronę, wykonał konkretne zadanie albo odpowiedział na konkretne pytanie, a Ty patrz. To najbardziej bezpośredni sposób na znalezienie błędów UX. Nie prowadź tej osoby. Patrz, gdzie klika, gdzie się waha i gdzie rezygnuje. Dwie lub trzy takie sesje ujawnią najpoważniejsze problemy na większości stron.
Mapy cieplne i nagrania sesji
Mapy cieplne pokazują, gdzie odwiedzający klikają, stukają i przewijają na każdej podstronie. Mapy przewijania pokazują, jak daleko w dół większość odwiedzających dociera, zanim wyjdzie. Nagrania sesji pozwalają obejrzeć odtworzone prawdziwe wizyty i zobaczyć dokładnie, gdzie odwiedzający się poruszają, zatrzymują i rezygnują. Te narzędzia odpowiadają na pytanie, na które analityka nie odpowie: nie tylko że odwiedzający wychodzą, ale w którym miejscu podstrony wychodzą i co wtedy robili.
Kontrole techniczne
Przejście przez stronę wyłącznie klawiaturą, bez dotykania myszy, ujawnia problemy z obsługą, które dotykają osoby używające klawiatury i czytników ekranu. Obejrzenie strony na prawdziwym telefonie w różnych rozmiarach ekranu ujawnia problemy z układem mobilnym, które symulacje w przeglądarce na komputerze często pomijają. Sprawdzenie czasu ładowania przy połączeniu mobilnym ujawnia problemy z szybkością, które są niewidoczne przy szybkim Wi-Fi w biurze.
Jakie zmiany UX mają największy wpływ na strony firmowe?
Uprość nawigację
Nawigacja, w której odwiedzający musi zgadywać, dokąd iść, to jeden z najczęstszych błędów UX na stronach firmowych. Nazwy w menu, które coś znaczą wewnątrz firmy, ale nic dla nowego odwiedzającego, zbyt wiele opcji najwyższego poziomu i podstrony ukryte dwa lub trzy kliknięcia głębiej tworzą przeszkody, zanim odwiedzający zobaczy jakąkolwiek treść. Zmniejszenie liczby pozycji w menu, proste opisowe nazwy i najważniejsze podstrony osiągalne jednym kliknięciem z każdej podstrony to najpewniejsze ulepszenia nawigacji. Artykuł o tym, czym jest nawigacja strony, opisuje, jak zbudować menu, które prowadzi, a nie myli.
Ustal czytelną hierarchię na każdej podstronie
Podstrona bez czytelnej hierarchii wizualnej nie daje odwiedzającym punktu startu. Gdy nagłówek, baner promocyjny, linki nawigacji i tekst konkurują o uwagę w podobnych rozmiarach i grubościach, odwiedzający przeglądają bez czytania i wychodzą bez działania. Każda podstrona powinna mieć jeden dominujący element, na który oko trafia najpierw, zwykle nagłówek, a potem logiczną drogę do najważniejszego działania. Artykuł o tym, czym jest hierarchia wizualna, wyjaśnia, jak rozmiar, kontrast i odstępy tworzą kolejność czytania, która prowadzi odwiedzających bez ich wysiłku.
Popraw wygodę na telefonie
Podstrona z komputera, która źle się składa na telefonie, tekst, który trzeba powiększać palcami, żeby go przeczytać, przyciski zbyt małe, by pewnie w nie trafić, i formularze irytujące do wypełniania na ekranie dotykowym sprawiają, że odwiedzający wychodzą. Problemy z UX na telefonach to najczęściej pomijane błędy na stronach firmowych, bo właściciele i programiści zwykle budują i testują na komputerze. Sprawdzenie każdej kluczowej podstrony i każdej ścieżki użytkownika na prawdziwym telefonie nie jest opcjonalne. Artykuł o tym, jak dostosować stronę do telefonów, opisuje konkretne decyzje o układzie i obsłudze, które decydują o tym, czy wersja mobilna działa.
Zmniejsz trudności z formularzami
Formularze ze zbyt wieloma wymaganymi polami, bez widocznych etykiet, z niejasnymi komunikatami o błędach i bez potwierdzenia po wysłaniu tracą znaczną część odwiedzających, którzy zamierzali je wypełnić. Usunięcie każdego niepotrzebnego pola, dodanie czytelnych etykiet do każdego pola, pisanie komunikatów o błędach wskazujących konkretny problem i sposób naprawy oraz pokazanie wyraźnego potwierdzenia po wysłaniu to zmiany, które zwiększają odsetek wypełnionych formularzy na niemal każdej stronie firmowej.
Zadbaj, by wezwania do działania były widoczne i konkretne
Wezwanie do działania, które zlewa się z podstroną albo używa mglistych słów, traci odwiedzających gotowych do działania. Główne wezwanie do działania na każdej podstronie powinno wyraźnie odróżniać się od otoczenia kolorem i kontrastem, być umieszczone tam, gdzie oko naturalnie trafia, i być sformułowane przez pryzmat efektu, a nie czynności. „Umów darmową rozmowę" działa lepiej niż „Skontaktuj się z nami". „Zobacz cennik" działa lepiej niż „Dowiedz się więcej". Każda podstrona powinna mieć jedno jasne główne działanie, którego nie da się przeoczyć.
Skróć czas ładowania podstron
Każda dodatkowa sekunda ładowania zmniejsza odsetek odwiedzających, którzy zostają, by przeczytać podstronę. Wolne podstrony sprawiają, że odwiedzający wychodzą, zanim zobaczą jakąkolwiek treść, więc każda inna poprawa UX nie ma dla tych sesji znaczenia. Kompresja obrazów, odkładanie skryptów, które nie są potrzebne od razu, i usuwanie nieużywanego kodu to najczęstsze poprawki. Artykuł o typach układów strony opisuje, jak decyzje o układzie wpływają na to, jak szybko ładuje się widoczna treść.
Jak ustalić, które poprawki UX zrobić najpierw?
Zacznij od podstron o największej wartości dla biznesu. Strona główna, główna podstrona z usługą lub produktem oraz podstrona kontaktowa lub zamówienia to miejsca, do których trafia najwięcej odwiedzających i gdzie traci się najwięcej konwersji. Poprawa UX na jednej z nich daje większy zwrot niż ta sama poprawa na podstronie o małym ruchu.
Na tych podstronach najpierw napraw problemy, które dotykają największej liczby odwiedzających. Nazwa w menu, która myli każdego wchodzącego, dotyka wszystkich. Błąd formularza, który pojawia się tylko w jednej przeglądarce, dotyka znacznie mniej osób. Kolejność jest taka: najpierw podstrony z dużym ruchem, potem najczęstsze przeszkody na nich.
Jak zmierzyć, czy poprawki UX działają?
Mierz konkretne zachowanie, które chciałeś zmienić. Jeśli uprościłeś formularz kontaktowy, zmierz odsetek wypełnień przed zmianą i po niej. Jeśli zmieniłeś hierarchię wizualną podstrony, zmierz współczynnik odrzuceń i czas na podstronie. Jeśli naprawiłeś układ mobilny, zmierz współczynnik konwersji na telefonach dla tej podstrony.
Zmiany w doświadczeniu użytkownika rzadko dają natychmiastowe wyniki. Daj każdej zmianie od dwóch do czterech tygodni, zanim wyciągniesz wnioski, zależnie od ruchu na podstronie. Podstrony z małym ruchem potrzebują więcej czasu, by zebrać dość danych do sensownego porównania.
Jak poprawki UX łączą się z SEO?
Wyszukiwarki używają sygnałów behawioralnych, by ocenić, czy podstrony dobrze służą odwiedzającym. Podstrony, na których odwiedzający zostają dłużej, przewijają dalej i wykonują działania, sygnalizują trafność i jakość. Podstrony z wysokim współczynnikiem odrzuceń i niskim zaangażowaniem sygnalizują coś przeciwnego. Poprawki UX, które zatrzymują odwiedzających na podstronie i prowadzą ich do wykonania zadań, dają sygnały behawioralne, które z czasem wspierają pozycje. Artykuł o tym, czym jest SEO, opisuje, jak sygnały doświadczenia użytkownika wpływają na wyniki w wyszukiwarce.
Jak WEMASY pomaga w poprawianiu UX
Kreator stron WEMASY pozwala zmieniać układ, strukturę nawigacji, pola formularzy i hierarchię podstron w edytorze wizualnym, bez budowania podstron od zera. Podgląd mobilny i na komputer pokazuje efekt zmian przed publikacją. Szablony są zbudowane z domyślnymi rozwiązaniami UX, które odpowiadają na najczęstsze problemy stron firmowych, więc można poprawiać konkretne elementy zamiast zaczynać od nowa.
Zobacz, co jest wliczone, na stronie kreatora stron WEMASY, lub przejrzyj plany na stronie z cennikiem.
Najczęściej zadawane pytania
Od czego zacząć poprawianie UX strony?
Zacznij od podstrony z największym ruchem, która ma jasny cel i mierzalny efekt. Na większości stron firmowych to strona główna albo główna podstrona z usługą. Znajdź jedną przeszkodę na tej podstronie, która dotyka najwięcej odwiedzających: niejasny nagłówek, ukryte wezwanie do działania, mylącą nawigację albo wolne ładowanie. Napraw najpierw tę jedną rzecz, zmierz wynik i przejdź do następnej. Próba poprawienia wszystkiego naraz uniemożliwia sprawdzenie, co działa. Za pomocą kreatora stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Czy poprawa UX wymaga pełnej przebudowy strony?
Rzadko. Większość problemów z UX to konkretne usterki na konkretnych podstronach, a nie błędy struktury wymagające przebudowy całej strony. Uproszczenie nazw w menu, poprawa komunikatów o błędach formularza, zmiana hierarchii wizualnej kluczowej podstrony czy naprawa układu mobilnego mogą się obyć bez przebudowy. Pełną przebudowę warto rozważyć, gdy struktura strony już nie odpowiada temu, jak działa firma, gdy platforma nie obsłuży potrzebnych zmian albo gdy problemy z UX są tak powszechne, że naprawianie ich po kolei zajęłoby dłużej niż budowa od nowa.
Jak długo trzeba czekać na efekty poprawek UX?
To zależy od ruchu i rodzaju zmiany. Podstrona z dużym ruchem i jasnym mierzalnym efektem, na przykład odsetkiem wypełnień formularza kontaktowego, może pokazać wyniki w ciągu jednego do dwóch tygodni. Podstrona z małym ruchem może potrzebować miesiąca lub dłużej, by zebrać dość danych do wiarygodnego porównania. Zmiany w nawigacji i hierarchii wizualnej zwykle dają wyniki szybciej niż zmiany dotyczące tylko małej grupy odwiedzających.
Czym różni się audyt UX od testów użyteczności?
Audyt UX to ekspercki przegląd strony pod kątem ustalonych zasad i standardów użyteczności, który wskazuje problemy na podstawie wiedzy o tym, jak zwykle zachowują się użytkownicy. Testy użyteczności polegają na obserwowaniu prawdziwych użytkowników wykonujących zadania na stronie i zapisywaniu, gdzie mają trudności. Audyty są szybsze i tańsze. Testy użyteczności są dokładniejsze, bo pokazują, jak zachowują się prawdziwi użytkownicy, a nie jak przewiduje ekspert. Obie metody są lepsze niż żadna. W małych stronach firmowych testy użyteczności z dwoma lub trzema prawdziwymi użytkownikami ujawniają najpoważniejsze problemy szybciej niż jakakolwiek inna metoda.
Czy poprawki UX mogą zwiększyć konwersje bez większego ruchu?
Tak. Poprawa współczynnika konwersji polega na ułatwieniu obecnym odwiedzającym wykonania działania, po które przyszli. Strona, która konwertuje 2 procent odwiedzających, daje dwa razy więcej zapytań przy tym samym ruchu, jeśli współczynnik konwersji wzrośnie do 4 procent. Poprawki UX to jeden z najbardziej bezpośrednich sposobów zwiększenia konwersji bez zwiększania ruchu czy wydatków na reklamy. W firmach, w których pozyskiwanie ruchu jest drogie, poprawa tego, co dzieje się po wejściu odwiedzającego, jest często inwestycją o wyższym zwrocie.