Autentika

Porównania i cenniki

Obowiązkowym elementem stron o charakterze sprzedażowym są wszelkiego rodzaju cenniki i tabelki porównawcze, pokazujące możliwość wyboru produktów w ich różnych wariantach (np. darmowy, standardowy, premium itp.). Prezentują one opcje, jakie te warianty posiadają, różnice, jakie między nimi istnieją oraz oczywiście ich ceny. Sprawdźmy, jak przygotować dobre porównanie.

Tabelki porównawcze i cenniki, które zamieszczamy na stronach internetowych, muszą być przede wszystkim czytelne i przejrzyste. Każdy, kto je tylko zobaczy, powinien móc szybko zorientować się w tym, czym różnią się do siebie proponowane przez nas warianty i który z nich sprawdzi się jego przypadku najlepiej. Sposobów na stworzenie tego typu elementów strony jest naprawdę wiele. Korzystając z kilku źródeł oraz z własnego doświadczenia, przygotowaliśmy listę porad, która może ułatwić Wam to zadanie.

• W tabelce porównawczej nadmiar informacji jest naprawdę niewskazany. Skupmy się na przekazaniu najważniejszych wiadomości – różnic, jakie istnieją pomiędzy prezentowanymi przez nas wariantami. Pamiętajmy: różnice są tutaj istotniejsze niż podobieństwa!
• Wyraźnie zaznaczmy różnice. Postarajmy się również określić w jakiś sposób poszczególne warianty. W  tym celu możemy skorzystać z całego arsenału środków. Najpopularniejsze to:

1. Wykorzystanie ikon – graficzne przedstawienia poszczególnych wariantów, np. skarbonka dla najtańszego, korona dla premium, itp.;
2. Zastosowanie kolumn o różnych wysokościach: niższa - tańszy wariant, wyższa – droższy;
3. Użycie kolorów – np. każdy wariant ma swój własny kolor lub odcień;
4. Wyróżnienie któregoś wariantu – zaznaczenie najpopularniejszego wariantu lub takiego, na którego sprzedaży zależy nam najbardziej, np. poprzez powiększenie, zakreślenie lub też właśnie przy użyciu wyróżniającego się koloru;
5. Rekomendacje odpowiednich wariantów dla konkretnych potrzeb, np.  poprzez krótki komentarz zamieszczony obok wariantów - „Najpopularniejszy”, „Najlepszy na początek”, „Idealny dla małej firmy”, itp. Tutaj możemy się też pokusić o rozwinięcie tego pomysłu i np. stworzenie krótkiej ankiety – użytkownik odpowiada na kilka pytań i na podstawie swoich odpowiedzi automatycznie otrzymuje rekomendację najodpowiedniejszego dla siebie wariantu.

• Zachowajmy umiar w oprawie graficznej naszego cennika. Kierujmy się zasadą przejrzystości. Wszelkie graficzne aspekty naszej tabelki powinny pełnić służebną rolę wobec głównego zadania – pomocy użytkownikowi w dokonaniu najlepszego wyboru. Jeżeli jakieś elementy rozpraszają i przeszkadzają –  pozbądźmy się ich.
• Pamiętajmy o wyraźnej ekspozycji cen. To pierwsza informacja, jakiej poszukuje internauta. Jeżeli nasza tabelka porównuje wiele opcji i jest na tyle długa, że wymaga przewijania strony, to umieśćmy informacje o cenach (i nazwach) wariantów nie tylko na jej szczycie, ale również na dole.
• Nasze porównanie powinno być zaprojektowane tak, by wkomponowywało się w design całej strony. Tabelka wyglądająca tak, jak gdyby pochodziła z zupełnie innego serwisu, nie prezentuje się dobrze.
• Rzecz podstawowa – pamiętajmy o tym, że do przeglądania naszej strony internauci używają różnych urządzeń, przeglądarek (często w starszych wersjach). Przygotujmy więc nasze porównanie tak, by zawsze mogli się z nim zapoznać, niezależnie od tego z jakiego sprzętu i z jakiej konfiguracji korzystają. Przykładowo – sprawdźmy, czy nasza tabelka będzie czytelna, po wyłączaniu obsługi CSS i JavaScript w naszej przeglądarce.

Z pewnością nie udało nam się wyczerpać tutaj całego tematu, ale mamy nadzieję, że tych kilka krótkich porad pomoże Wam w projektowaniu własnego cennika/porównania/tabelki.

W celu poszukania inspiracji, proponujemy jeszcze zapoznanie się z kilkoma zbiorami ciekawych tabelek:

25 clear and beautiful comparison tables
77 inspirational example of pricing page designs
97 Best Practices of Pricing Page Designs
70 examples of product comparison tables in web design

Źródła:
Pricing Tables: Examples And Best Practices
Pricing Page And Plan Comparison Tables: Tips, Tricks, Advices and Showcases