Jak zoptymalizować strony produktów dla użytkowników mobilnych

Brak optymalizacji stron produktów pod kątem użytkowników mobilnych to błąd numer jeden, który możesz popełnić podczas prowadzenia sklepu e-commerce. Z 52% w 2016 r. sprzedaż mobilnego e-commerce wzrosła do 72% w 2021 r. całkowitej światowej sprzedaży e-commerce.

Ze względu na rosnącą liczbę sprzedaży mobilnej w branży e-commerce, większość właścicieli firm rozważa obecnie podejście mobile-first. Jednym z najważniejszych aspektów optymalizacji sklepu e-commerce pod kątem użytkowników mobilnych jest prawidłowe umieszczenie stron produktów.

Klienci mobilni są zwykle zajęci i chcą łatwej nawigacji i szybkiego dostępu do przydatnych informacji podczas przeglądania stron produktów. Aby pomóc Ci uniknąć typowych błędów podczas optymalizacji stron ze szczegółami produktów (PDP), nasz zespół zebrał siedem najlepszych praktyk, których nie możesz przegapić podczas wdrażania:

1. Spraw, aby Twoja strona była przyjazna dla gestów

Używanie myszy na pulpicie to zupełnie inne doświadczenie niż używanie palców na ekranie telefonu. Aby więc w pełni wykorzystać to, daj użytkownikom możliwość przewijania, powiększania, pomniejszania, przesuwania i przeciągania za pomocą gestów dotykowych. Pozwoli to na płynniejszą nawigację i poprawi ogólne wrażenia użytkownika.

Oto niektóre z najczęstszych gestów dotykowych, które możesz zapewnić użytkownikom, aby zapewnić jak najlepsze wrażenia:

• Podwójne dotknięcie: Dwukrotne dotknięcie ekranu telefonu komórkowego jest często używane do powiększania i pomniejszania. Możesz także użyć podwójnego dotknięcia, aby szybko dodać funkcję do listy życzeń.
• Ściśnięcie/rozciągnięcie/zmniejszenie: Ściśnięcie ekranu dwoma palcami i rozsuwanie w celu powiększenia oraz zmniejszanie w celu pomniejszenia jest również oczekiwaną funkcją.
• Przesuwanie: Użytkownicy są przyzwyczajeni do przesuwania palcem w pionie na urządzeniach mobilnych w celu przewijania lub w lewo i w prawo, aby zobaczyć zdjęcia produktów. Ale możesz to również zastosować do szybkich akcji w koszyku, takich jak przesuwanie w lewo lub w prawo, aby usunąć przedmioty.
• Kliknij i przeciągnij: Kliknięcie obiektu, aby go przeciągnąć i upuścić – tak jak zwykła mysz – jest również oczekiwane na urządzeniach mobilnych. Możesz jednak użyć tej funkcji w witrynach eCommerce, aby umożliwić użytkownikom przeciąganie produktów do koszyka lub z niego.

Oczywiście będziesz musiał przekazać wizualną informację zwrotną, aby przekazać użytkownikom, co mogą, a czego nie mogą zrobić. Na przykład użycie ikon takich jak kropki na zdjęciach produktów informuje użytkowników, że jest więcej zdjęć, które mogą zobaczyć, przesuwając palcem. Orientacja rzędu kropek (pionowa lub pozioma) poinformuje również, w którym kierunku należy przesunąć.

2. Upewnij się, że przycisk Dodaj do koszyka znajduje się nad zakładką

Głównym celem stron produktów jest zachęcenie klientów do kupowania od Ciebie. Z tego powodu umieść przycisk dodawania do koszyka w części strony widocznej na ekranie, a nie na dole strony, aby Twoi klienci nigdy go nie przegapili i aby zwiększyć współczynnik konwersji.

Posiadanie przez użytkownika przewijania do samego końca PDP może zmienić gotowych do zakupu odwiedzających w wątpiących.

Inną okazją do zwiększenia sprzedaży jest umożliwienie użytkownikom dodawania produktów do koszyka ze stron zawierających produkty. Z reguły każdy dodatkowy krok w kierunku zakupu, który możesz usunąć, jest wygraną.

Wskazówka: klienci mobilni często kupują więcej niż jeden produkt na sesję i chcą wiedzieć, czy produkty zostały pomyślnie dodane do koszyka. Aby ułatwić użytkownikom, dodaj licznik produktów do przycisku dodawania do koszyka , aby zapewnić im nieprzerwane zakupy.

3. Zapisz dane na różnych urządzeniach

Według Statista, 80% kupujących w marcu 2021 roku porzuciło swój koszyk, nigdy nie kupując produktu. Porzucenie koszyka może nastąpić z przyczyn zamierzonych lub niezamierzonych, takich jak namysł lub problemy z łącznością. Niezależnie od tego chcesz ograniczyć porzucanie koszyka do minimum.

