Zakładając sklep internetowy na Shopify, masz do wyboru wachlarz gotowych szablonów, które są starannie zaprojektowane przez specjalistów Shopify. Każdy z nich jest responsywny, ma przemyślaną ścieżkę użytkownika oraz jest w pełni edytowalny. Podobnie rzecz się ma do tego, gdy zamówisz dedykowany szablon Shopify w naszej agencji. W tym przypadku również otrzymasz przetestowany projekt sklepu, który powstał z myślą o użytkowniku także mobilnym.

Dbałość o UX, czyli doświadczenie użytkownika na stronie rzutuje na sukces sklepu internetowego. Badania InVision dowiodły, że design ma wpływ na sprzedaż i dlatego powinniśmy starać się o zachowanie dobrego UX poprzez zatrudnienie osoby opiekującej się projektem sklepu lub poprzez współpracę z agencją Shopify.

Często, gdy rozwijamy sklep internetowy na Shopify, dodajemy nowe funkcjonalności, zmieniamy projekt lub staramy się dotrzeć do nowej grupy klientów, doświadczenie użytkownika na stronie cierpi, a tym samym obniża się sprzedaż. Najlepiej zapamiętać, czego unikać wprowadzając zmiany w e-sklepie i właśnie tym zajmiemy się w dzisiejszym artykule. Zobaczmy, co sprawia, że projekt funkcjonalny sklepu internetowego przyczynia się do spadków sprzedaży.

Jakich błędów UX unikać, rozwijając sklep na Shopify?

Prędzej czy później zapragniesz zmienić coś w sklepie internetowym. Możliwe, że dodasz nową wtyczkę Shopify do sprzedaży, przetestujesz nowe narzędzie do marketingu lub wzbogacisz ofertę o nowe produkty. Rozwój witryny jest nieunikniony, jednak zadbaj o to, aby nie zakłócić doświadczenia użytkownika na stronie. Jakie pułapki czyhają na Ciebie?

1. Skomplikowana nawigacja sklepu internetowego

Pierwszym błędem, który zdarza się nawet doświadczonym sprzedawcom internetowym, jest niepotrzebnie skomplikowana nawigacja sklepu internetowego. Zazwyczaj nawigacja traci na przejrzystości, gdy nie bierzemy pod uwagi planu serwisu w trakcie dodawania nowych produktów. Jeśli użytkownik ma kłopot w poruszaniu się po sklepie, to prawdopodobnie go opuści.

Jak rozpoznać, że nawigacja wymknęła się spod kontroli?

Nawigacja sklepu to elementy sklepu internetowego, które pozwalają użytkownikom wykonać akcję np. przejść dalej, cofnąć się, wykonać czynność lub osiągnąć cel. To np. menu, przejście do logowania, link do podstrony o firmie, a także strony z koszykiem czy wishlista. Nawigacja spełnia krytyczną rolę w ścieżce zakupowej.

• menu sklepu internetowego jest ukryte np. pod hamburgerem - jeśli użytkownik nie widzi nawigacji po wejściu do sklepu internetowego, czy to na stronę główną, czy to na podstronę z konkretnym produktem, to istnieje szansa, że opuści sklep. Nawigacja komunikuje, jakie rodzaje produktów znajdziemy w sklepie i powinna być w widocznym miejscu u góry strony. Hamburger, czyli trzy poziome kreski w prawym górnym rogu strony, to sposób na uproszczenie nawigacji na stronach, jednak nie nadaje się do sklepów internetowych. 
• zbyt dużo poziomów nawigacji - nawigacja powinna być prosta, jednak jak zachować prostotę, gdy rozwijamy sklep internetowy? To wyzwanie. Wciel się w swojego klienta i pomyśl, jak on może dotrzeć do konkretnego produktu. Zobacz, jak konkurencja rozwiązuje problem nawigacji. Pamiętaj, że nawigacja ma wpływ na SEO - zbyt dużo linków sprawia, że autorytet strony zostaje rozdrobniony na każdą ze stron;
• przypadkowa kolejność pozycji w menu - w tym przypadku sekwencja wpływa na doświadczenie użytkownika na stronie; zazwyczaj klient spieszy się, aby dotrzeć do właściwej kategorii lub odnaleźć produkt, na którym mu zależy; dlatego nie zostawiaj kolejności przypadkowi - zadbaj, aby ciąg elementów był przemyślany;
• brak wyszukiwarki produktu - idealnie byłoby, gdyby sklep miał funkcję wyszukiwania produktów, np. pasek wyszukiwania, a sprzedawca skrupulatnie dodawałby tagi, które ułatwiłyby znalezienie produktu; większość szablonów Shopify ma wbudowaną stronę lub pasek z wyszukiwaniem produktów, ale czy dbasz o to, aby łatwo można było znaleźć produkty? M.in. do tego służą tagi;
• unikaj martwych punktów - może się zdarzyć, że twoja oferta się zmieniła i np. w sklepie nie ma już kategorii, które w przeszłości były dostępne; zadbaj o to, aby taka strona nie była pusta, jasno przekazała informację, że już nie sprzedajesz takich produktów, ale masz do zaproponowania inne, dlatego strona powinna prowadzić użytkownika gdzieś dalej np. na stronę główną.
  

