Wykorzystanie AI w projektowaniu makiet sklepu PrestaShop

AI w projektowaniu makiet sklepu online gra coraz ważniejszą rolę. Jak wypróbować skuteczność całkiem nowego sklepu? Czym zastąpić testy AB? Jak sprawdzić, które rozwiązania sprawdzą się w Twoim eCommerce? Odpowiedzi na te pytania znajdziesz w dzisiejszym artykule.

Wykorzystanie dobrych rozwiązań aktualnego sklepu eCommerce

Nigdy nie jest tak, że aktualny eCommerce jest totalnie zły. Każdy sklep można poprawić, ale na pewno znajdziemy w nim coś, co się sprawdza i nie warto tego zmieniać.

W Tebim zawsze dokładnie sprawdzamy aktualny sklep internetowy i dobre rozwiązania przenosimy do nowego projektu czy do nowych makiet.

Dlaczego nie zaczynamy wszystkiego od nowa? Po pierwsze bierzemy pod uwagę przyzwyczajenie klientów danego sklepu i branży. Również dla różnych typów produktów pewne układy strony są bardziej naturalne, a inne mniej. Na przykład w sklepie z odzieżą nie trzeba robić lewego menu na desktopie. Natomiast w sklepie z szerokim asortymentem elektronicznym menu z filtrami po lewej stronie jest bardzo mile widziane. To tylko jeden z przykładów, a takich aspektów jest znacznie więcej w każdym sklepie internetowym.

Jak wykorzystać AI w projektowaniu makiet sklepu internetowego

1. Warsztaty

Pracę zaczynamy od warsztatów z klientami. W ich zakresie robimy na przykład analizę SWOT aktualnego sklepu online, czy przeprowadzamy ankiety z klientami. Gdy tworzymy makiety, wspomagamy się gotowymi, przydatnymi narzędziami wykorzystującymi sztuczną inteligencję. Pomagają nam one ocenić, czy to, co robimy, działa na korzyść danego biznesu, czy nie. Wielokrotnie na etapie projektu przygotowujemy dwie wersje makiet.

Widzisz tu dwa rodzaje menu. Jedno z czarnym tłem menu, a drugie z jasnym. Jasne wydaje się bardziej estetyczne, ale narzędzie pokazuje, że czarne tło menu dużo bardziej przykuwa wzrok klienta w miejscu na którym nam zależy, czyli rozpoczęciu przeglądania naszej oferty.

2. Doświadczenie specjalistów i ugruntowanie decyzji

W Tebim osoby projektujące makiety mają doświadczenie i wiedzą zazwyczaj, czy dany zabieg przyniesie dobry efekt, czy nie. AI w projektowaniu makiet sklepu internetowego PrestaShop służy nam czasami tylko do ugruntowania naszych decyzji i do przekonania klienta, że planowane zmiany wyjdą ich biznesom na dobre. Gdy my jako specjaliści uważamy, że dana zmiana przyniesie korzyść i zewnętrzne narzędzia, takie jak AI, również tak „myślą”, to klient jest spokojniejszy, bo ma potwierdzenie wyboru rozwiązań od obiektywnego narzędzia.

3. Testowanie

Na etapie projektów zawsze przygotowujemy różne warianty i koncepcje. Niekoniecznie całości makiety, ale poszczególnych jej elementów. Sprawdzamy i porównujemy na przykład, jak i gdzie dany przycisk ma być umiejscowiony na stronie. Do tego właśnie służy nam narzędzie AI w projektowaniu makiet – do testowania różnych wariantów.

4. Wybór propozycji

Oczywiście trzeba się kierować zdrowym rozsądkiem, bo ostatecznie górę bierze wiedza i doświadczenie UX designera. Faktem jest jednak, że to narzędzie pomaga nam w przedstawieniu klientowi propozycji i pokazaniu, które z nich będą lepsze, a które gorsze.

Co ważne, nie zawsze my projektujemy makietę. Często klienci dostarczają nam makietę, przekazują nam swoje pomysły, a my bierzemy je pod uwagę i testujemy je przed wdrożeniem projektu przez developerów.

Jak działa AI w projektowaniu makiet

Narzędzie AI bada określoną liczbę użytkowników. Bierze pod uwagę ich zachowania i uśrednia je. Dzięki temu na ich podstawie AI określa na przykład, czy dany przycisk będzie się lepiej klikał w miejscu A, czy B.

AI ocenia oczywiście wiele parametrów, chociażby grę kontrastów. Na przykład jeżeli masz bardzo jasny design i jest dużo białych przestrzeni, to kolory będą miały ogromne znaczenie na stronie sklepu.

Ja, jako UX designer w Tebim nie testuję całych makiet od góry do dołu, tylko jej konkretne elementy, na przykład nagłówek. Czyli mam jakiś header i testuję konkretny element na nim przedstawiony. Nie trzeba testować makiety od A do Z, bo widać od razu, że twarze czy logo firmy bardzo przykuwają wzrok użytkowników. Jeśli chodzi o menu to nawet błaha zmiana kontrastu z czarnego na biały może sprawić, że przyciągalnoś uwagi potencjalnych klientów się zwiększy, a to przełoży się na ilość kliknięć i konwersję.

Korzyści z wykorzystanie AI w projektowaniu makiet sklepu online

Jak w przypadku każdego narzędzia w dzisiejszych czasach, AI w projektowaniu szablonu sklepu również nie zrobi za Ciebie wszystkiego. Jednak w rękach specjalisty świetnie przetestuje wszelkie pomysły i rozwiązania oraz znacząco usprawni pracę.

Co ważne, nie musimy wdrażać całego mechanizmu testowania AB, który często jest kosztowny i czasochłonny. Wiele mniejszych i średnich biznesów eCommerce nie decyduje się na testy AB. Zdecydowanie taniej jest przygotować makietę, niż wdrożyć zmiany za pomocą standardowych testów AB.

Testy AI vs testy AB

Testy AB są o wiele bardziej kosztowne i czasochłonne. Wymagają one przygotowania makiet, a później wdrożenie przez developerów dwóch wersji i jeszcze na koniec właściwe skonfigurowanie programu analitycznego.

Poza tym testy AB robimy na istniejącym sklepie, natomiast AI wykorzystujemy na sklepie koncepcyjnym. Więc testów AB nie przeprowadzimy, gdy tworzymy pierwszy sklep.

AI w projektowaniu makiet sklepu internetowego – podsumowanie

W Tebim mamy bardzo duże doświadczenie w pracy nad sklepami internetowymi PrestaShop. Wdrożyliśmy ponad 100 sklepów i zaprojektowaliśmy kilkadziesiąt dedykowanych makiet dla sklepów PrestaShop od zera.

Jeśli potrzebujesz doradztwa w zakresie projektowania makiet lub interesuje Cię temat wykorzystania AI przy projektowaniu i badaniu różnych koncepcji – skontaktuj się z nami.