Wielu użytkowników początkowo dodaje produkty, które lubią do koszyka, używając swoich telefonów i wraca do witryny na komputerze, aby przejrzeć je ponownie przed dokonaniem zakupu. Zwykle przenoszą się z telefonów na komputery stacjonarne, ponieważ wygodniej jest wpisywać dane rozliczeniowe i w większości przypadków czują się bezpieczniej. Aby upewnić się, że użytkownicy znajdą produkty w swoim koszyku, automatycznie zapisuj dane wszystkich zalogowanych klientów.

Jednak śledzenie sesji na różnych urządzeniach jest prawie niemożliwe w przypadku zwykłych UTM lub plików cookie. Zamiast tego promuj tworzenie kont poprzez rabaty i korzyści, takie jak zakupy na różnych urządzeniach, dzięki czemu możesz przechowywać dane sesji klientów (a tym samym ich koszyki) bez względu na to, z jakiego urządzenia odwiedzają Twoją witrynę.

Drugim, najskuteczniejszym rozwiązaniem jest udostępnienie klientom aplikacji. Ponieważ aplikacje działają bezpośrednio na urządzeniach Twoich klientów, będą mieli większą prywatność i bezpieczeństwo podczas uzyskiwania dostępu do swoich koszyków i ulubionych produktów.

Możesz ograniczyć porzucanie koszyka, czyniąc proces kasy bezproblemowym. Oszczędzaj dane użytkowników, aby nie musieli wprowadzać tych samych danych w każdej sesji, i oferuj wiele opcji płatności, takich jak skanowanie kart płatniczych, aby dać użytkownikom więcej powodów do robienia zakupów na urządzeniach mobilnych.

4. Zoptymalizuj tekst dla małych ekranów i używaj ikon tam, gdzie to możliwe

Twoi klienci nie chcą czytać dużych bloków tekstu przy podejmowaniu decyzji o zakupie Twojego produktu. Szukają konkretnych odpowiedzi, a Twój opis produktu musi je dostarczyć w kilku linijkach.

Unikaj długich opisów produktów. Używaj wypunktowań zamiast akapitów, aby przekazać klientom korzyści płynące z Twoich produktów. Odpowiedz na te kluczowe pytania w kilku pierwszych linijkach:

• Dla kogo jest Twój produkt?
• Co robi twój produkt?
• Co sprawia, że ​​jest wyjątkowy?
• Dlaczego klienci powinni kupować Twój produkt?

Zastąp tekst ikonami, jeśli ma to zastosowanie. Użyj ikon, aby pokazać użytkownikom kolory, rozmiary i inne dostępne opcje. Aby uczynić to bardziej skutecznym, możesz użyć gestów i nakładek, aby zapewnić klientom lepsze wrażenia użytkownika.

Kolejnym kluczowym czynnikiem zwiększania sprzedaży dzięki atrakcyjnej treści jest odpowiedni rozmiar czcionki. Możesz pisać najlepsze opisy produktów na świecie, ale po co, jeśli Twoi klienci nie mogą ich przeczytać? Zatrudnij testerów UI/UX, aby uzyskać opinie na temat optymalizacji czcionek dla różnych rozmiarów ekranu.

5. Ułatw klientom dostęp do większej ilości informacji

Podczas gdy większość kupujących dba tylko o podstawowe informacje o produkcie, zawsze są tacy, którzy uwielbiają przeprowadzić dokładne badania przed zakupem jakiegokolwiek produktu online. Aby je zaspokoić, musisz podać dodatkowe szczegóły, ale musisz to zrobić w sposób, który nie odstraszy klientów, którzy chcą krótkiego opisu produktu.

Przyciski na ratunek! Wystarczy prosty przycisk Zobacz więcej na końcu opisu produktu. Oto przykład Amazona używającego przycisku Zobacz więcej , aby przekazać użytkownikom dodatkowe informacje o produkcie:

Innym sposobem na dostarczenie większej ilości informacji bez przerywania przepływu strony produktu jest dodanie sekcji pytań i odpowiedzi, która odpowiada na najczęściej zadawane pytania klientów. Oto kolejny przykład Amazona wykorzystującego odpowiedzi swoich klientów do dostarczania kupującym podstawowych informacji o produktach:

6. Twórz wyskakujące okienka przyjazne dla urządzeń mobilnych i używaj górnych warstw na pełnym ekranie

Wyskakujące okienka to najlepszy sposób na promowanie dodatkowych ofert lub zbieranie adresów e-mail użytkowników. Ale musisz to zrobić dobrze, bo inaczej odstraszysz swoich użytkowników.

Wyskakujące okienka Window-on-Window (lub Picture-on-Picture) są powszechne na komputerach stacjonarnych, ale w większości przypadków nie są przyjazne dla urządzeń mobilnych. Ekrany mobilne są za małe, więc nawet małe okna mogą wydawać się dziwne i nie na miejscu. Czasami przycisk zamykania tych wyskakujących okienek przesuwa się poza ekran, uniemożliwiając korzystanie z witryny.

