7 błędów mobilnego UX, które zabijają Twoją witrynę e-commerce

Opublikowany: 2022-02-20

Jeśli nie dbasz o wygodę użytkowników mobilnych (UX) swojej witryny e-commerce, tracisz klientów i przychody. To jest dane. Optymalizacja pod kątem urządzeń mobilnych nie jest opcjonalnym dodatkiem, ale koniecznością. Własne badania Google pokazują, że dobry UX na urządzeniach mobilnych może „zmienić użytkowników w klientów”. Jednak zrób to źle, a idą gdzie indziej – szybko!

Myślisz, że to nie problem? Pomyśl jeszcze raz. Badania opublikowane na blogu KISSMetrics pokazują, że 78% mobilnych wyszukiwań informacji o lokalnych firmach prowadzi do zakupów. Ta infografika od Coupofy pokazuje, jak szybko rozwija się handel mobilny.

Dodaj to do ogromnej liczby osób korzystających z urządzeń mobilnych i ostatniej aktualizacji Google „mopocalypse” (już szkodzi niektórym markom), a masz więcej niż wystarczający powód, aby naprawić swoją witrynę e-commerce. Niestety, nie wszyscy to robią, dlatego otrzymujesz takie błędy UX:

1. Brak optymalizacji mobilnej

To nie tyle porażka UX, co całkowita porażka, ale największym problemem jest w ogóle brak optymalizacji pod kątem urządzeń mobilnych. Nie wiem jak wy, ale próbowałem odwiedzać strony na moim telefonie lub tablecie tylko po to, by zmagać się z interfejsem użytkownika przeznaczonym do kliknięć myszą i czasów ładowania, które sprawiłyby, że żółw wyglądałby jak Speedy Gonzales. Więcej o tych UX nie powiedzie się później, ale nie ma dla tego usprawiedliwienia.

Mobile-UX-caltrain-fail

Google wymienił kilka dopuszczalnych opcji optymalizacji witryny mobilnej, więc wszystko, co musisz zrobić, to wybrać tę, która najlepiej odpowiada Twoim potrzebom. Wiele osób wybiera responsywny design, chociaż nie zawsze jest to najlepszy wybór dla witryn e-commerce, mówi SEMRush.

Dzieje się tak, ponieważ gdy wybory po stronie klienta wpływają na formatowanie i rozmiar strony internetowej, strony mogą ładować się powoli i tracić na wartości. Alternatywą jest projekt adaptacyjny, który zapewnia, że ​​wszystkie strony internetowe ładują się w jak najkrótszym czasie z treścią najbardziej odpowiednią dla danego urządzenia.

Dla sprzedawców e-commerce potencjalne korzyści są ogromne. Studium przypadku opublikowane na UserTesting.com pokazuje, że posiadanie witryny przeznaczonej na urządzenia mobilne może skutkować dwucyfrowymi zyskami z optymalizacji konwersji, czyli pieniędzmi w kieszeni.

2. Nie obsługuje palców

Niektóre witryny mają opcję mobilną, ale ta opcja nadal działa na komputerach stacjonarnych. Mówię o takich rzeczach, jak maleńki tekst linku i malutkie cele do kliknięcia. Podczas próby wybrania czegoś na ekranie urządzenia mobilnego palce nie są tak precyzyjne, jak wskaźniki myszy na pulpicie. To bardzo irytujące, gdy za każdym razem, gdy próbujesz wybrać coś na ekranie, lądujesz w niewłaściwym miejscu. Nawet w moim ulubionym czytniku kanałów, Feedly, łatwo jest przypadkowo zapisać link, który chciałem odrzucić.

Jeśli ludzie nie mogą dostać się tam, gdzie chcą w Twojej witrynie, frustracja, którą odczuwają, odepchnie ich. Poniższy przykład ma przyzwoite cele do dotknięcia, ale grafika zajmuje zbyt dużo miejsca.

Mobile-UX-creative-pool

