29 czerwca 2018

Podsumowanie nowych rozwiązań graficznych dla sklepów IAI - od kwietnia do czerwca 2018

Minione 3 miesiące były dla nas bardzo pracowite i przygotowaliśmy wiele zmian, wynikających z obserwacji zachowania klientów w sklepach internetowych. Niniejszy wpis opisuje główne nowości i obserwacje, wprowadzone od czasu poprzedniej publikacji obejmującej okres od stycznia do marca 2018r.

Gruntownie przebudowaliśmy kartę towaru

Likwidacja zakładek i ułożenie informacji w ciągu poszukiwania informacji o towarze

Karta towaru to najistotniejsza podstrona w całym sklepie. Stale obserwujemy zmieniające się trendy i pozyskujemy nowe informacje o tym co działa, a co nie działa na zwiększenie sprzedaży. Dlatego podlega ciągłym zmianom i ulepszeniom. W tym okresie szczególną uwagę poświęciliśmy strefie informacji dodatkowych o produkcie, która została zaprojektowana zupełnie na nowo. Teraz elementy pozwalają wyświetlać treści w bardziej kompaktowej formie, dzięki czemu większa ilość informacji jest prezentowana na raz, na ekranie komputera.

Informacje które dotychczas były ukryte w zakładkach (parametry, gwarancja, pytania do towarów), zostały z nich wyciągnięte i są prezentowane wraz z innymi elementami karty. Znacząco podniosło to czytelność karty oraz poprawiło UX. Pod opisem towaru umieściliśmy listę najczęściej zadawanych przez klientów pytań, jako logiczny ciąg zdarzeń jaki może nastąpić podczas czytania informacji. Kiedy klient nie znajdzie poszukiwanych informacji w opisie, ma od razu dostęp do tego o co pytali i jakie odpowiedzi dostawali inni klienci. Jeżeli pomimo tego nie znajdzie odpowiedzi na swoje pytanie, poniżej dodany został rozwijany formularz umożliwiający zadanie pytania do produktu.

Opis produktu dzieli swoją przestrzeń z sekcją informacji dodatkowych, takich jak parametry produktu, gwarancja czy pliki do pobrania. Przewidzieliśmy także sytuację, gdzie ilość prezentowanych parametrów jest duża, wówczas wyświetlają się one w klasyczny sposób, czyli pod opisem produktu.


W karcie Fashion zostały dodane prawie identyczne rozwiązania, gdzie główną różnicą względem innych standardów jest promowanie opinii ponad specyfikacją techniczną produktu. Polecamy zapoznanie się z ostatnim wpisem o zmianach graficznych w naszych standardach, gdzie opisane są zmiany w samym standardzie RWD Fashion.
Ulepszyliśmy także mechanizm aktualizujący czas wysyłki, dzięki czemu czas wysyłki obecnie wyliczany jest dynamicznie. Nawet przy skomplikowanej konfiguracji produktów na karcie, prezentowany czas zawsze będzie aktualny.

Poradnik na karcie produktu

Prezentujemy długo wyczekiwaną funkcjonalność, automatycznie publikującą w postaci poradnika, artykuły ze sklepowego bloga. Moduł wzbogaca główny opis produktu o dodatkowe informacje takie jak np. poradniki lub artykuły. O teraz tego typu informacje są powiązane przez nasz system automatycznie jeżeli tylko pod artykułem na blogu, ten towar jest wskazany jako powiązany. W karcie towaru prezentowana jest wtedy krótka zajawka tekstowa wpisu wraz ze zdjęciem oraz tytułem. Jeden wpis (poradnika) może mieć przypisane wiele produktów na raz, dzięki czemu będzie widoczny dla każdej z kart tychże produktów.

Dlaczego to jest ważne? Klienci, którzy nie widzą poradników np. "Jak dobrać narty dla dziecka?" będą poszukiwali odpowiedzi na to pytanie poza sklepem, np. w wyszukiwarce Google. Wtedy już może nie trafić do Twojego sklepu, a trafi na inny blog i np. inne powiązane towary lub linki. Dodatkowo taki artykuł, będzie budował Twoją pozycję eksperta, zwiększając zaufanie do Twojego sklepu. Fragment tekstu i linki, odpowiednio budują też wewnętrzne linkowanie w sklepie i poprawiają SEO artykułu na blogu.

