24 października 2011

Nowy proces składania zamówienia

Udostępniliśmy już zupełnie nowy system składania zamówień (tzw. z angielskiego COP czyli Check Out Process). Wykorzystuje on najnowsze technologie dostępne w nowoczesnych przeglądarkach internetowych i naszą coraz większą wiedzę o użyteczności i optymalnych sposobach budowania interakcji. Dodatkowo wykorzystaliśmy wyniki badania eyetrackingowego Ideacto do uproszczenia ostatniej strony składania zamówienia czyli tzw. strony szczegółów zamówienia (zwanej wewnątrz order-details).

  • Pic. 1 - Badanie eyetrackingowe Ideacto pokazało nam, że zbyt wiele uwagi klient poświęca nieistotnym objaśnieniom statusu zamówienia i płatności, nie poświęcając jej niżej umieszczonym istotniejszym treściom, czyli opłaceniu zamówienia.

Podczas tworzenia nowego procesu zakupowego, staraliśmy się maksymalnie skupić uwagę klienta na najistotniejszych w tym momencie akcjach. Właśnie w tym celu powstał nowy element procesu zakupowego - specjalne toplayery czyli prostokątne informacje, które wyciemniają resztę strony. Dzięki temu klient zawsze koncentruje się na istotnej w danym momencie akcji, mając cały czas dostęp do reszty informacji. Była to cenna lekcja jaką dostarczyło nam badanie eyetrackingowe Ideacto.

Nowości w odświeżonym procesie zakupowym:

  • Strona order1 (wybór płatności i kuriera) - nie uległa zmianie.
  • Na stronie order2 (stronie mającej na celu sprawdzenie czy całe zamówienie jest poprawne):
    • zmieniliśmy tytuł w pasku postępu. Strona nazywa się teraz "UWAGI DO ZAMÓWIENIA - sprawdź raz jeszcze poprawność zamówienia przed jego złożeniem"
    • przy opuszczaniu strony (kliknięcie na inny link niż złożenia zamówienia), pojawia się przypomnienie, że zamówienie ciągle nie zostało złożone. Oczekujemy, że dzięki tej zmianie, zabiegani i często roztargnieni klienci sklepów nie pomylą się, że wyświetlenie podsumowania zamówienia jest równoznaczne z jego złożeniem.
  • Na stronie order-details (stronie potwierdzającej złożenie zamówienia) - wprowadziliśmy zupełnie nowy zestaw funkcjonalności, który:
    • Eliminuje całkowicie stronę order-newpayment - czyli stronę na której klient opłacał zamówienie. Dzięki temu, po złożeniu zamówienia, klient nie wędruje na stronę jego opłacania. Teraz klient zawsze ląduje na stronie order-details i nie opuszcza jej podczas opłacania.
    • Uprościliśmy górną część strony. Teraz status jest jasno komunikowany, a obok niego podsumowanie kwot. Pod każdym z nich dostępne jest objaśnienie statusu zamówienia i płatności, które wcześniej było od razu widoczne i rozpraszało klienta.
    • Na stronie order-details wprowadziliśmy po AJAX obsługę systemów płatności. Każda z operacji płatności otwiera przyjazny i łatwy w konecentracji toplayer. Wybór formy płatności odbywa się w ten sam sposób jak na stronie order1 (pierwszym kroku składania zamówienia)
    • Rozbiliśmy system płatności na gotowe scenariusze tj. "wybierz sposób zapłaty", "dokonaj wpłaty ponownie", "wybierz inną formę płatności" czy "anuluj wpłatę". Zamieniane są one wewnątrz systemu na odpowiednie operacje czyli np. "wybierz inną formę płatności" anuluje poprzednią płatność i wyświetli listę dostępnych form płatności. Klient nie musi w ogóle zastanawiać się nad tym co wybrać.
    • Lepsza obsługa Trusted Shops Classic - dzięki temu, że klient nie ląduje na stronie order-newpayment, po złożeniu zamówienia, przed jego opłaceniem może wykupić ubezpieczenie. W przypadku opłacenia przed zaznaczeniem ubezpieczenia nie było to możliwe, przez co wariant Classic nie był rozwiązany optymalnie.

Klienci kupują jednak oczami. Dlatego bez zbędnego przeciągania, prezentujemy poniżej galerię pokazującą nowy proces zamawiania. Gorąco rekomendujemy wszystkim sklepom wymianę dotychczasowego procesu składania zamówienia. Zwiększy ona ewidentnie konwersję, a tym samym więcej klientów złoży i co najważniejsze opłaci zamówienie. Niewielka inwestycja na wymianę kilku komponentów składania zamówienia zwróci się z nawiązką. Wyeliminuje również pytania o zamówienia które rzekomo były złożone przez klientów, ale faktycznie nie dokończyli oni składania zamówienia. Nasz dział graficzny jest gotowy na Państwa zamówienia i w na dzień dzisiejszy oferuje krótkie terminy realizacji zleceń zmian w maskach sklepów. Nowy proces składania zamówienia dostępny jest w nowych wersjach masek STANDARD. Na zrzutach ekranowych widać maskę STANDARD Uniwersalny.

  • Pic. 2 - Strona z drugim krokiem składania zamówienia (order2) - dla czytelności zmieniliśmy nagłówek w pasku postępu oraz dodaliśmy zabezpieczenie przed przypadkowym porzuceniem zakupów w tym kroku.
  • Pic. 3 - Po złożeniu zamówienia, klient nie opuszcza już strony szczegółów zamówienia (order-details). Czytelny i schludny interfejs ze zmienioną górą i nowym wyglądem modułu płatności przykuwa wzrok do elementów rzeczywiście istotnych.
  • Pic. 4 - Po kliknięciu na wybór sposobu zapłaty, pojawia się na tej samej stronie lista dostępnych dla tego zamówienia systemów płatności.
  • Pic. 5 - Po wybraniu formy płatności, system po AJAX, bez opuszczania szczegółów zamówienia obsługuje płatność, wczytując mechanizm obsługi danej płatności.
  • Pic. 6 - Dla wybranej przez klienta systemu płatności, wczytywany jest do toplayer mechanizm jego obsługi. Zastosowane unikalne podejście, koncentruje wzrok użytkownika tylko na danej akcji.
  • Pic. 7 - Jeżeli sklep czeka na płatność, jest to komunikowane użytkownikowi przyjaznym komunikatem i gotowymi 3 scenariuszami działania dostępnymi pod niebieskimi linkami.