Skoro już przy tym jesteśmy, porozmawiajmy o innej popularnej funkcji projektowania, karuzeli lub suwaku. Nienawidzę ich i nie jestem jedyny. Mogę z nimi żyć na komputerze stacjonarnym, ale na urządzeniach mobilnych oznacza to, że uzyskanie potrzebnych informacji zajmuje zbyt dużo czasu. Jeśli używasz karuzeli do zaprezentowania swoich produktów, sprawdź swoje statystyki i zobacz, jak reagują Twoi klienci. Twój najlepszy wybór: unikaj ich i zamiast tego używaj dużych przycisków.

3. Użytkownicy nie mogą znaleźć tego, czego potrzebują

Przez lata nauczono nas wpisywać rzeczy w polach wyszukiwania, gdy używamy komputerów do przeglądania sieci. Nie zawsze jest to łatwe na urządzeniach mobilnych. Witryny e-commerce mogą mieć tysiące stron, więc nawigacja i wyszukiwanie zawsze stanowią wyzwanie. Ludzie zwykle chcą:

  • znajdź produkt lub szczegóły produktu
  • sprawdź informacje o wysyłce i dostawie
  • kupić przedmiot

Twoim zadaniem jest jak najłatwiejsze to dla użytkowników urządzeń mobilnych. Jeśli ludzie nie mogą znaleźć potrzebnych im informacji, a to przerywa przepływ, mają kiepską obsługę klienta i prawdopodobnie nie będą kupować.

Sposoby na rozwiązanie tego problemu obejmują uczynienie wysyłki i dostawy oczywistymi przez wbudowanie ich na stronę i ułatwienie użytkownikom znajdowania elementów dzięki autouzupełnianiu i opcjom nawigacji dostosowanym do urządzeń mobilnych, takim jak przyciski lub zwijane, intuicyjne menu. Sprawdź ten artykuł na temat Bruce Clay Inc, aby dowiedzieć się więcej na ten temat.

4. Jego formy są do bani

Czy możemy rozmawiać o formach? Rozumiem; Naprawdę. Musisz zbierać informacje o wysyłce i klientach, ale ten długi, złożony formularz, który działa dla użytkowników komputerów PC, jest całkowicie niewłaściwy dla użytkowników urządzeń mobilnych. Wypełnianie formularzy na tabletach i formularzach często przypomina torturę. Jeśli Twoi klienci czują się w ten sposób, nie będą się tym przejmować.

Jaka jest alternatywa? Krótsze formularze, które zbierają tylko niezbędne informacje lub link „kliknij, aby zadzwonić”. Logowanie społecznościowe, jeśli zostało zaprojektowane do pracy z aplikacjami, które Twoi klienci już mają na swoich urządzeniach. Albo w ogóle nie ma formy. Statystyki pokazują, że krótsze formy lepiej się konwertują. Poszukaj inspiracji w tych przykładach.

Skoro już mowa o formularzach, porozmawiajmy o rejestracji. Jako sprzedawca chcesz gromadzić informacje o klientach, ale próba zrobienia tego zbyt wcześnie może okazać się przeszkodą. Zamiast tego udowodnij, że warto zostać, podając wszystkie potrzebne informacje. Zawsze lubiłem stronę Asos, ponieważ kiedy pierwszy raz ją odwiedziłem, mogłem zapisać i ulubione przedmioty, dodać je do koszyka, a następnie uzupełnić minimalne informacje potrzebne do zakupu. Jest wystarczająco dużo czasu, aby później zebrać szczegółowe informacje.

Jeśli musisz się zarejestrować, zanim uzyskasz informacje, nie ma zachęty, ponieważ nie ma dowodu, że masz coś, czego chcę.

5. Kasa nie jest zoptymalizowana

Mobilny e-commerce stanowił około jednej piątej wszystkich świątecznych sprzedaży online pod koniec 2014 r., mówi Custora. Jeśli nie chcesz stracić tych klientów, musisz zadbać o mobilną kasę. Wspomnieliśmy już o niektórych aspektach, takich jak szybkość strony, cele dotykowe i niewymaganie rejestracji. Artykuł na ten temat w Smashing Magazine pojawił się już od jakiegoś czasu, ale nadal ma sens. Podkreśla obszary takie jak:

  • wolne od rozpraszania strony kasy
  • paski postępu
  • Informacja bezpieczeństwa
  • kasy gości