Zmiany w procesie zakupowym

Zmiany widoku mobilnego

Ruch mobilny to ponad 50% wszystkich urządzeń wyświetlających strony sklepu, dlatego też nasza uwaga skupia się również na poprawie i udoskonalaniu widoku mobilnego stron sklepu. Wprowadzone zmiany wizualne poprawiły estetykę i czytelność procesu, co przełoży się na nieco lepszą konwersję i na pewno na wygodę. Jedną z głównych zmian widocznych na każdej podstronie jest przyklejone do dołu ekranu podsumowanie, dzięki któremu w każdej chwili można przejść do kolejnego kroku zamówienia, bez potrzeby przesuwania palcem w dół strony w celu znalezienia opcji przejścia dalej.

Przebudowana strona kontakt

Strona kontaktu uległa kompletnej modernizacji. Usunięty został rzadko używany formularz kontaktowy. Formularz ten będzie z czasem w ogóle wysyłany, gdyż obecne trendy idą w innych kierunkach tj. bezpośredni e-mail czy chaty. Uporządkowaliśmy przy okazji typografię i kompozycję. Nowością jest lista sklepów, która w zależności od tego ile mamy ustawionych magazynów z możliwością odbioru własnego prezentuje listę na kilka sposobów, zapewniając najbardziej optymalny układ i czytelność. Karta kontaktu także w standardzie, teraz łączy się z pozostałymi rozwiązaniami omnichannel.

Zmiany pod kątem RODO

Na stronie rejestracji dodaliśmy checkbox świadomej zgody na przetwarzanie danych osobowych. Dodaliśmy go na stronie newslettera, treść zgody linkuje do polityki prywatności. Warto również wspomnieć że zrezygnowaliśmy z sekcji newslettera w stopce strony. Wynika to z tego, że od teraz każdy taki formularz powinien mieć checkbox i uznaliśmy, że nie ma sensu dalsza rozbudowa stopki w tym kierunku. Zapisy do newslettera są stosunkowo rzadkie jak na łączną ilość otwieranych podstron. Zdecydowaliśmy się tę przestrzeń lepiej wykorzystać do innych celów.

Odpowiednia informacja została także umieszczona przy pozostałych formularzach na karcie produktu tj. zadaj pytanie oraz powiadomienie o dostępności. Decyzja była podyktowana znikomym użyciem tego elementu. Jednocześnie zachęcamy do tworzenia akcji promocyjnych przy zapisach newslettera, np. poprzez rabaty procentowe. Są to konkretne korzyści które faktycznie mogą przekonać klienta do zapisania się na listę newslettera.

Jak skorzystać z nowości?

Jeśli korzystasz z naszych szablonów STANDARD zaktualizuj je do najnowszych rewizji aby skorzystać z nowych rozwiązań jakie opracowaliśmy w ostatnich miesiącach. Jeżeli korzystasz z szablonu wykonanego indywidualne, wprowadzone zmiany również są dla Ciebie dostępne, wystarczy, że utworzysz komunikat do działu graficznego z prośbą o zaktualizowanie interesującego Cię komponentu a jeden z naszych doświadczonych specjalistów poprowadzi Cię przez cały proces. Przedstawione rozwiązania są standardowymi, co oznacza że w przypadku ich zastosowania koszty wprowadzenia nowości są minimalne. Jeżeli masz jednak własny pomysł jak wykorzystać zmiany w inny sposób lub zmodyfikować do własnych celów, zapraszamy do kontaktu.

Uwaga prawna

Powyższe zmiany są elementem masek STANDARD, które są zarejestrowanym w urzędzie patentowym wzorem przemysłowym, którego właścicielem jest IAI S.A. Jeżeli chcesz wykorzystać elementy we własnych projektach, prosimy o kontakt i uzyskanie pisemnej zgody lub licencji. Więcej informacji na ten temat znajdziesz na stronie "STANDARD zastrzeżonym wzorem przemysłowym".