UX stopki w sklepie internetowym - co umieścić w stopce?


UX Designer

Czas czytania: 3 minut
 

Poznaj pewien sekret. Otóż, im bardziej strona jest zbieżna z oczekiwaniami i przyzwyczajeniami grupy docelowej, tym bardziej jest użyteczna i tym lepiej sprzedaje! Brzmi logicznie, prawda? Chcesz wiedzieć, jak powinno wyglądać UX stopki w sklepie internetowym? Zakładam, że po to tu jesteś, więc zaczynajmy! 

 

 

Co to jest stopka strony internetowej?

Chyba nie trzeba tego tłumaczyć, ale tak na wszelki wypadek… Stopka to powtarzalna sekcja strony umieszczona na samym dole każdej podstrony w witrynie. Umieszcza się w niej najważniejsze informacje dotyczące działalności sklepu. Stopka to standardowy element każdego sklepu internetowego i użytkownicy są przyzwyczajeni, że jest podsumowaniem całości sklepu. Nie wymyślaj więc koła na nowo, tylko podsumuj w stopce najważniejsze informacje dotyczące funkcjonowania Twojego sklepu eCommerce i dodaj ewentualnie kilka punktów podnoszących UX.

 

Jakie funkcję pełni stopka w sklepie internetowym?

  1. Informacyjną
  2. Nawigacyjną
  3. Poprawia SEO sklepu internetowego
  4. Pomaga w działaniach marketingowych
  5. Zwiększa poziom konwersji
  6. Wpływa na doświadczenia użytkownika
  7. Spełnia prawne wymogi informacyjne

Stopka wydaje się mało znacząca, prawda? Niestety, to błędne przekonanie. Dlaczego? Ponieważ tak naprawdę stopka ma ogromny wpływ na sprzedaż i ruch w sklepie internetowym. Wie o tym każdy, kto interesował się UX w eCommerce i miał okazję podglądać sesje użytkowników w narzędziach do tego przeznaczonych.

 

Co powinna zawierać stopka w sklepie internetowym?

Stopki buduje się w sposób tendencyjny, dlatego wyglądają podobnie w wielu witrynach eCommerce. Zalecam, żeby umieścić w stopce:

  1. Logo Twojego sklepu – po kliknięciu w nie, użytkownik przechodzi na stronę główna Twojego sklepu. Logo w stopce dodaje stronie profesjonalizmu
  2. Adres siedziby Twojego sklepu – to poprawi Twoją wiarygodność
  3. Najważniejsze i najpotrzebniejsze linki – na przykład do głównych kategorii produktowych
  4. Sposoby kontaktu i godziny kontaktu ze sklepem podaj numer telefonu i adres mailowy, a poprawisz UX swojej strony eCommerce oraz będziesz lepiej widoczny w Google
  5. Metody płatności
  6. Metody dostawy
  7. Politykę prywatności
  8. Regulamin – zgodnie z prawem musi się znaleźć na każdej stronie sklepu, nawet jeśli czyta go niewiele osób 😊
  9. Politykę zwrotów i reklamacji
  10. Wypunktowane struktury kategorii – o UX kategorii produktu pisaliśmy w innym artykule
  11. Mocne strony i przewagi konkurencyjne sklepu – szczególnie, jeśli nie było ich w nagłówku
  12. Wartościowe logotypy
  13. Brandy, z jakimi współpracujesz
  14. Partnerów logistycznych
  15. Serwisy zewnętrzne, z którymi współpracujesz
  16. Możliwość rejestracji użytkownika
  17. Newsletter – jest narzędziem marketingowym i przypomina klientowi o Twoich produktach
  18. Linki do mediów społecznościowych – budują zaufanie do strony. Poszerzy to grono Twoich odbiorców i pozwoli Ci być z nimi w kontakcie, gdy Cię zaobserwują.

 

W stopce możesz umieścić bardzo wiele kwestii, byle było to zrobione ze smakiem i czytelnie. Nie przesadzaj w żadną stronę. Zawrzyj w niej niezbędne i przydatne użytkownikom informacje, bez niepotrzebnych „przeszkadzaczy”, które zaburzą czytelność. Stopkę możesz wykorzystać do budowania zaufania! Niech wzmocni wiarygodność Twojego sklepu i wzbudzi poczucie bezpieczeństwa u Twojego potencjalnego klienta.

 

UX stopki w wersji mobilnej

Najczęściej przeglądamy sklepy internetowe na telefonie, ponieważ zależy nam na czasie, a poza tym telefon zawsze mamy pod ręką. W niektórych branżach jak na przykład fashion jest to nawet 90% użytkowników.

Niestety częstym problemem jest to, że na urządzeniu mobilnym trudno jest szybko znaleźć ważne informacje. A żeby wszystko było zgodne z prawem, regulamin powinien być widoczny i czytelny zarówno na desktopie, jak i w wersji mobilnej.

Na desktopie widzisz wszystko od razu, a na wersji mobilnej część informacji poukrywanych jest pod przyciskami „rozwiń”. Gdyby były widoczne od razu, zajmowało by to zbyt dużo miejsca. Dlatego w większości sklepów regulamin czy polityka prywatności w wersji mobilnej są pozwijane. Czy jest to zgodne z obowiązującymi przepisami prawa? Zależy od interpretacji…

Szczególnie w sklepach B2C wersję mobilną stopki przemyśl bardzo dokładnie i zaprojektuj w sensowny sposób, by użytkownik nie tracił niepotrzebnie czasu na szukanie informacji. Najważniejsze wiadomości powinny być widoczne od razu. Mniej istotne informacje możesz zwinąć, ale umieść je pod czytelnymi i zrozumiałymi nagłówkami, żeby użytkownik od razu wiedział, co pod nimi znajdzie.

 

Podsumowanie –  UX stopki w sklepie internetowym

Jak widzisz, UX stopki w sklepie internetowym wpływa na UX całego sklepu, pozycjonowanie witryny eCommerce w wyszukiwarkach, wzmocnienie marketingu i zwiększenie konwersji – sprzedaży. Pamiętaj – to, że stopka jest na samym dole strony, nie oznacza, że jest najmniej ważna. Użytkownik ma szansę znaleźć w niej to, co ominął wcześniej, zbyt szybko scrollując stronę. Dlatego zainwestuj trochę czasu w jej zaprojektowanie i wdrożenie.

 

Jeśli zastanawiasz się, czy poprawa UX podniesie konwersję również w Twoim sklepie internetowym, koniecznie umów się na bezpłatną konsultację i pozwól nam to sprawdzić.
Dowiedz się więcej o bezpłatnej konsultacji
Oceń ten artykuł:
4.7 / 5 - 8 głosów

Autor: UX Designer

Od wielu lat tworzy UX Design dla E-commerce. Sprawia, że układ graficzny jest nie tylko profesjonalny, estetyczny i intuicyjny dla użytkownika, ale również wysoko konwertujący i realizujący zakładane cele biznesowe.

Wyszukiwarka

Z jakiej kategorii
wiedzy
szukasz?

Zagadnienia UI/UX

Konfiguracje

Zagadnienia B2B

Moduły

Dlaczego Tebim
250 mln zł
zysków wypracowanych dla partnerów
104
wdrożone sklepy
19+
wykwalifikowanych specjalistów
12
lat doświadczenia

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 478

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 479

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 480

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 481

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 482

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 483

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 484

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 485

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 486

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 487