5 wskazówek dotyczących projektowania witryn e-commerce

Istoty ludzkie są dość proste - lubimy rzeczy, które ładnie wyglądają. Możesz mieć niesamowity produkt, świetne ceny i wiele opcji językowych, ale wygląd Twojej witryny nadal będzie pierwszą rzeczą, na podstawie której większość klientów oceni Twoją markę. 

Ale dobrą wiadomością jest to, że można łatwo mieć stronę e-commerce, która tworzy pozytywne pierwsze wrażenie, wzmacnia wiarygodność i zamienia odwiedzających w klientów dzięki pewnym zmianom w projekcie.

Dlatego w tym artykule podzielę się 5 bardzo ważnymi wskazówkami dotyczącymi projektowania witryn e-commerce, a nawet wprowadzę kilka dodatkowych wskazówek dla osób sprzedających na arenie międzynarodowej z wielojęzyczną witryną! 

Wskazówka 1: Skorzystaj z hierarchii wizualnej 

Ok, zacznijmy od nauki fantazyjnego terminu projektowego, aby wprowadzić Cię w nastrój - hierarchia wizualna. W rzeczywistości jest to prosta koncepcja; układ, rozmiar, kolor i kontrast elementów wizualnych określają ich względne znaczenie i kolejność, w jakiej są postrzegane przez ludzkie oko. 

Jednak ta prosta koncepcja jest kluczowa, jeśli chodzi o projektowanie witryny e-commerce. Dlaczego? Ponieważ nie wszystkie elementy na stronie mają takie samo znaczenie, a oglądanie ich w różnych kolejnościach może mieć inny wpływ na odwiedzających. 

W tym miejscu do gry wkracza hierarchia wizualna, która daje kontrolę nad tym, co odwiedzający widzą w pierwszej kolejności. Łącząc te elementy (rozmiar, położenie, format, położenie względem innych elementów), możesz podkreślić to, co ważne i zaaranżować ścieżkę, która następuje. 

Kiedy strategicznie używasz hierarchii wizualnej na swojej stronie e-commerce, możesz poprowadzić uwagę odwiedzającego od zainteresowania do konwersji. Zamiast więc losowo określać rozmiary, pozycje i kolory, bądź świadomy efektu, który tworzysz (sprawdź powyższą tabelę) i wykorzystaj go na swoją korzyść.

Jeśli chcesz zagłębić się w zasady hierarchii wizualnej, zapoznaj się z tym artykułem.

Wielojęzyczna wskazówka: Dzięki hierarchii wizualnej możesz stworzyć optymalny wpływ na różne rynki. Na przykład, dla niektórych międzynarodowych odbiorców najważniejszym czynnikiem może być cena, a dla innych darmowa dostawa.

Określ, które czynniki stworzyłyby najbardziej efektywną ścieżkę do konwersji i użyj hierarchii wizualnej odpowiednio dla różnych rynków międzynarodowych.

Wskazówka 2: Używaj obrazów z ludźmi  

Amerykańska firma programistyczna Basecamp przeprowadziła testy na stronie marketingowej Highrise, aby sprawdzić, jaki rodzaj projektu strony internetowej może zwiększyć liczbę płatnych rejestracji i uzyskała kilka interesujących spostrzeżeń. Ich testy a/b dowiodły, że wykorzystanie zdjęć ludzi zwiększa konwersje.

Ma to sens, ponieważ ludzki mózg jest zaprogramowany do rozpoznawania i interpretowania innych twarzy. Masz więc większe szanse na przyciągnięcie uwagi odwiedzających, używając zdjęć ludzi na swojej stronie e-commerce. 

Ale to nie koniec. Osoba na obrazie i jej mimika również odgrywają dużą rolę w kształtowaniu percepcji widzów. Na przykład, według Basecamp, sukcesem projektu pokazanego powyżej był fakt, że model wyglądał przyjaźnie, bardzo nietechnicznie i przystępnie.

Możesz więc stworzyć poczucie znajomości, używając modeli, które odzwierciedlają cechy docelowych odbiorców. Podobnie, można wywołać pozytywne emocje i zaufanie za pomocą pewnych wyrazów twarzy, takich jak szczęście i zadowolenie.

Wielojęzyczna wskazówka: Korzystanie z obrazów ludzi na wielojęzycznej stronie internetowej może pomóc w budowaniu natychmiastowego połączenia z międzynarodowymi klientami. Na przykład Clarins lokalizuje swoje zdjęcia w oparciu o kraj, do którego są skierowane, wykorzystując europejskie kobiety na swojej francuskiej stronie internetowej, podczas gdy na koreańskiej stronie internetowej są to koreańskie kobiety.

