6 wskazówek dotyczących optymalizacji sklepu Store pod kątem urządzeń mobilnych

Teraz możesz łatwo utworzyć widok sklepu Store dla urządzeń mobilnych lub komputerów, a wersja Twojego sklepu Store dla drugiego urządzenia zostanie utworzona automatycznie. Podczas tworzenia sklepu Store możesz przełączać się między widokami urządzeń, aby w czasie rzeczywistym sprawdzać postęp projektu i dodawać zasoby zoptymalizowane pod kątem poszczególnych urządzeń.

Należy pamiętać, że opcja przesyłania oddzielnego obrazu dla urządzeń mobilnych jest dostępna tylko w przypadku kafelków obrazu i obrazu nagłówka. Nie jest dostępna w przypadku innych widżetów zawierających obrazy z tekstem lub reklamy zakupowe.

Jak wspomniano wcześniej, teraz dzięki aktualizacji kreatora sklepu Store pod kątem urządzeń mobilnych łatwiej jest zwizualizować, jak sklep będzie wyglądać na urządzeniu mobilnym. Jednak testowanie sklepu Store na rzeczywistym urządzeniu mobilnym pozostaje najskuteczniejszym sposobem na wykrycie błędów, które mogą wpłynąć na wrażenia kupujących. Najlepszym sposobem na wprowadzenie odpowiednich zmian jest samodzielne przekonanie się, jak wygląda wizyta w Twoim sklepie Store na urządzeniu mobilnym. Odłóż komputer lub laptop i przejdź do swojego sklepu Store za pomocą telefonu lub tabletu. Sprawdź działanie wszystkich stron i kafelków. Czy poruszanie się po Twoim sklepie Store jest łatwe? Czy teksty i elementy graficzne są czytelne?

Aby przetestować interfejs sklepu Store:

1. Kliknij kolejno Podgląd > Podgląd udostępnienia w kreatorze sklepu Store.

2. Skopiuj link do podglądu.

3. Wklej ten link do podglądu w e-mailu lub dowolnym miejscu, do którego masz dostęp z telefonu. Wskazówka: umieść hasło linku do podglądu w osobnym wierszu, aby łatwiej można je było później skopiować i wstawić.

4. Poruszaj się po sklepie Store na urządzeniu mobilnym tak jak kupujący i rób notatki na temat elementów, które należy ulepszyć. Czy poruszanie się po sklepie jest łatwe? Czy jesteś w stanie znaleźć produkty lub informacje, których szukasz? Jak wyglądają Twoje obrazy na urządzeniu mobilnym?

Ekrany urządzeń mobilnych są węższe i zaprojektowane z myślą o szybszym przewijaniu, co oznacza, że kolejność i układ treści nie są dokładnie takie same na komputerze i urządzeniu mobilnym. W sklepach Store na urządzeniach mobilnych treść jest uporządkowana w wierszach w kolejności od lewej do prawej lub od prawej do lewej (gdy preferowanym językiem jest arabski). Przykład przedstawiono poniżej:

Sprawdź swój sklep Store na urządzeniu mobilnym, aby upewnić się, że treść jest wyświetlana we właściwej kolejności.

Dzięki aktualizacji kreatora sklepu Store pod kątem urządzeń mobilnych obecnie możliwe jest przesłanie osobnego obrazu nagłówka dla urządzeń mobilnych. Należy jednak wziąć pod uwagę, że — inaczej niż w przypadku kafelka obrazu — wysokości tego obrazu nie można zmienić i te same wymiary muszą być używane zarówno na urządzeniach mobilnych, jak i na komputerach. Oznacza to, że dynamiczna zmiana rozmiaru sklepu Store dla urządzeń mobilnych spowoduje zmniejszenie wszystkich elementów graficznych (w tym tekstu) w nagłówku.

W związku z tym w przypadku obrazu nagłówka w wersji dla urządzeń mobilnych należy pamiętać o następujących kwestiach:

• Postaraj się ograniczyć liczbę produktów w nagłówku do trzech. Przedstawienie większej liczby produktów w nagłówku spowoduje zbytnie nagromadzenie elementów na małym ekranie urządzenia mobilnego.
• Tekst reklamowy w nagłówku powinien zawierać mniej niż 30 znaków, dzięki czemu będzie można zwiększyć rozmiar tekstu, aby był czytelny w wersji dla urządzeń mobilnych, a nagłówek nie wydawał się przeładowany. W tym celu zalecany minimalny rozmiar czcionki to 90 pkt (w przypadku zwykłej czcionki Arial) lub równoważny.

Jako czytelnik, jak zwykle czytasz? Możesz czytać od góry do dołu i od lewej do prawej lub od prawej do lewej, w zależności od języka ojczystego. Wzięcie tego faktu pod uwagę pomoże Ci w wybraniu odpowiedniego miejsca dla przycisku z wezwaniem do działania na urządzeniu mobilnym.

Uwzględnij istotne znaczenie elementów stanowiących części strony sklepu Store i widocznych na ekranie przed przewinięciem w dół. Jeśli wezwanie do działania zostanie umieszczone w dolnej części pionowego kafelka, jest mało prawdopodobne, aby pojawiło się na ekranie (bez konieczności przewijania w dół), co oznacza, że będzie mniej widoczne dla klientów.

Wezwania do działania na urządzeniach mobilnych powinny również być odpowiednio wyeksponowane (oddzielone od reszty treści), aby klientom łatwiej było je znaleźć i kliknąć. Pozostawienie zbyt małej przestrzeni wokół wezwania do działania może spowodować, że wtopi się ono w otoczenie i nie będzie odpowiednio wyeksponowane.

Menu nawigacyjne w sklepie Store na ekranie komputera jest wyświetlane inaczej niż na urządzeniach mobilnych. Kupujący korzystający z komputera widzą wiele kart na pasku nawigacyjnym. Na urządzeniach mobilnych widoczne jest jedno menu rozwijane. Obie wersje można porównać na poniższych ilustracjach:

Jest to ważny czynnik, który musisz wziąć pod uwagę, wyróżniając najważniejsze kategorie lub karty w sklepie Store. Dobrą strategią jest umieszczenie tych najważniejszych stron w menu, ale możesz też użyć kafelków obrazu lub kafelków tekstu w celu zapewnienia dodatkowego sposobu poruszania się po sklepie Store. Dodanie tych kafelków w górnej części sklepu Store (wraz z wyeksponowanym wezwaniem do działania) daje pewność, że kupujący będą w stanie znaleźć najważniejszą treść, nawet jeśli nie rozwiną menu.

¹ Dane wewnętrzne Amazon, cały świat, 2021 r.