03 lutego 2022

One Step Checkout w kontekście UX w e-commerce

||||

Konwersja. Sprzedaż. Właśnie na tym zależy każdemu właścicielowi sklepu. Warto więc, aby klient poczuł się w Twojej witrynie swobodnie i bezpiecznie. Kupujący powinien dokładnie widzieć to, co zamawia, liczbę produktów, ich parametry, cenę. Dlatego projektując swój eCommerce należy wziąć pod uwagę UX i wygląd koszyka zakupowego. Strona ta musi być czytelna, bez zbędnych bannerów – rozpraszaczy. Według danych opublikowanych na stronie Sleenote, marki eCommerce tracą każdego roku aż 18 miliardów dolarów przychodu z powodu opuszczonych koszyków. Jak więc zaprojektować koszyk w schemacie One Step Checkout i ograniczyć porzucone transakcje? 

 

Jak robimy zakupy w sieci?

 

W XXI wieku ludzie nie rozstają się ze swoimi telefonami. Zabieramy je praktycznie wszędzie. Średni dzienny czas korzystania statystycznego użytkownika z internetu na urządzeniach mobilnych to aż 3 godz. 39 min*. I nikogo to nie powinno dziwić! Pewnie większość z nas, jeśli znajdzie wolną chwilę w ciągu dnia, to w pierwszym odruchu sięga po telefon, aby przejrzeć najnowsze newsy na Facebooku, przeczytać wiadomości, pooglądać śmieszne memy, a nawet zrobić zakupy online. Najczęściej robimy to w pośpiechu, stojąc w korku, jadąc tramwajem na zajęcia, albo jedząc obiad…

   

Źródło: www.demotywatory.pl

A jak wiadomo, jak się człowiek śpieszy, tooo… może łatwo popełnić błąd. A błąd podczas robienia zakupów internetowych wiąże się zarówno ze stratami finansowymi jak i niepotrzebnymi nerwami.

Wiele osób nie ma czasu sprawdzić dokładnie zamówienia, które dodało do koszyka. Intuicyjnie przechodzą przez wszystkie kroki/podstrony procesu zakupowego, potwierdzając poszczególne etapy. Błąd wychodzi dopiero w momencie odbioru przesyłki lub doręczenia jej do złego paczkomatu. Pomylić można się zarówno przy uzupełnianiu danych, jak i przy wyborze produktu – w szczególności przy produktach wielowariantowych takich jak ubrania.
W koszyku zwykle jest widoczne zdjęcie i kod produktu. Brakuje jednak informacji o rozmiarze, a nawet kolorze.

 

 

Źródło: https://besty.pl/4063883

Statystyczny klient zakupy robi pod wpływem impulsu, dlatego im więcej czasu spędzi w koszyku, tym większa szansa, że po drodze rozmyśli się, pojawi się błąd na stronie sklepu lub utraci połączenie z siecią. Najlepszym dowodem na to jest badanie Baymard Institute, w którym ustalono, że zbyt długi lub zbyt skomplikowany proces sprzedaży jest powodem, dla którego 26% kupujących rezygnuje z zakupów.

Rozwiązaniem tego problemu jest ONE STEP CHECKOUT. 

 

 

Co to jest One Step Checkout?

 

One Step Checkout to jeden z typów procesu zakupowego, w którym wszystkie informacje są zamieszczone na jednej stronie. Oznacza to, że klient nie musi przechodzić przez wszystkie kroki procesu zakupowego tj. koszyk, dane adresowe, dostawa i płatność, co zmniejsza szansę na porzucenie zakupów na którymś z tych etapów.



Wyobraź sobie taką sytuację. Jest dwóch sprzedawców A i B. Chcesz od nich kupić czarny, ścieralny marker. Jakość i marka jest ta sama u jednego jak i drugiego sprzedawcy. Na jakiej podstawie podejmiesz decyzję zakupową?

Sklep sprzedawcy A
Wybierasz markery i przechodzisz na stronę koszyka. Strona ta jest bardzo czytelna, znajdują się na niej takie informacje jak: liczba zakupionych produktów, kolor, cena, opcje dostawy, opcje płatności oraz regulaminy.

Sklep sprzedawcy B
Wybierasz markery i przechodzisz na stronę koszyka. Znajduje się tam tylko informacja o sfinalizowaniu zamówienia, przedstawiająca zdjęcie markera. Następnie kolejno przechodzisz na strony z danymi adresowymi, wyborem dostawcy oraz wyborem płatności.

 

Któremu sprzedawcy zaufasz?

Odpowiedź jest raczej oczywista. Temu, którego koszyk wygląda bezpiecznie i są tam wszystkie informacje, które łatwo i szybko można zweryfikować.


One Step Checkout – dlaczego warto?

 

