#e-commerce

#konwersja

#uxdesign

Użyteczność w e-commerce – optymalny proces zakupowy

Jest wiele powodów, dla których użytkownicy decydują się zrezygnować z zakupów w sklepie internetowym. Najczęściej jest to spowodowane faktem, że wymagane jest założenie konta, czego użytkownik w tym momencie nie chce lub nie ma czasu zrobić. Na drugim miejscu znajduje się zbyt długi lub skomplikowany proces zakupowy. Jak sprawić, żeby ten proces był intuicyjny, możliwie najkrótszy i efektywny?

Spróbuj skrócić formularz kontaktowy do 8 pól tekstowych

Z badań Beymard Institute wynika, że to nie liczba kroków jest największym problemem tzw. “checkoutu” ale liczba pól w formularzu kontaktowym – zawierającym adres dostawy i dane odbiorcy. Formularz kontaktowy to najbardziej wrażliwy krok procesu zakupowego. Często sprawia wrażenie długiego, lub niepotrzebnego, pewne dane użytkownik może uznać za zbyt wrażliwe itd. Jak sprawić, żeby nie odstraszał użytkowników?

    Oznacz pola, które są wymagane i te, które nie są wymagane, żeby użytkownik nie musiał się domyślać co jest niezbędne do złożenia zamówienia

    Zmniejsz liczbę pól tekstowych: połącz imię i nazwisko w jedno, zautomatyzuj proces - zastosuj mechanizm, w którym po podaniu kodu pocztowego przez użytkownika, ulica oraz miasto są wypełniane automatycznie przez system i dopiero wtedy daj możliwość edycji tych pól (przykład jak to może działać)

    Pamiętaj o polu do zaznaczenia “Adres rachunku jest taki sam jak adres dostawy” – dzięki temu użytkownik nie musi wpisywać tego samego adresu dwa razy.

Unikaj elementu “drop-down” (rozwijana lista jednokrotnego wyboru) gdy do wyboru jest więcej niż 10 lub mniej niż 5 opcji. W przypadku, gdy jest ich więcej niż 10 najlepszym wyborem będzie pole tekstowe, z automatycznym podpowiadaniem po wpisaniu pierwszych znaków. Gdy mniej niż 5 – radio button lub delikatne przyciski jeden obok drugiego.

Przy wpisywaniu numeru karty kredytowej znacznym ułatwieniem jest umieszczenie spacji po każdych czterech znakach. Sam numer można walidować metodą Luhna co minimalizuje ryzyko pomyłki, ale zapewnia bezpieczeństwo transakcji.

Podsumowanie zamówienia

Podsumowanie zamówienia to strona najczęściej tylko “skanowana” przez użytkownika: tutaj sprawdzamy czy wszystko się zgadza, czy nie naliczono dodatkowych opłat itd. Dlatego szczególnie ważna przy tym widoku jest warstwa graficzna – informacje muszą być przejrzyste i umieszczone w odpowiedniej hierarchii.

Z tego miejsca użytkownik powinien mieć możliwość edycji danych, które podał w poprzednich krokach: adresu i metody dostawy oraz sposobu płatności.

Przycisk finalizujący zamówienie (np. “Zamawiam” / “Opłać zamówienie”) musi być widoczny na samym wejściu do podsumowania. Powinien być umieszczony na górze strony lub przypięty do dolnej belki ekranu. Inaczej ryzykujesz sytuację, w której użytkownik pomyśli, że zamówienie zostało już zrealizowane i zamknie stronę.

Podsumowanie zakupów w Zalando jest dobrym punktem odniesienia przy projektowaniu tego widoku. Użytkownik może edytować dane, widać przewidywaną datę dostawy, a przycisk do realizacji zamówienia jest wyraźnie widoczny na górze strony.

Bezpieczne zakupy w internecie – czy tej stronie można zaufać?