Aby mieć pewność, że wyskakujące okienka nie odciągają potencjalnych klientów i są przyjazne dla urządzeń mobilnych, postępuj zgodnie z tymi pięcioma sprawdzonymi metodami:

1. Spraw, aby wyskakujące okienka nie rzucały się w oczy, pozwalając im pojawiać się dopiero po wykonaniu określonej czynności. Przykładem tego jest wywoływanie wyskakującego okienka, gdy użytkownicy przewiną do końca strony, aby uniknąć przerywania czytania. Zezwalaj użytkownikom na zamykanie wyskakujących okienek, dotykając poza polem lub prosty przycisk X.
2. Użyj zwiastuna , aby poinformować użytkowników, jaka będzie treść w wyskakującym okienku, zanim go klikną. Uchroni użytkowników przed niechcianymi wiadomościami, przyciągając zainteresowanych potencjalnych klientów do strony.
3. Wyskakujące okienka powinny być krótkie. Wyskakujące okienka nie są najlepszym miejscem do dodawania obszernej kopii. Zamiast tego skup się tylko na głównym przesłaniu i CTA.
4. Korzystaj z przestrzeni świadomie. Dobrą zasadą jest używanie jednej trzeciej rozmiaru ekranu dla wyskakujących okienek. Zapewni to klientom dużo miejsca na korzystanie z nich i zapobiegnie bałaganowi lub klaustrofobicznemu układowi.
5. Ustaw wyskakujące okienka jako górną warstwę na pełnym ekranie. Te wyskakujące okienka wyglądają lepiej w przypadku ważnych ofert i przypominają raczej rozszerzenie Twojej strony.

Staraj się używać #5 dla wyskakujących okienek uruchamianych kliknięciem, a nie zaskakujących. Chodzi o to, aby użytkownicy mieli lepsze wrażenia i znajdowali lepsze oferty, a nie utrudniać poruszanie się po witrynie.

7. Dodaj rekomendacje dotyczące sprzedaży dodatkowej i krzyżowej

Dodanie rekomendacji produktów do stron produktów to świetny sposób na zwiększenie potencjalnego rozmiaru zakupu. Jeśli zrobisz to dobrze, to znaczy.

Rekomendowane produkty nie powinny odwracać uwagi od głównej strony produktu. Załóżmy, że klientka szuka koszuli i ląduje na idealnej dla siebie. W tym kontekście dodanie zaleceń dotyczących większej liczby koszul po prostu zmyliłoby klienta.

Wybierz polecane produkty, które uzupełniają produkt początkowy, aby uzyskać rekomendacje na stronie (bezpośrednio na PDP). Osoba, która kupiła koszulę, może być zainteresowana krawatem, spodniami lub dopasowaną marynarką.

Z drugiej strony strona kasy to świetne miejsce do dodawania up-sellingów. Wielu użytkowników może przegapić rekomendacje na stronie produktu, ale nie można ich przegapić przy kasie/w koszyku.

Podsumowanie: porady dotyczące szybkiej optymalizacji PDP

Optymalizacja stron szczegółów produktu (PDP) ma kluczowe znaczenie dla prowadzenia skutecznego sklepu internetowego. Chociaż przestrzeganie powyższych strategii pomoże Ci ulepszyć Twój sklep internetowy, jest jeszcze kilka rzeczy, o których należy pamiętać, aby stworzyć udany PDP:

• Opinie i oceny klientów
• Powiązane tytuły i opisy produktów
• Zawsze widoczne przyciski Kup teraz i Dodaj do koszyka
• Odpowiednie wizualizacje
• Optymalizacja techniczna, taka jak kompresja rozmiaru pliku obrazu i ogólna szybkość strony

Kiedy użytkownicy przeglądają PDP, są na skraju zakupu produktów. Posiadanie doskonale zoptymalizowanego PDP może być czynnikiem decydującym o tym, czy otrzymasz sprzedaż, czy nie.

Ponieważ coraz więcej użytkowników robi zakupy online za pomocą smartfonów, firmy muszą zapewniać najwyższej jakości przeglądanie mobilne, aby zmienić użytkowników w lojalnych klientów i zyskać przewagę nad konkurencją – nie pozostawaj w tyle!

Gabriela Drewniana

Gabrielle jest pisarką specjalizującą się w multimedialnym opowiadaniu historii, a obecnie jest starszym menedżerem ds. marketingu treści w Tapcart, kreatorze aplikacji mobilnych dla sklepów Shopify. Dzięki bogatemu doświadczeniu w całym procesie marketingu cyfrowego, Gabrielle napisała treści i opracowała strategie marketingowe wzrostu dla marek każdej wielkości.