Redesign nie zwiększa sprzedaży, bo poprawia wygląd strony, a nie trafność jej odpowiedzi na pytania użytkownika. Firmy wchodzą w redesign bez zmierzonego punktu wyjścia, więc po wdrożeniu nie mają jak stwierdzić, czy cokolwiek się zmieniło.
- Schemat, który powtarza się w każdej firmie
- Błąd: brak zmierzonego punktu wyjścia
- Dlaczego nikt nie pyta o dane
- Cztery rzeczy do sprawdzenia
- Cztery sposoby, na jakie kończy się wizyta
- Ładniej to nie to samo co trafniej
- Strona jest systemem, nie pracą plastyczną
- Dwa sposoby podejmowania decyzji
- Co zrobić po tym artykule
- FAQ
- Najważniejsze wnioski
Schemat, który powtarza się w każdej firmie
Na każdym networkingu mam tę samą rozmowę w kilku wariantach: robiliśmy redesign pół roku temu, zapłaciliśmy agencji, wygląda świetnie, ale nic się nie zmieniło. Zapytań tyle samo, ruch taki sam, czasem mniejszy. Przebieg jest zawsze ten sam.
Etap 1
Decyzja
Strona jest stara, wszyscy czują, że wygląda źle. Pojawia się budżet i agencja z dobrym portfolio.
Etap 2
Projekt
Trzy miesiące pracy: prezentacje, warsztaty kreatywne, kolory, fonty, zdjęcia. Potem wdrożenie.
Etap 3
Cisza
Po dwóch, trzech miesiącach ktoś od sprzedaży pyta, czy coś się zmieniło. Liczby są te same albo gorsze.
Błąd: brak zmierzonego punktu wyjścia
W większości tych historii firma nie wie, jak strona pracowała przed redesignem. Zostaje ogólne wrażenie, że działało średnio, i drugie wrażenie, że będzie lepiej. Nikt nie sprawdził, co konkretnie działało średnio i dlaczego.
„Redesign bez diagnostyki tego, co działało wcześniej, to remont mieszkania bez projektu.”
Możesz wymienić wszystko: kafelki, kuchnię, instalacje, okna. Statystycznie wymienisz też kilka rzeczy, które nie były problemem, a te prawdziwe zostaną nietknięte. Na stronie problemem rzadko jest to, co widać gołym okiem. Problemem jest zachowanie użytkowników, a tego bez danych nie zobaczysz.
Dlaczego nikt nie pyta o dane
Bo strukturalnie nie ma kto. Popatrz na typowy układ ról w projekcie redesignu:
| Rola | Za co odpowiada | Czego nie ma w zakresie |
|---|---|---|
| Agencja | Warstwa wizualna: projekt, layout, typografia, spójność | Pytania o dane sprzed projektu i o mierzalny cel zmiany |
| Klient | Zamówienie i ocena projektu: czy się podoba, czy zrobi wrażenie | Zdefiniowanie, co konkretnie ma się poprawić w liczbach |
| Analityka | Nikt | Wszystko powyższe |
Zostaje wynik, który wygląda dobrze, ale nie da się go z niczym porównać.
Cztery rzeczy do sprawdzenia
Niezależnie od tego, czy masz redesign za sobą, czy dopiero go planujesz, to jest minimum diagnostyczne.
Zainstaluj Microsoft Clarity
Bezpłatne narzędzie od Microsoftu, nie mylić z Google Analytics — potrzebujesz obu. Analytics mówi, ile osób wchodzi i skąd. Clarity pokazuje, co te osoby robią: nagrania sesji, mapy kliknięć, głębokość scrolla, kliknięcia w elementy, które nie reagują. Instalacja przez Google Tag Managera to dziesięć minut.
Czego szukasz: proporcja mobile do desktopu
Sprawdź, skąd przychodzi ruch
W Analytics szukasz dwóch rzeczy: źródeł ruchu i stron lądowania. W większości firm strona główna nie jest pierwszym punktem styku — użytkownik zaczyna od artykułu, podstrony usługi albo landing page’a z reklamy.
Czego szukasz: trzy, cztery strony, które są twoimi prawdziwymi punktami wejścia
Zobacz, co robią na stronie
Wracasz do Clarity. Mapa kliknięć pokazuje, gdzie klikają i gdzie klikają w coś nieklikalnego. Mapa scrolla pokazuje, dokąd schodzą. Nagrania sesji są momentem, w którym pierwszy raz widzisz swoich klientów od środka.
Czego szukasz: miejsce, w którym scroll się zatrzymuje
Sprawdź, na czym kończy się wizyta
Są cztery scenariusze zakończenia i każdy wymaga innej reakcji. Rozpisałam je w tabeli poniżej.
Czego szukasz: proporcja między finalizacją a frustracją
Przy kroku pierwszym proporcja mobile do desktopu potrafi wywrócić cały projekt. To układy, które widziałam w ostatnich projektach:
Jeśli siedemdziesiąt procent użytkowników wchodzi z telefonu, a projektant pracował głównie na desktopie, to projektował dla trzydziestu procent. Ta sama logika dotyczy kroku drugiego: jeśli cały budżet poszedł w najpiękniejszą stronę główną, a większość ruchu startuje gdzie indziej, zoptymalizowałeś miejsce, którego większość nigdy nie zobaczy.
Cztery sposoby, na jakie kończy się wizyta
| Scenariusz | Co się stało | Twoja reakcja |
|---|---|---|
| Finalizacja | Formularz wypełniony, zakup zrobiony, zapis dokonany | Zrozum, co na tej ścieżce zadziałało, i powiel wzór na innych podstronach |
| Frustracja | Wyszedł, bo coś go zirytowało: zepsuty formularz, martwy link, wolne ładowanie, nieczytelny tekst na telefonie | Obejrzyj nagrania i raport kliknięć z frustracji, napraw konkretną przeszkodę |
| Rozproszenie | Przełączył zakładkę, odebrał telefon, nie wrócił | Tu strona ma mniej winy. Sprawdź, czy masz marketing automation i remarketing |
| Porównanie | Otworzył zakładkę z konkurencją i tam został | To domysł, bo Clarity nie widzi obcych domen. Ustal z zespołem, kto jest konkurencją, a sprzedaż niech pyta wprost |
Ładniej to nie to samo co trafniej
Możesz mieć najpiękniejszą stronę na rynku, wydać pięć razy więcej niż konkurencja i zdobyć nagrodę za design. To nie zwiększy sprzedaży ani o procent. Sprzedaż rośnie, kiedy strona lepiej odpowiada na pytania, z którymi klient na nią wszedł.
| Ładniej | Trafniej | |
|---|---|---|
| Czego dotyczy | Wygląd, layout, typografia, spójność wizualna | Odpowiedzi na pytania użytkownika, ścieżki, treść |
| Czym się to robi | Redesign | Strategia i dane |
| Jak to ocenić | Podoba się / nie podoba | Liczba przed i liczba po |
| Kiedy widać efekt | Od razu po wdrożeniu | Po iteracjach, ale efekt się kumuluje |
Dopóki w firmie nie ma nikogo, kto otwiera Clarity i Analytics choć raz w tygodniu, warstwa „trafniej” pozostaje ślepą plamką. A ślepa plamka kosztuje.
Strona jest systemem, nie pracą plastyczną
Największy błąd strukturalny to podejmowanie decyzji o stronie tak, jakby chodziło o smak, gust i estetykę. Strona jest systemem, a każdy system ma trzy części:
Wejście
Kto przychodzi
Ruch z różnych źródeł: wyszukiwarka, social media, reklama, polecenia, newsletter.
Przetwarzanie
Co się dzieje
To, co użytkownik robi na stronie. Jedyna część, którą redesign faktycznie rusza.
Wyjście
Co z tego wychodzi
Konwersja, zapytanie, kontakt. Albo wyjście bez śladu.
„Redesign jest jak wymiana karoserii i lakieru. Jeśli problem był w silniku, samochód pojedzie dokładnie tak samo.”
Analytics i Clarity są tablicą rozdzielczą twojej strony. Jeśli w nią nie patrzysz, jesteś kierowcą, który widzi tylko drogę: dopóki wszystko działa, jedziesz, a o awarii dowiadujesz się dopiero wtedy, gdy staniesz.
Dwa sposoby podejmowania decyzji
| Decyzje na ludziach | Decyzje na systemie | |
|---|---|---|
| Jak się zaczyna | Zlecam redesign i ufam agencji | Zbieram dane przed jakąkolwiek zmianą |
| Cel zmiany | Ma być ładniej i nowocześniej | Konwersja formularza z X do Y, scroll z X do Y |
| Po wdrożeniu | Czekam, czy coś się zmieni | Mierzę i porównuję przed z po |
| Gdy nie zadziała | Szukam drugiej agencji | Wiem, że nie zadziałało, i wiem dlaczego |
| Koszt | Taki sam | Taki sam |
| Wynik po roku | Losowy | Lepszy, bo każda iteracja wzmacnia poprzednią |
I rzecz ostatnia: nie chodzi o to, żebyś sama została analitykiem. Chodzi o to, żeby ktoś w twoim otoczeniu te dane czytał, a ty wiedziała, że taka osoba jest i co konkretnie tam widzi. Strona, której nikt nie mierzy, pracuje losowo.
Co zrobić po tym artykule
Trzy kroki na najbliższy tydzień
- Dziś: zainstaluj Microsoft Clarity. Z dostępem do kodu to dziesięć minut, przez Google Tag Managera jeszcze szybciej. Potem odczekaj dwa tygodnie na zebranie danych.
- W weekend: otwórz Analytics i wypisz trzy liczby — proporcję mobile do desktopu, trzy główne źródła ruchu i trzy strony, na których ludzie najczęściej kończą wizytę. Godzina pracy.
- Przed kolejną decyzją: zapisz, co ta zmiana ma poprawić w liczbach. Nie „ma być nowocześniej”, tylko liczba przed i oczekiwana liczba po.
Jeśli nie umiesz odpowiedzieć na to ostatnie pytanie, to znaczy, że nie jesteś gotowy do zmiany. Jesteś gotowy do zbierania danych.
FAQ
Dlaczego redesign nie zwiększył sprzedaży?
Najczęściej dlatego, że poprawił warstwę wizualną, a problem leżał w trafności: w tym, na jakie pytania strona odpowiada i komu. Bez danych sprzed zmiany nie da się nawet stwierdzić, czy cokolwiek się poprawiło.
Czym różni się Microsoft Clarity od Google Analytics?
Analytics mówi, ile osób wchodzi i skąd przychodzą. Clarity pokazuje, co te osoby robią na stronie: nagrania sesji, mapy kliknięć, głębokość scrolla. Potrzebujesz obu, bo odpowiadają na inne pytania.
Jak długo zbierać dane przed zmianą na stronie?
Po instalacji Clarity odczekaj około dwóch tygodni, zakładając, że na stronę faktycznie trafia ruch. To wystarczy, żeby zobaczyć powtarzalne wzorce, a nie pojedyncze przypadki.
Czy strona główna jest najważniejszą stroną w redesignie?
Zwykle nie. W większości firm użytkownicy wchodzą z wyszukiwarki, social mediów lub reklam prosto na artykuł, podstronę usługi albo landing page. Punkty wejścia trzeba ustalić z danych, a nie założyć.
Co zrobić, jeśli redesign już się odbył i nic nie dał?
Przejść te cztery kroki teraz. Punkt wyjścia da się zmierzyć także po fakcie i od tego momentu każda kolejna zmiana będzie porównywalna z czymś konkretnym.
Najważniejsze wnioski
- Redesign bez zmierzonego punktu wyjścia nie daje się ocenić, bo po wdrożeniu nie ma z czym porównać wyników.
- Minimum diagnostyczne to cztery kroki: Clarity i proporcja mobile, źródła ruchu i strony wejścia, zachowanie na stronie oraz sposób zakończenia wizyty.
- Ładniej i trafniej to dwie różne warstwy. Redesign poprawia pierwszą, a sprzedaż rośnie dzięki drugiej.
- Strona jest systemem z wejściem, przetwarzaniem i wyjściem. Decyzje na danych kosztują tyle samo co decyzje na gustach, ale kumulują efekty.
Bezpłatny materiał
Odbierz przewodnik po dobrych praktykach
Chcesz zmierzyć punkt wyjścia, zanim zapłacisz za kolejną zmianę na stronie? Zostaw imię i adres, a wyślę Ci materiał na skrzynkę.
Masz konkretną stronę i konkretne pytania, a tematów naraz jest za dużo? Na bezpłatnej konsultacji otwieramy twoje dane albo oglądamy stronę od środka i ustalamy, co mierzyć oraz gdzie są największe luki.
Umów spotkanieNarzędzia wymienione w odcinku
- Microsoft Clarity, bezpłatne nagrania sesji i mapy ciepła: clarity.microsoft.com
- Google Analytics, analiza źródeł ruchu i zachowań na stronie: analytics.google.com
- Google Tag Manager, wdrożenie kodów śledzących bez ingerencji w szablon: tagmanager.google.com