Jak temu zaradzić?

• stosuj okruszki na stronie (tzw. breadcrumbs), dzięki którym użytkownik pozna, gdzie dokładnie znajduje się w serwisie i w razie potrzeby wróci na poprzednią stronę;
• dostosuj nawigację pod urządzenia mobilne - prrojekt strony powinien być dostosowany do użytkownika i rodzaju urządzenia; sprawdź, czy możesz poruszać się po sklepie w wersji mobilnej; może to oznaczać, że układ strony będzie trochę różnił się dla użytkowników korzystających z urządzeń stacjonarnych;
• przeprowadź badania UX z użytkownikami - o tym, jak ważne są badania w e-commerce, pisaliśmy w osobnym artykule; dowiesz się z niego także, jakie są metody badań: Badania UX;
• pozwól na szybki dostęp strony głównej, dzięki podlinkowanemu logo - część użytkowników, którzy zgubili się w sklepie, chcą powrócić na stronę główną, jeśli logo, które znajduje się u góry sklepu, linkuje do strony głównej, klient poczuje się bezpieczniej.
  

2. Długi czas ładowania strony

Shopify to hostowana platforma i przez to nie musisz martwić się utrzymaniem witryny. O to dbają pracownicy Shopify. Jednak nowe wtyczki, integracje i multimedia mogą znacznie obciążyć działanie strony i w rezultacie sprawić, że będzie ładowała się powoli, a klienci będą zmuszeni czekać. Część z nich opuści witrynę i dokona zakupu na innej stronie, a wysiłek związany z pozyskaniem klienta do sklepu na Shopify zostanie zmarnowany.

Prędkość witryny ma wpływ na konwersje, a także pozycje w Google i innych wyszukiwarek. Szybka strona to sygnał dla wyszukiwarek, który pozwala zaufać dostawcy treści, że użytkownik znajdzie wartość na podstronie, do której kierowany jest użytkownik. Jeśli ciekawi Cię, jak zoptymalizować sklep na Shopify pod kątem SEO, zajrzyj do naszego artykułu Shopify a pozycjonowanie.

Jak zadbać o prędkość strony w rozwijającym się sklepie?

Niezmiernie ważne jest regularne testowanie witryny i optymalizacja strony. Jak wygląda taka optymalizacja? W zależności od potrzeb może to być minifikacja kodu, modyfikacja zdjęć, grafik i filmów na stronie, optymalizacja aplikacji i wtyczek itd. W niektórych przypadkach rozwiązaniem jest wejście na wyższy plan Shopify, lecz zwykłe usprawnienia pomagają. Jeśli szukasz pomocy w optymalizacji strony na Shopify, zostaw nam wiadomość w formularzu kontaktowym pod wpisem.

3. Niekończące się formularze

Co jakiś czas sprzedawcy internetowi mierzą się z nowym wyzwaniem. Jednym z najnowszych jest wycofanie ciasteczek, które pozwalają nam dowiedzieć się więcej o użytkowniku. Tak robi Apple, a za niedługo Google również wdroży rozwiązanie wolne od ciasteczek. Marketerzy przygotowują się do nowej rzeczywistości. Wielu z nich planuje stworzyć własne centra danych. Aby to zrobić, muszą zebrać informacje bezpośrednio od klientów.

Jednym z najszybszych sposobów na zebranie informacji w e-commerce jest formularz. Np. za dane na temat klienta, sklepy są w stanie dać kod rabatowy lub punkty lojalnościowe. Jednak większość użytkowników ma awersję do zbyt długich i skomplikowanych formularzy, dlatego jest tak ważne, aby formularz był łatwy do uzupełnienia i szybki - zwłaszcza formularz, który klient wypełnia w trakcie składania zamówienia.

Niestety na planach podstawowych Shopify, nie jesteś w stanie edytować procesu checkoutu, ale formularz nie znajduje się jedynie w tej części ścieżki klienta. To może być ankieta, badanie satysfakcji klienta, itp. Zobacz, co eksperci UX mają do powiedzenia odnośnie tworzenia formularzy.

Jak powinien wyglądać dobrze skonstruowany formularz?

Oto najczęściej powtarzające się rady:

