6 inteligentnych sposobów na optymalizację witryny eCommerce dla użytkowników mobilnych

Według Adobe Insights podczas weekendu Dziękczynienia w 2017 r. ponad połowa odwiedzin amerykańskich witryn handlowych — 52 procent — pochodziła ze smartfonów i tabletów. Po raz pierwszy Amerykanie zrobili więcej zakupów w Czarny piątek na urządzeniach mobilnych niż na komputerach stacjonarnych.

Ale te „zakupy” byłyby dokładniej nazywane przeglądaniem, ponieważ tylko 36 procent rzeczywistych zakupów dokonywanych online odbywało się na urządzeniach mobilnych. Konsumenci nadal wolą kupować głównie na komputerach stacjonarnych niż na urządzeniach mobilnych. Lubią patrzeć na swoje smartfony, ale wskakują na pulpit, gdy nadejdzie czas pociągnięcia za spust.

Podczas gdy mobilny handel elektroniczny rozwija się szybko, marki nadal muszą spełnić wiele warunków, zanim przekonają konsumentów do zakupu na swoim urządzeniu przenośnym. Oto niektóre z najlepszych sposobów na zoptymalizowanie sklepu internetowego pod kątem sprzedaży mobilnej.

Zasymilować się

Nie wystarczy mieć „responsywną” wersję witryny na komputery stacjonarne. Aby być naprawdę „przede wszystkim mobilnym”, musisz stworzyć środowisko przeglądania i kupowania, które jest natywnie stworzone dla użytkowników smartfonów i wykorzystuje jego unikalne możliwości, takie jak przesuwanie i kierowanie geograficzne.

Większość projektantów zaczyna od zbudowania sklepu internetowego na komputery, a następnie przekłada to doświadczenie na mniejszy ekran. Zwykle prowadzi to do kompromisów w sposobie wyświetlania, odkrywania i kupowania produktów. Oznacza to również, że „witryna mobilna” nie została zaprojektowana z myślą o bardzo niecierpliwym użytkowniku telefonu komórkowego.

Na przykład, jeśli są prawidłowo zaprojektowane, dane dotyczące płatności i klientów (imię i nazwisko, adres i numer telefonu) można włączyć jednym dotknięciem smartfona. Jednak witryny na komputery i urządzenia mobilne rzadko mogą osiągnąć ten poziom łatwości.

Obsługuj zarówno przeglądanie, jak i kupowanie

Użytkownicy smartfonów zwykle trafiają do witryny eCommerce, mając na uwadze jeden z dwóch celów: albo chcą przeglądać, albo szukają czegoś konkretnego (na przykład przedmiotu zauważonego w sklepie fizycznym). Twoja witryna mobilna powinna w pełni obsługiwać obie te czynności w tym samym środowisku. To może być trudne do wykonania.

Dla konsumentów, którzy chcą przeglądać, Twoja witryna powinna zawierać zdjęcia produktów, które dobrze prezentują się na ekranie telefonu komórkowego. Strony produktów powinny zawierać tylko najistotniejsze informacje, z bardziej szczegółowym opisem na wyciągnięcie ręki. Przesuwanie lub stukanie w różne kategorie produktów powinno być bardzo łatwe.

Użytkownikom, którzy chcą znaleźć konkretny produkt, nie każ im szukać pola wyszukiwania. Pole wyszukiwania powinno być zawsze dobrze widoczne i dostępne. W idealnej sytuacji witryna powinna umożliwiać przewidywanie wyników wyszukiwania i „inteligentne wyszukiwanie”, funkcję projektowania, która automatycznie wypełnia ekran polem wyszukiwania, aby ułatwić pisanie i przeglądanie. Odwiedzający powinni również mieć możliwość korzystania z filtrów wyszukiwania, aby szybko przejść do konkretnego produktu, który mają na myśli.

Nail mobilnej nawigacji

Jak widać z powyższego, łatwość, z jaką użytkownicy poruszają się po Twojej witrynie mobilnej, będzie miała duży wpływ na współczynniki konwersji. Jednocześnie musisz być bardzo wydajny, korzystając z łączy nawigacyjnych w środowisku mobilnym o ograniczonej przestrzeni.

Twoje najważniejsze linki trafią do paska nawigacyjnego nagłówka. W dzisiejszych czasach trend polega na używaniu „menu hamburgerów” do zwijania linków do kategorii produktów i innych podstron, takich jak ustawienia, lokalizator sklepów lub informacje kontaktowe, do ikony, która wygląda jak trzy krótkie pionowe paski. Menu hamburgerów zapewni Twojej witrynie mobilnej więcej miejsca na wyświetlanie niezbędnych linków w nagłówku, który zazwyczaj zawiera pasek wyszukiwania, koszyk i logo (które pełni również funkcję linku do strony głównej).

