Czy zastanawiałeś się kiedyś, dlaczego sklepy spożywcze umieszczają mleko na tyłach sklepu, a czekoladki przy kasie?
Proste: umieszczenie niezbędnych artykułów na tyłach sklepu zachęca kupujących do spacerów i przeglądania innych produktów. Umieszczanie małych przedmiotów (takich jak czekoladki) w pobliżu kasy zachęca do zakupów impulsywnych.
To wszystko jest częścią nauki o projektowaniu sklepów. The odpowiedni układ sklepu może zwiększyć sprzedaż, poprawić lojalność i pomóc klientom szybciej znaleźć to, czego szukają.
Twój sklep internetowy niczym się nie różni. Organizacja i układ Twoich produktów mają duży wpływ na to, co (i jak) klienci od Ciebie kupują.
W tym artykule pokażemy, jak rozmieścić produkty, aby zmaksymalizować sprzedaż i konwersje.
3 rzeczy do rozważenia przy wyborze układu produktu
Układ produktu może na pierwszy rzut oka wydawać się prostym problemem. Jednakże, podobnie jak większość rzeczy w
1. Wybór
Wybór jest
Efektywny układ produktu to zasadniczo proces równoważenia tej dwoistości. To znaczy: sprawiać wrażenie dużego wyboru, przy jednoczesnym zachowaniu łatwości obsługi i nawigacji witryny.
Nauka mówi że podejmowanie decyzji jest obciążające psychicznie. Kiedy dajesz kupującym zbyt duży wybór, istnieje ryzyko, że w ogóle nie dokonają wyboru.
Jak więc pokonać ten problem w układzie sklepu?
Jednym z rozwiązań jest użycie polecanych obrazów, które prowadzą do dodatkowych produktów. Na przykład zwróć uwagę, jak Made.com wykorzystuje osobne obrazy dla całych kategorii produktów (np. „meble ogrodowe”):
Potraktuj to jako zwiastun mający na celu zwabienie kupujących.
Idealnie byłoby, gdybyś chciał zachować swoje
Dlatego zanim rozpoczniesz proces układania, wymień następujące elementy:
- Cały asortyment produktów oraz odpowiadające im kategorie i podkategorie
- Kategorie funkcjonalne, takie jak „najlepiej sprzedające się produkty”, „polecane produkty” itp. oraz produkty w nich zawarte.
Następnym krokiem jest wykorzystanie tych informacji do skonstruowania pliku
Pomoże to kupującym znaleźć to, czego chcą, bez przytłaczania ich zbyt dużą liczbą wyborów.
Jeśli Twój sklep Ecwid jest dodany do strony internetowej, możesz dodać menu nawigacyjne dodając fragment kodu:
- dla układu poziomego
- dla układu pionowego.
Oto instrukcja dla dodanych sklepów Ecwid WordPress i Wix strony internetowe też. W witrynie Ecwid Instant Site dostępne jest wyłącznie menu poziome.
2. Informacje o produkcie
Oto kolejna czynność równoważąca, którą powinieneś wykonać przy wyborze układu sklepu: pokazanie informacji o produkcie.
Chcesz zapewnić klientom informacje potrzebne do kliknięcia i dokonania zakupu. Jednocześnie nie chcesz przytłaczać ich zbyt dużą ilością szczegółów — przynajmniej nie zanim znajdą się na właściwej stronie produktu.
Twój model mentalny w tej sytuacji powinien polegać na ułatwianiu podejmowania decyzji i wzbudzaniu zainteresowania klientów. Zadaj sobie pytanie: co minimum informacji czy moi klienci muszą kliknąć produkt?
Przekonasz się, że odpowiedź różni się w zależności od sklepu i produktu.
Zwróć na przykład uwagę, jak Amazon udostępnia na stronie kategorii tylko cztery punkty informacyjne: nazwę produktu, cenę (w tym rabat), ocenę i dostępność Prime:
W Ecwid możesz dodawać podobne oceny i recenzje za pomocą aplikacji Stampled.io.
Chociaż informacje te są niezbędne dla dużego sprzedawcy detalicznego, takiego jak Amazon, dla mniejszych firm, takich jak Biżuteria z piasku i kamienia, oceny nie są tak ważne. Dlatego strony kategorii pokazują tylko nazwę produktu i cenę.
Łatwo wpaść w pułapkę podawania zbyt małej ilości informacji na stronach kategorii. Najlepszym sposobem na uniknięcie tego jest przeprowadzenie wywiadu z klientami i zapytanie ich, jakich informacji używają przy podejmowaniu decyzji zakupowych.
3. Projekt sklepu
Sposób zaprojektowania sklepu będzie miał duży wpływ na układ produktu.
An
- Strona główna
- Strony kategorii i wyszukiwania
- Poszczególne strony produktów
Jakie produkty zdecydujesz się zaprezentować na każdym z nich
Na przykład zwróć uwagę, jak Amazon promuje własne produkty na swojej stronie głównej, jeśli się nie zalogowałeś:
Sklepy często promują najnowsze oferty na stronie głównej. Pamiętaj, aby dopasować te oferty do grupy docelowej. Na przykład BestMadeCo organizuje promocję z okazji Dnia Ojca, mając na uwadze głównie męską klientelę.
Skupić się na:
- Dowiedz się, jakie produkty chcesz, aby kupowali klienci (najlepiej najlepiej sprzedające się i/lub produkty o najwyższej marży)
- Utrzymanie jednolitości projektu w różnych
typy stron.
Niezależnie od tego, czy zdecydujesz się wyróżnić swoje bestsellery, czy nowości, Ecwid umożliwia utworzenie kategorii polecane produkty na stronie głównej i nazwij go zgodnie ze swoimi potrzebami.
6 najlepszych praktyk dla E-commerce Układ produktu
Chociaż z pewnością możesz stworzyć unikalny schemat układu dla swojego
1. Wypychaj najpopularniejsze produkty i oferty na stronie głównej
Obszar „nad zakładką” to obszar ekranu widoczny, gdy klienci po raz pierwszy trafią na Twoją witrynę. W rzeczywistości obszar ten stanowi 80% całej uwagi widzów w większości witryn.
Biorąc pod uwagę, jak wiele uwagi poświęca się tej przestrzeni, dobrym pomysłem jest umieszczenie najlepszych produktów nad zakładką. Może to obejmować:
- Najnowsze oferty, wyprzedaże i rabaty
- Najlepiej sprzedający się produkt lub kategorie produktów
- Niedawno wprowadzone na rynek produkty (najlepiej sprawdzają się na początku sezonu zakupowego)
On Target.comna przykład najnowsze oferty zobaczysz na górze strony:
Jeśli masz dużo ofert, rozważ dodanie suwaka, jak na tym przykładzie z Walmartu. Zwróć także uwagę na promocje działające pod menu nawigacyjnym:
Niektórzy sprzedawcy odzieży rezygnują z konwencjonalnych układów na rzecz promowania wizerunku marki. NA ASOSna przykład otrzymujesz wizerunek marki z opcją „Kupuj mężczyzn” lub „Kupuj kobiety”.
Ta taktyka sprawdza się, gdy próbujesz promować wizję marki za pomocą lookbooka. Jednak większość sprzedawców detalicznych radzi sobie lepiej w przypadku sprzedaży konwencjonalnej
Kieruj się tym samym pomysłem na stronach kategorii: pchnij
2. Mieszaj układy poziome i pionowe
Zasadniczo istnieją dwa sposoby rozmieszczenia produktów na dowolnej stronie: poziomo lub pionowo.
Układ poziomy pozostaje statyczny. Na krawędzi strony znajduje się przycisk umożliwiający dalsze przewijanie aukcji.
Ten przykład z Amazona ilustruje sprawę lepiej:
w Ecwidzie, ostatnio oglądane produkty są również pokazane poziomo. Możesz wybrać liczbę artykułów, które mają być wyświetlane na górze lub na dole witryny sklepowej.
Powiązane produkty jest inny
Natomiast układ pionowy nie ma tych przycisków przewijania. Zamiast tego widzisz coraz więcej produktów w
Idealnym rozwiązaniem byłoby użycie kombinacji obu tych układów:
- Układ poziomy, gdy chcesz wyświetlić kilka produktów z wielu kategorii, np. w Ostatnio oglądanych produktach
- Układ pionowy, gdy chcesz pokazać wiele produktów z tej samej kategorii, np. jedno wyszukiwanie i strony kategorii
3. Kieruj się konwencją i oczekiwaniami użytkowników
Są sytuacje, w których chcesz zachować niekonwencjonalność w swoim projekcie. Układ produktu nie jest jednym z nich.
Układ Twojego produktu ma na celu zorientowanie użytkowników, gdy trafią na Twoją witrynę. Konwencjonalny układ gwarantuje, że znajdą to, czego chcą i nie będą zdezorientowani.
Konwencje różnią się oczywiście w zależności od sektora. Jest jednak kilka rzeczy, które należy wziąć pod uwagę:
Użyj układu siatki
W układzie siatki produkty są ułożone w
Ten układ od dawna jest konwencją
Korzystając z tego układu, pamiętaj, aby pudełka miały jednakową wielkość. Jak pokazuje to studium przypadku, użycie pudełek o tej samej wielkości może zwiększyć przychody na odwiedzającego aż o 17%.
Jeśli sprzedajesz za pomocą Ecwid, nie stanowi to dla Ciebie problemu — Ecwid ma siatkę o jednakowych rozmiarach, która automatycznie dostosowuje się do różnych ekranów.
Pokaż nawigację u góry list produktów
Inną konwencją, której powinieneś przestrzegać, jest umieszczanie opcji sortowania na górze strony.
Klienci przyzwyczaili się już do tego miejsca docelowego i naturalnie będą tu zaglądać, gdy trafią na stronę kategorii.
Zorientuj klientów za pomocą bułki tartej
Breadcrumbs to elementy nawigacyjne, które pokazują użytkownikom ścieżkę ze strony głównej, na przykład:
Dodanie ich na górze strony pomaga zorientować się odwiedzającym. Informuje ich, na jakiej stronie lub w jakiej kategorii się znajdują i jak mogą wrócić do strony głównej.
4. Skoncentruj się na grafice, ale nie zapomnij o tekście na stronach produktów
W Internecie jedynym sposobem zaprezentowania produktów są materiały wizualne. Dlatego wiadomo, że duże zdjęcia produktów działają wzmacniająco
Jednakże chociaż elementy wizualne są ważne, układ powinien uwzględniać również miejsce na tekst opisowy. Dobry tekst nie tylko opisuje produkt, ale także pomaga go sprzedać i Twoją markę.
Zastanów się na przykład, jak BestMadeCo wykorzystuje silną kopię na swojej stronie głównej, aby sprzedać niedawno wprowadzony na rynek produkt. Układ pomaga idealnie dopasować tekst do obrazu.
Kopia produktu jest szczególnie ważne na stronach produktowych. Twój układ powinien zapewniać klientom wszystkie kluczowe informacje potrzebne do podjęcia decyzji tuż po przewinięciu. Powinno to obejmować:
- Cena (w tym rabat, przedstawiona wizualnie)
- Ocena produktu i liczba recenzji
- Nazwy produktów i marek
- Czy produkt jest dostępny w magazynie (i czy zapasy są na wyczerpaniu)
- Szczegóły dostawy
2-3 kluczowe szczegóły produktu
To jest przykład jak nie rozmieszczać produktów. Na stronie produktu w ogóle nie ma kopii — trudno podjąć decyzję.
Podobnie jak w przypadku większości rzeczy, układ Amazon jest tutaj idealny, zapewniając klientom wszystko, czego potrzebują do podjęcia decyzji.
5. Dodaj rekomendacje produktów i powiązane produkty
Na stronach produktów masz dwa cele:
- Przenieś klienta na stronę kasy lub
- Spraw, aby klient zobaczył inny produkt
W przypadku tego ostatniego powinieneś mieć sekcję polecanych lub powiązanych produktów. Można to umieścić po informacji o produkcie lub przed nią.
Amazon robi to szczególnie dobrze. Zwróć uwagę na powiązane produkty i „również przeglądane” oferty poniżej części strony widocznej na ekranie:
Jeśli masz wiele produktów w tej samej kolekcji, pamiętaj o ich wyeksponowaniu. Oto dobry przykład z WorldMarket:
Powiązane listy produktów nie zawsze muszą mieć formę wizualną. Możesz także wyświetlić powiązane wyszukiwania, aby skierować klientów do przedmiotów, którymi mogą być zainteresowani.
Eksperymentuj z różnymi układami powiązanych/polecanych produktów. Spróbuj umieścić je nad stopką, pod opisem produktu itp.
6. Poeksperymentuj ze szczegółami najechania myszką na stronach kategorii
Jeden sposób na poprawę
Na przykład, Ta strona pokazuje szczegóły produktu i przycisk Dodaj do koszyka po najechaniu myszką:
Celem tej taktyki jest zapewnienie użytkownikom kluczowych informacji w skrócie. Działa najlepiej, gdy oczekujesz, że użytkownicy będą szybko przeglądać dużą liczbę produktów, np. w sklepach odzieżowych. Może to nie działać w przypadku innych kategorii, ale nadal możesz przeprowadzić kilka testów porównawczych i zobaczyć wyniki.
W Ecwid możesz włączyć przyciski „Kup teraz” na listach produktów, aby pomóc Twoim klientom szybko przeglądać (i kupować) Twoje produkty.
Gdy klient kliknie taki przycisk, Twój sklep nie otworzy całej strony produktu. Zamiast tego Twój klient zobaczy wyskakujące okienko z opcjami produktu:
Jeśli Twój produkt nie ma opcji, trafi bezpośrednio do koszyka.
Podsumowanie
Jeśli chodzi o układ produktu, najlepiej trzymać się konwencji i podążać za tym, co robią już liderzy rynku. Skataloguj szczegółowo swoje produkty, dokładnie je kategoryzuj, a następnie uporządkuj w standardowym układzie siatki.
Najlepsze praktyki przedstawione powyżej będą działać w większości sklepów w różnych sektorach. Wypróbuj je we własnym sklepie!
- Jak naprawić nawigację w sklepie
- Wszystko, co musisz wiedzieć o merchandisingu produktów
- Merchandising online: jak rozmieścić produkty w sklepie internetowym
- Czym jest Fashion Merchandising i dlaczego jest tak ważny?
- 10 błędów projektowych sklepów internetowych
- 15 idealnych par czcionek dla Twojej witryny e-commerce
- Teoria kolorów: wszystko, co musisz wiedzieć o motywach kolorów
- 7 kreatywnych pomysłów na stronę produktu e-commerce
- Siła wizerunku bohatera w projektowaniu stron internetowych
Must-have Zasady UX, których należy przestrzegać w sklepie internetowym- Audyt projektu strony internetowej
- Odblokowanie mocy projektowania UX dla e-commerce
- Jaka jest różnica między interfejsem użytkownika a UX w e-commerce?