Jest jeszcze kilka innych obszarów, którym warto się przyjrzeć. Wracając do tematu formularzy, umieszczanie etykiet pól nad polami formularzy zamiast w nich oznacza, że ​​klienci nie muszą się zastanawiać, jakie informacje mają wprowadzać. Korzystanie z integracji urządzeń mobilnych, aby użytkownicy mogli wpisywać numery za pomocą klawiatury numerycznej, jest również przydatne, mówi Formismo.

Mobile-UX-asos

Jeśli prowadzisz sprzedaż w kraju lub na świecie, umożliwienie kasie wykrycia odpowiedniej lokalizacji, aby klienci widzieli właściwą walutę i informacje o wysyłce, jest koniecznością – Amazon robi to nawet dla klientów korzystających z komputerów stacjonarnych. Dobrym pomysłem jest również korzystanie z trwałego koszyka na zakupy i sprawienie, aby koszyk/koszyk na zakupy był łatwo widoczny i dostępny. W powyższym przykładzie Asos robi pewne rzeczy dobrze, ale tekst jest zbyt mały.

6. Niezrozumienie zachowania użytkownika mobilnego

W przypadku urządzeń mobilnych ważne jest, aby myśleć o zachowaniu użytkowników, ponieważ użytkownicy mobilni zdecydowanie różnią się od użytkowników komputerów PC. Badania pokazują, że podejmują oni szybkie decyzje zakupowe, więc zapomnij o długiej kopii, która działa dla kupujących komputery i ułatw im uzyskanie potrzebnych informacji JAK NAJSZYBCIEJ. To najlepszy sposób, aby mobilny UX działał dla nich.

Od jakiegoś czasu jest to świat wieloekranowy. A to oznacza, że ​​klienci mogą rozpocząć transakcję na smartfonie i dokończyć ją na tablecie lub komputerze stacjonarnym. Oznacza to, że potrzebujesz płynnego środowiska i zapisanych informacji, aby przejście było dla nich tak płynne, jak to tylko możliwe. Sprawdź to za pomocą danych analitycznych, które pozwalają śledzić sesje według identyfikatora użytkownika.

Kluczową zasadą lepszej konwersji i sprzedaży jest zapewnienie użytkownikom tego, czego chcą, więc śledź, nie zgaduj. Najnowsze dane dotyczące sprzedaży detalicznej urządzeń mobilnych mówią, że wielu klientów jest zaniepokojonych znalezieniem szczegółów produktu i bezpieczeństwa, którymi można się zająć zgodnie z sugestią w tym artykule.

7. Inne problemy z interfejsem użytkownika

Dobry interfejs użytkownika (UI) nie zawsze przekłada się na dobry UX, ale pomaga. Zwróć uwagę na błędy, takie jak:

  • linki, które nie działają
  • przekierowywanie użytkowników mobilnych do interfejsów desktopowych
  • bałagan na ważnych stronach konwersji
  • tekst, który jest trudny do odczytania (w poniższym przykładzie przydałyby się niektóre podtytuły i większa czcionka).
Mobile-UX-tamba

Skoncentruj się na podstawach, aby poprawić zarówno interfejs użytkownika, jak i UX dla swoich klientów.

Konkluzja?

Dobry UX pomoże potencjalnym klientom zaufać Twojej witrynie i będzie chciało od Ciebie kupować. Nie daj się więc skusić na idealny schemat kolorów lub szerokość pikseli dla swoich treści. Zastanów się nad ogólnym doświadczeniem i tym, czy użytkownicy dostaną to, czego potrzebują, aby sfinalizować zakup. W końcu to znak sukcesu e-commerce.

Jeśli nie masz pewności, czy Twoja witryna jest dostosowana do komórek, wypróbuj ją na telefonie lub tablecie, użyj narzędzia Google do testowania dostosowań do komórek lub znajdź emulator telefonu komórkowego, aby zobaczyć, jak wygląda. Są szanse, że jeśli to nie zadziała dla Ciebie, od lądowania do kasy, nie zadziała również dla Twoich klientów. Zapoznaj się z tą listą 105 porad dotyczących UX, aby zobaczyć, co najpierw trzeba naprawić.