• unikaj zbyt ogólnych pytań - pytania, które nie są jasne, zniechęcają użytkowników; jeśli twoje pytanie można odebrać na kilka sposobów, dodaj wyjaśnienie, aby nie stracić zainteresowania użytkownika;
• podziel formularz na części - wiele stron e-commerce dzieli długie formularze na kroki do wykonania, dzięki czemu użytkownik nie czuje się zmęczony pytaniami i wie dokładnie, ile części zostało do końca formularza;
• zaznacz obowiązkowe i opcjonalne pola - pozwala to ocenić, co jest konieczne do wypełnienia a co niekoniecznie; użytkownik czuje kontrolę nad pytaniami i czuje, że ma wybór;
• nie pytaj o to, czego nie potrzebujesz - twój formularz powinien być zgodny z RODO, gdzie zasadą jest to, że nie powinniśmy zbierać o klientach danych, które nie są niezbędne do obsługi klienta; ponadto zbyt intymne pytania sprawią, że klient przestanie ci ufać
• poinformuj, w jakim celu wysyłasz formularz - to również twój obowiązek prawny, ale nie tylko; użytkownik chętniej wypełni ankietę, jeśli dowie się, po co zbierasz dane; to może być poprawa jakości obsługi, lepsza personalizacja oferty, itp.

4. Konkurujące o uwagę CTA

Prawo Hicka mówi o tym, że czas, który potrzebujemy na podjęcie decyzji, wydłuża się wraz ze wzrostem możliwości. Jeśli zależy Ci na tym, aby klienci podjęli konkretne działanie na stronie, to spraw, aby skupili się na tym działaniu. Większość podstron e-commerce ma cel. Celem karty produktu jest zachęcenie użytkownika, aby włożył produkt do koszyka. Aby cel został spełniony, na stronie znajduje się wyróżnione zawołanie do działania „Dodaj do koszyka”. To nic innego jak CTA, czyli Call to Action. 

Na co zwrócić uwagę planując kolejne CTA w sklepie?

Wraz z rozwojem sklepu Shopify, działaniami marketingowymi lub walką z porzuconymi koszykami w sklepie, możesz umieścić tam kolejne możliwości korzystania z podstrony produktu, np. express checkout „Kup teraz”, „Dodaj do ulubionych”, „Udostępnij”, „Sprawdź dostępność w sklepie”, itp. Zadbaj o to, aby te czynności nie przyćmiły głównego celu podstrony, gdyż prawo Von Restorffa głosi, że kiedy na stronie znajduje się kilka podobnych elementów, zapamiętany zostaje ten, który najbardziej rzuca się w oczy.

Zbyt dużo elementów, które wołają o uwagę klienta, mogą obniżyć efektywność podstrony, a nawet przynieść odwrotny rezultat od zamierzonego. Przetestuj nową funkcjonalność z użytkownikami lub śledź statystyki na stronie po wprowadzeniu zmiany, np. w Google Analytics. Zobacz, jakie statystyki śledzi Shopify w naszym artykule o tajnikach analityki.

5. Opisy produktów, które nie są stworzone pod kątem potrzeb klientów

Przyjęło się mówić, że ludzie nie czytają stron internetowych, tylko je skanują, ale czy sprawdza się to w przypadku zakupów? Wyobraź sobie, że chcesz kupić biurko do domu? Aby wybrać odpowiednie, musisz poznać jego wymiary, materiały, z którego jest zrobione, ale to nie wszystko, co chcesz wiedzieć.

Mogą interesować cię inne informacje, np. czas dostawy, szybkość realizacji, a także szczegóły, które pozwolą ci ocenić, czy jesteś idealnym klientem dla tego sklepu. Np. to czy biurko jest ergonomiczne, co sądzą na jego temat inni klienci, a także czy zostało wyprodukowane w zgodzie z wyznawanymi przez Ciebie wartościami.

Jak zadbać o wartościowe opisy produktów?

Słuchaj klientów i wzbogacaj swoje opisy o nowe informacje, które pomogą im w podjęciu decyzji. Weź pod uwagę opinie klientów, którzy kupili produkt. Nie zapominaj, że prezentacja tekstu też ma znaczenie. W Shopify możesz dodawać paragrafy, pogrubienia, ikony, aby ułatwić czytelnikom „konsumpcję” tekstu. Możemy Ci w tym pomóc.

Elementem UX na stronie są także takie opisy, ponieważ oprócz wartości sprzedażowej, powinny być dostosowane do potrzeb klientów, którzy chcą dokonać zakupu na stronie. Zobacz, jak przygotować kartę produktu w Shopify: 10 szybkich sposobów na poprawę karty produktu w Shopify.

Sprawdź UX sklepu na Shopify

Przedstawiliśmy Ci najczęstsze błędy w projektach UX sklepów na Shopify. Co z twoim e-sklepem? Czy nieświadomie popełniasz, któryś z nich? Serdecznie zapraszamy Cię do przetestowania swojego sklepu internetowego. Możemy Ci w tym pomóc. Wypełnij poniższy formularz, a my chętnie pomożemy Ci sprawdzić UX e-commerce.

‍

Więcej: https://wecanflyagency.com/services/growth/shopify-ux-usability-audit/