Ponadto ta praktyka lokalizacyjna może również pomóc w uniknięciu potencjalnych wykroczeń. Sprawdź nasz artykuł, aby dowiedzieć się więcej o wielojęzycznym projektowaniu!

Wskazówka 3: Dołącz dowód społeczny

Czy jest coś bardziej uspokajającego niż przeczytanie pozytywnej recenzji na temat marki lub produktu, którym jesteś zainteresowany? Jest to tak skuteczne, że 92% konsumentów jest bardziej skłonnych zaufać rekomendacjom niż jakiemukolwiek innemu rodzajowi reklamy.

Dlaczego więc nie wykorzystać tego na swoją korzyść? Zamiast po prostu mówić o tym, jak niesamowita jest Twoja marka lub jak przydatne są Twoje produkty, udowodnij to za pomocą recenzji. 

Oto kilka różnych rodzajów dowodów społecznych, które można wykorzystać na swojej stronie internetowej:

1. Opinie klientów 
2. Studia przypadków
3. Liczba użytkowników
4. Logo dużych klientów
5. Członkostwo w stowarzyszeniach, certyfikaty bezpieczeństwa i nagrody
6. Widżety mediów społecznościowych pokazujące liczbę obserwujących użytkowników

A ile recenzji powinieneś dołączyć? Cóż, jeśli chodzi o dowód społeczny, im więcej, tym lepiej! Według analizy Orbit Media, 43% stron szczegółów produktu Amazon składa się z dowodów społecznych i recenzji. Jeśli więc gigant handlu elektronicznego Amazon to robi, musi to działać (widzisz, co tam zrobiłem?).

W tym momencie możesz pomyśleć, skoro jest to tak skuteczne, dlaczego nie stworzyć osobnej strony poświęconej referencjom? 

Chociaż może się to wydawać dobrym pomysłem, strony z referencjami są zazwyczaj stronami o niskim natężeniu ruchu. Dlatego najlepszą praktyką jest zintegrowanie ich ze stronami o dużym natężeniu ruchu, takimi jak strona główna i strony produktów. W ten sposób możesz mieć pewność, że dowód społeczny będzie wspierał i wzbogacał treści w całej witrynie.

Wskazówka wielojęzyczna: Dowód społeczny jest szczególnie ważny w przypadku witryn wielojęzycznych! Klienci mogą potrzebować dodatkowego zapewnienia, gdy dokonują zakupów z zagranicy. Tak więc recenzje z rynku krajowego mogą pomóc w konwersji międzynarodowych odwiedzających.

Dlatego upewnij się, że każdy może zrozumieć dowód społeczny na Twojej stronie, tłumacząc go. Możesz dowiedzieć się, jak przetłumaczyć swoje recenzje Yotpo za pomocą Weglot.

Wskazówka 4: Niech będzie długi

Jak długa jest zbyt długa strona internetowa? Najwyraźniej nie można się pomylić z długimi stronami. W słynnym studium przypadku Crazy Egg, wydłużenie długości strony o x20 spowodowało wzrost konwersji o 30%! Oto wizualizacja pokazująca, jak drastyczna jest to zmiana!

Może to być zaskoczeniem, wiedząc, że nasza uwaga jest krótsza niż kiedykolwiek dzięki 15-sekundowym filmom TikTok i 140-znakowym tweetom. Ale jeśli chodzi o strony internetowe, badania pokazują, że odwiedzający wolą przewijać niż klikać.

Według Nielsen Norman Group, ludzie nauczyli się i przyzwyczaili do przewijania dzięki długim stronom internetowym z lat 90. i ten cyfrowy nawyk wciąż żyje. Dlatego przewijanie wydaje się automatyczne i łatwe, podczas gdy klikanie wymaga dodatkowych działań. 

Nie oznacza to jednak, że musisz wypełniać swoje strony nieistotnymi informacjami, aby je wydłużyć. Dłuższe strony dają ci możliwość posiadania większej liczby sekcji, białej przestrzeni i elementów wizualnych. Wykorzystaj to, aby uczynić swoje treści atrakcyjnymi wizualnie i łatwymi do przyswojenia. 

Nie tylko odwiedzający uwielbiają długie strony. Według badań, Google faworyzuje dłuższe treści. SerpIQ przeprowadził badanie, w którym przeanalizował 10 najlepszych wyników wyszukiwania dla ponad 20 000 słów kluczowych. Wyniki pokazały, że wszystkie 10 najlepszych wyników zawierało ponad 2000 słów, a strony o wyższej pozycji w rankingu miały więcej treści. 

Co więcej, dłuższe treści wydają się otrzymywać więcej linków zwrotnych, ponieważ ludzie są bardziej skłonni do linkowania do szczegółowych treści. W połączeniu z dłuższymi sesjami sprawia to, że długie strony są bardziej przyjazne dla SEO. 