Ale menu hamburgerów może również prowadzić do „napychania menu” lub złego nawyku umieszczania zbyt wielu niepotrzebnych linków na pasku menu. Aby całkowicie uniknąć tego i menu hamburgerów (co wciąż dezorientuje wielu konsumentów), możesz wybrać lepki pasek, który jest widoczny przez cały czas, tak jak zrobił to Glossier z nawigacją mobilną. Wymaga to zorganizowania oferty produktów w możliwie minimalny, ale logiczny sposób, ponieważ na pasku nawigacyjnym można zmieścić tylko tyle linków.

Wiele witryn mobilnych również używa ikon zamiast tekstu, aby zaoszczędzić miejsce. Upewnij się tylko, że wdrażane ikony są natychmiast rozpoznawalne, aby użytkownicy dokładnie wiedzieli, w co klikają.

Zrób to błyskawicznie

Według badań Google przeciętna mobilna strona docelowa ładuje się w aż 22 sekundy. Jednak większość użytkowników opuści stronę mobilną, jeśli jej załadowanie potrwa dłużej niż 3 sekundy. Ta rozbieżność nie wróży dobrze sprzedaży, jeśli witryna eCommerce wolno się ładuje.

Pisaliśmy już wcześniej o tym, jak niska wydajność witryny może zaszkodzić Twojemu biznesowi eCommerce. Szybkość witryny jest jeszcze ważniejsza na urządzeniach mobilnych. Użytkownicy smartfonów mają jeszcze mniej cierpliwości niż użytkownicy komputerów stacjonarnych. Wydajność witryny mobilnej powinna znajdować się na samym szczycie Twoich priorytetów jako firmy eCommerce.

Włącz prostszą realizację transakcji, niż myślisz

Mówiąc o szybkości, realizacja transakcji w Twoim sklepie eCommerce powinna być tak szybka i bezproblemowa, jak to tylko możliwe. Według Harris Poll, dwie trzecie kupujących rezygnuje z zakupów online na urządzeniach mobilnych z powodu kiepskich doświadczeń z kasą. Naprawdę chcesz usunąć jak najwięcej tarcia, aby zmniejszyć współczynniki porzucania koszyków i zwiększyć konwersje.

Oto kilka ważnych sposobów, aby to zrobić:

• Oferuj wiele opcji płatności stron trzecich, takich jak Apple Pay, Google Pay, Amazon Pay itp.
• Włącz płatność jako gość
• Ogranicz obowiązkowe pola do absolutnego minimum
• Układaj pola w pionowe rzędy i trzymaj się jednego pola w rzędzie
• Podziel proces kasy na wiele stron
• Użyj paska postępu, aby utrzymać zaangażowanie użytkowników
• Trzymaj się jednego widocznego przycisku wezwania do działania na stronie
• Daj użytkownikom opcję „kliknij, aby zadzwonić” na linię obsługi klienta, aby zamiast tego mogli dokonywać zakupów z żywym człowiekiem
• Włącz automatyczne wykrywanie i automatyczne wypełnianie formularzy (obsługiwane przez Safari i Chrome)
• Wyzwalaj klawiaturę numeryczną dla wpisów kart kredytowych i numerów telefonów
• Włącz wyszukiwarkę adresów, aby adres domowy i adres wysyłkowy mogły być automatycznie uzupełniane

Rozwiąż problemy dotyczące bezpieczeństwa

Obawy o bezpieczeństwo mogą stanowić dużą barierę dla wielu klientów mobilnego eCommerce. Według jednego z badań prawie połowa konsumentów uważa, że ​​urządzenia mobilne są mniej bezpieczne niż komputery PC i laptopy, jeśli chodzi o ochronę ich danych osobowych.

Przezwyciężenie tych obaw doprowadzi do wyższych współczynników konwersji. Twój sklep internetowy powinien posiadać co najmniej certyfikat bezpieczeństwa SSL. SSL tworzy zaszyfrowane łącze między serwerem a klientem, umożliwiając bezpieczne przesyłanie poufnych informacji, takich jak numery kart kredytowych, numery ubezpieczenia społecznego i dane logowania. Upewnij się, że Twoja witryna wyświetla wyraźnie ikonę kłódki SSL.

Co więcej, możesz połączyć swój certyfikat SSL z certyfikatem Extended Validation Certificate (EV), wyższym poziomem certyfikacji, który pozwala markom wyświetlać zielony pasek adresu. Wielu konsumentów czuje się bardziej komfortowo, podając swoje informacje na stronach z zielonymi paskami.

Według Smart Insights w Stanach Zjednoczonych współczynniki konwersji w witrynach eCommerce na komputery są trzy razy wyższe niż w witrynach przeznaczonych na smartfony (3,73% w porównaniu do 1,14%). Biorąc pod uwagę wszystkie wymienione tutaj sprawdzone metody, Twoja witryna znacznie pomoże w zachęcaniu klientów do kliknięcia przycisku kupna na urządzeniach mobilnych.