---

Wprowadzenie do problemu

Niedawno w naszym kanale Slack pojawiła się dyskusja na temat tego, jak użytkownicy postrzegają nasze plany taryfowe. Jeden z deweloperów podzielił się zrzutem ekranu ze strony ze starymi taryfami, a wielu wyraziło opinię, że czcionka wydaje się zbyt mała i nieczytelna. To wzbudziło w nas poważne obawy, ponieważ strona z taryfami jest jednym z kluczowych elementów wpływających na decyzję użytkowników o zakupie.

Dlaczego to ważne

Strona z taryfami to nie tylko zestaw cyfr i opisów. To ważna część naszego produktu, która powinna jasno i przejrzyście przekazać wartość naszym użytkownikom. Kiedy użytkownicy nie mogą szybko i łatwo zrozumieć, jakie taryfy oferujemy, wpływa to negatywnie na ich decyzję. Co więcej, może to zniechęcić potencjalnych klientów, którzy szukają przejrzystości i prostoty. Zdawaliśmy sobie sprawę, że poprawa tej strony może bezpośrednio wpłynąć na nasze wskaźniki konwersji i ogólne postrzeganie marki.

Szczegóły problemu

W starej wersji strony z taryfami użytkownicy skarżyli się na kilka rzeczy. Po pierwsze, czcionka rzeczywiście była zbyt mała, co utrudniało odbiór informacji, szczególnie na urządzeniach mobilnych. Na przykład jeden z użytkowników w komentarzach wspomniał, że nie może rozróżnić, która taryfa mu odpowiada, z powodu skomplikowanej struktury i małego tekstu. Problem ten był potęgowany przez to, że informacje były przedstawione w formie tabeli z małymi komórkami i bez wyraźnych wizualnych wyróżnień.

Co próbowaliśmy w pierwszej kolejności

Początkowo postanowiliśmy po prostu zwiększyć rozmiar czcionki i zmienić kolor tła na bardziej kontrastowy. Jednak po kilku iteracjach i testach z użytkownikami okazało się, że to niewystarczające. Napotkaliśmy problem, że przy zwiększeniu czcionki musieliśmy zmniejszyć ilość informacji na jednej stronie, co również nie rozwiązywało problemu jasności. To skłoniło nas do myślenia o konieczności całkowitego przemyślenia projektu strony.

Podejście techniczne

Zamiast prostych zmian postanowiliśmy na nowo zaprojektować stronę z taryfami. Skoncentrowaliśmy się na intuicyjnym designie i czytelności. Jako rozwiązanie wybraliśmy większe czcionki, wyraźne wizualne separatory i dodaliśmy interaktywne elementy, aby poprawić interakcję. Oto przykład naszego nowego kodu CSS:

.pricing-table {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 20px;
}
.pricing-header {
  font-weight: bold;
  font-size: 1.5rem;
}

Wprowadziliśmy również możliwość łatwego przełączania się między taryfami za pomocą zakładek, co sprawiło, że odbiór informacji stał się bardziej dynamiczny i wygodny.

Zmiany w produkcie

Po wdrożeniu nowego projektu zauważyliśmy znaczące zmiany. Użytkownicy zaczęli aktywniej angażować się w taryfy, a liczba zapytań o informacje zmniejszyła się. Ulepszona czytelność i intuicyjny interfejs pozwoliły użytkownikom szybciej podejmować decyzje, co pozytywnie wpłynęło na konwersję. Jesteśmy pewni, że ulepszone taryfy również wpłyną na strony /jobs i /for-candidates, ponieważ jasność w cenach może zwiększyć zaufanie do naszego produktu.

Czego się nauczyliśmy

• Prostota i klarowność są ważniejsze niż ilość informacji.
• Interaktywne elementy mogą znacząco poprawić doświadczenie użytkownika.
• Należy testować zmiany z rzeczywistymi użytkownikami, zanim zostaną ostatecznie wdrożone.

Co to oznacza dla kandydatów

Dla kandydatów oznacza to, że teraz będą mogli szybciej i łatwiej zrozumieć, jakie usługi oferujemy i jak mogą pomóc w poszukiwaniu pracy. Jasność cen sprawia, że proces wyboru jest bardziej przejrzysty i mniej stresujący.

Co to oznacza dla rekruterów

Rekruterzy zobaczą, że ulepszona strona z taryfami może zwiększyć zainteresowanie naszymi usługami. Jasne i zrozumiałe taryfy pomogą w przyciąganiu nowych klientów i poprawie wizerunku firmy na rynku.

Następne kroki

Pomimo osiągniętych wyników, nadal monitorujemy opinie użytkowników. Planujemy przeprowadzić dodatkowe testy A/B, aby określić, które elementy designu można jeszcze poprawić. Gdybyśmy mieli możliwość coś zmienić, poświęcilibyśmy więcej uwagi etapowi testowania, aby zidentyfikować możliwe niedociągnięcia na wczesnych etapach rozwoju. ---