Wielojęzyczna wskazówka: Różne języki zajmują różną ilość miejsca, dlatego może być konieczne dostosowanie treści na przetłumaczonych stronach. Dłuższe strony są pod tym względem korzystne, ponieważ zapewniają więcej miejsca na modyfikacje projektu.

Upewnij się również, że postępujesz zgodnie z najlepszymi wielojęzycznymi praktykami SEO, aby upewnić się, że Twoje długie strony poprawią Twoje rankingi również na rynkach międzynarodowych.

Wskazówka 5: Unikaj karuzeli

Wysokiej jakości i szczegółowe zdjęcia produktów są kluczowe dla udanej witryny e-commerce - wszyscy o tym wiedzą. Możesz jednak nie wiedzieć, że sposób wyświetlania tych obrazów jest również bardzo ważny.

Karuzele - wiele obrazów, które mogą być wyświetlane w jednym miejscu poprzez obracanie w lewo i w prawo - są popularnym wyborem w projektowaniu e-commerce, ponieważ jest to praktyczne rozwiązanie do wyświetlania wielu zdjęć produktów. Chociaż może się wydawać, że korzystanie z nich w witrynie jest dobrym pomysłem, badania sugerują inaczej. 

Według Neila Patela, 9 na 10 razy karuzele obniżają współczynnik konwersji. Ale jaki jest problem z karuzelami? Cóż, okazuje się, że większość ludzi nie klika, aby zobaczyć kolejne obrazy, więc pozostają one niewidoczne.

W rzeczywistości badanie przeprowadzone przez programistę stron internetowych Uniwersytetu Notre Dame, Erika Runyona, wykazało, że spośród 3 755 297 osób, które odwiedziły ich stronę główną, tylko 1% kliknęło element w karuzeli. 

Jeszcze bardziej przygnębiające jest to, że 84% tych kliknięć dotyczyło pierwszego elementu w rotacji. Później przetestował karuzele na innych typach stron internetowych, aby sprawdzić, czy bardziej ukierunkowana treść poprawiłaby sytuację, ale najwyższy CTR, jaki osiągnął, wynosił nadal 8,8% - niezbyt obiecujący.

Nie jest to również dobra praktyka pod względem dostępności. Karuzele są zwykle sterowane za pomocą strzałek lub małych pocisków, co utrudnia nawigację osobom niedowidzącym. Jeśli więc nie chcesz zrazić do siebie niektórych odwiedzających, unikaj karuzeli. 

Ale jak inaczej wyświetlać obrazy? Spróbuj układać obrazy w stosy, aby odwiedzający mogli łatwo zobaczyć je wszystkie, po prostu przewijając - ludzie to lubią, pamiętasz? Możesz też zdecydować się na bardziej wyszukaną opcję o nazwie Smart Content, która tworzy spersonalizowane doświadczenie dla każdego odwiedzającego w oparciu o jego zainteresowania lub poprzednie działania w witrynie i wyświetla najbardziej odpowiednie obrazy.

Wielojęzyczna wskazówka: Aby upewnić się, że Twoje obrazy są skuteczne w konwersji międzynarodowych użytkowników, oprócz unikania karuzeli, unikaj również nieprzetłumaczonego tekstu na swoich obrazach. Posiadanie obrazu z tekstem, którego międzynarodowi użytkownicy nie mogą zrozumieć, z pewnością obniży współczynnik klikalności.

Możesz łatwo przetłumaczyć swoje obrazy i zapewnić prawdziwie zlokalizowane wrażenia użytkownika dzięki funkcji tłumaczenia mediówWeglot.

Podsumowanie

To wszystko, jeśli chodzi o nasze najlepsze wskazówki dotyczące projektowania stron e-commerce! Zróbmy krótkie podsumowanie:

1. Zrozum hierarchię wizualną i wykorzystaj ją na swoją korzyść.
2. Priorytetowo traktuj obrazy z ludźmi. Pamiętaj, że osoba na obrazie jest ważna w kontekście wiadomości, którą próbujesz przekazać.
3. Dowód społeczny jest skutecznym narzędziem do przekształcania odwiedzających w klientów. Zintegruj je jednak w całej witrynie zamiast mieć dedykowaną stronę z referencjami.
4. Postaraj się, aby Twoje strony były dłuższe i zawierały przydatne i czytelne treści. 
5. Unikaj karuzeli i preferuj bardziej przyjazne dla użytkownika sposoby wyświetlania wielu obrazów.

Jeśli masz wielojęzyczną stronę internetową, nie zapomnij również wziąć pod uwagę wielojęzycznych wskazówek! Jeśli nie masz jeszcze wielojęzycznej strony internetowej, zmieńmy to już dziś dzięki 10-dniowemu okresowi próbnemu Weglot!