Częstą przyczyną rezygnacji z zakupów jest brak zaufania do danej strony internetowej. Na ten efekt składa się mnóstwo czynników (o czym opowiemy w innym artykule), ale tutaj skupimy się na zaufaniu w samym procesie zakupowym.

Jesteśmy coraz bardziej świadomymi użytkownikami internetu i dbamy o swoje dane osobowe. Dlatego na każde pytanie o dane, które są dla nas szczególnie wrażliwe, odpowiadamy rzadko i niechętnie. Należą do nich między innymi: numer pesel, data urodzenia, numer karty kredytowej, numer telefonu, płeć. Przy zakupach internetowych numer telefonu jest wymagany w razie potrzeby kontaktu kuriera z klientem. Podanie tego (lub innego) powodu, dla którego prosimy o numer telefonu obok pola tekstowego zwiększa wiarygodność i poczucie zaufania, że dane nie będą wykorzystywane np. w celach marketingowych.

Na ograniczone zaufanie wpływa również brak transparentności w dodatkowych opłatach. Jeśli przesyłka będzie dodatkowo płatna poinformuj o tym użytkownika jak najwcześniej. Nawet drobna kwota, która pojawia się z zaskoczenia może zniechęcić do dokonania zakupu. Jeśli jesteś w stanie zaoferować darmową dostawę od określonej kwoty zamówienia, zrób to – to bardzo skuteczna metoda na zwiększenie sprzedaży.

Zadbaj o znane klientom metody dostawy i płatności, żeby wzbudzić zaufanie i zapewnić bezpieczeństwo. Zgodnie z raportem Gemius “E-commerce w Polsce 2019” Polscy klienci najczęściej wybierają dostawę kurierem DPD, DHL i In-Post a najczęściej wybieraną metodą płatności jest szybki przelew poprzez serwis płatności – PayU albo Przelewy24.

Zakładanie konta jako pierwsza przyczyna rezygnacji z zakupów w internecie

“Kontynuuj bez logowania” staje się już standardem. Jako internauci mamy tyle kont, że chętnie pomijamy zakładanie kolejnego. Zapewnij opcję zakupów bez logowania lub rejestracji i upewnij się, że jest ona wyraźnie widoczna.

Na koniec procesu zakupowego w roli gościa warto dać możliwość utworzenia konta, koniecznie z zapamiętaniem danych adresowych, żeby kolejnym razem użytkownik nie musiał ich wypełniać. Warto zapamiętać też wybraną metodę płatności i dostawy, żeby zasugerować je przy kolejnych zakupach (oczywiście z możliwością edycji) i tym samym skrócić proces zakupowy. Wystarczy na sam koniec poprosić o utworzenie hasła, bo resztę danych już mamy. W tym momencie nie narzucajmy przesadnie skomplikowanych zasad wymaganego hasła, wystarczy “minimum 6 znaków” o czym użytkownik powinien być poinformowany od razu przy wpisywaniu hasła, a nie jako komunikat błędu.

Paper concept jako opcję domyślną umożliwia zakupy bez rejestracji

Zależy Ci na zwiększeniu konwersji w Twoim sklepie internetowym dzięki dobrze zaprojektowanej stronie? Możemy Ci pomóc! Skontaktuj się z nami na hello@utilodesign.com

Źródła:

https://baymard.com/blog/current-state-of-checkout-ux https://baymard.com/blog/perceived-security-of-payment-form https://baymard.com/blog/drop-down-usability https://baymard.com/blog/required-optional-form-fields

Share article

Zobacz jak działamy!

Zobacz jak działamy!

Zobacz jak działamy!

(zanim podejmiesz decyzję)

Skontaktuj się z namiSkontaktuj się z nami

Polidea Sp. z o.o.

Przeskok 2

00-032 Warszawa

Polska

2020 ©Polidea. All rights reserved.

2020 ©Polidea. All rights reserved.

2020 ©Polidea. All rights reserved.