Metoda One Step Checkout zyskała na popularności w trakcie pandemii, kiedy to sporo czasu spędzaliśmy w domach, a więc czasu wolnego mieliśmy dużo więcej niż zwykle. Wtedy też zwiększyły się wymagania klientów, co do zakupów w sieci. Teraz użytkownicy sklepu oczekują spersonalizowanych komunikatów, które wpłyną na ich wygodę podczas korzystania ze strony. Można powiedzieć, że użytkownicy są teraz bardziej ostrożni, a co za tym idzie – w każdym momencie mogą zrezygnować ze sfinalizowania transakcji. Im więcej kliknięć, tym większa szansa, że się poddają. Dlatego warto zminimalizować liczbę kroków w procesie zakupowym do minimum, a najlepiej do JEDNEGO.

One Step Checkout jest już wykorzystywany przez takie marki jak: Zalando, Castorama, Allegro, czy Eobuwie.

 

One Step Checkout a UX strony

Skonstruowanie jednej strony, na której wyświetlimy wszystkie potrzebne informacje i która jest przyjazna dla użytkownika, to duże wyzwanie. W końcu z jakiegoś powodu większość sklepów internetowych korzysta z kilku podstron, aby sfinalizować transakcję…

 

One Step Checkout – konstrukcja


Wersja desktopowa:

Na stronie internetowej wyświetlanej na dekstopie o wiele łatwiej jest rozmieścić wszystkie informacje, aby były czytelne. Według najlepszych zasad UX:

1. Po lewej stronie umieść pole z danymi kupującego. Nie ukrywaj żadnych dodatkowych płatności.
2. Po środku dodaj wybór sposobu dostawy i płatności.
3. Po prawej stronie wyświetl zakupione produkty, kwoty i wszelkie regulaminy oraz CTA, np. “Złóż zamówienie”.

Aplikacja mobilna:


W aplikacji mobilnej jest dużo trudniej zaprojektować stronę koszyka na zasadzie One Step Checkout zgodną z UXem. Jak zmieścić wszystkie najważniejsze informacje na wyświetlaczu, który ma zaledwie ok. 6 cali?

1. Na głównym widoku stwórz listę z produktami, które zamówił klient i kwotą do zapłaty. Poniżej dodaj opcję wyboru płatności oraz dostawy. 
2. Cała podstrona/formularz może być przedstawiony w postaci karuzeli – dzięki temu użytkownik nie musi przechodzić na kolejną stronę, wystarczy tylko przesunąć kafelek.

One Step Checkout w Magento

 

Smart One Step Checkout dla Magento 2 to jedno z pierwszych rozszerzeń na rynku, zapewniające kontrolę nad wydajnością kasy. Jednoetapowa strona koszyka zakupowego jest dostosowana wizualnie do preferencji klientów, dzięki czemu pomaga zmniejszyć wskaźnik porzucenia koszyka. 

 

Przykładowa strona koszyka w rozwiązaniu One Step Checkout wykonana dla naszego Partnera EZ Living Futrniture.

Wady i zalety One Step Checkout 

 

Zalety:


  1. Użytkownik szybciej sfinalizuje zamówienie.
    2. Proces zamówienia jest bardziej przejrzysty i wygodny.
    3. Generuje to minimalizację porzuconych koszyków.
    4. Zwiększa konwersję.


    Wady:
    1. Strona ma ograniczoną ilość miejsca.
    2. Klienci są przyzwyczajeni do 4 podstron.
    3. Strona obciążona treścią może ładować się dłużej.


    One Step Checkout to na pewno interesujące rozwiązanie, aby zwiększyć konwersję w swoim sklepie. Wszystko ma jednak wady i zalety. Jeśli zamierzasz sprzedawać np. jachty, czy produkty o bardzo dużej wartości, to Twój proces finalizacji zakupu powinien być dłuższy niż jedna strona. Klient musi mieć czas na zastanowienie się i przeanalizowanie swojego zakupu. Zaś w branży odzieżowej jedna strona koszyka w zupełności powinna wystarczyć.

    W pierwszej kolejności należy więc przyjrzeć się swojemu produktowi oraz potencjalnym klientom. Zbadaj ich przyzwyczajenia zakupowe, dowiedz się, jak poruszają się po stronie. Wszystkie te informacje mają znaczenie projektując proces zakupowy na stronie e-sklepu.

    One Step Checkout może przynieść duży sukces, ale może być też całkowicie na odwrót. Jeśli Twoja karta produktowa jest źle stworzona, a sklep posiada błędy, to najpierw musisz się skupić na ich naprawie, a dopiero potem na koszyku zakupowym.

    Pamiętaj, użytkownika od zrobienia zakupów dzieli jeden krok, jeden jedyny krok, nic więcej…

    * Raport Digital 2021