Co wybrać - wersja responsywna czy mobilna e-sklepu?

Monika Filipek
Monika Filipek
May 31, 2017
Co wybrać - wersja responsywna czy mobilna e-sklepu?

M-commerce już dawno przestał był niszą, a m-klienci muszą być traktowani równie poważnie, co ci kupujący za pośrednictwem laptopów czy komputerów stacjonarnych. Najnowszy raport „E-commerce w Polsce 2015” donosi, że już 55% internautów kupuje online, a liczba kupujących za pośrednictwem urządzeń mobilnych sukcesywnie rośnie (37% - smartfony, 24% - tablety).

W raporcie czytamy także, że to, co przede wszystkim utrudnia badanym e-zakupy z wykorzystaniem urządzeń mobilnych, jest związane z interfejsem tych stron. Korzystający z urządzeń mobilnych najczęściej wskazują na niewygodne formularze (61%) oraz niedostosowanie stron do zakupów w wersji mobilnej (56%). Nasuwa się wniosek, że sprzedawcy, którzy jeszcze nie zadbali o stronę dostosowaną do urządzeń mobilnych, powinni jak najszybciej to nadrobić, aby nie tracić szansy na zamówienia z urządzeń mobilnych i zysków z tym związanych.

Odpowiedź na postawione na początku pytanie, jak to często w takich przypadkach bywa, nie będzie jednoznaczna, ponieważ każde rozwiązanie ma swoje wady i zalety. Czas poznać jedne i drugie. Do dzieła!

Strona mobilna

Jest tworzona wyłącznie z myślą o użytkownikach robiących zakupy z użyciem tabletów i smartfonów i nie ma najczęściej nic wspólnego z wersją desktopową. Strony projektowane z myślą o urządzeniach mobilnych i stacjonarnych różnią się nawigacją, layoutem, prezentowaną treścią, liczbą funkcjonalności, grafiką oraz domeną (ta w wersji mobilnej często poprzedzona jest po prostu literą “m”).

Nie trudno się domyślić, że różnice te są źródłem dodatkowych obowiązków i kosztów. Konieczne jest stworzenie, utrzymanie i promocja dwóch zupełnie odrębnych bytów. Należy również odpowiednio skonfigurować przejścia pomiędzy dwoma wersjami - serwis musi sam rozpoznać z jakiego urządzenia korzysta kupujący. Jako wadę wskazuje się konieczność aktualizacji contentu w dwóch różnych CMS-ach. A w związku z tym, że strona mobilna jest technicznie w innej domenie, musimy osadzić osobny kod śledzenia GA. Możemy mieć również problemy z pomiarem skuteczności kampanii reklamowych (musimy monitorować jednocześnie dwa miejsca).

Rozwiązanie to ma również pewne zalety, ale jest ich chyba nieco mniej... Sprawdźmy. Zalicza się do nich głównie: czas wdrożenia (przebiega zazwyczaj szybciej niż w przypadku RWD), dostępność gotowych szablonów, możliwość zaprojektowania dedykowanej nawigacji i stworzenia dostosowanego contentu. Cenne jest również to, że testujemy nowe rozwiązanie wyłącznie na urządzeniach mobilnych.

Strona responsywna (RWD)

Responsive Web Design to rodzaj projektowania, którego efektem jest powstanie strony o układzie automatycznie dostosowującym się do rozdzielczości dowolnego urządzenia wykorzystywanego przez użytkownika do jej przeglądania.

Zwolennicy tego rozwiązania jednogłośnie podkreślają, że strona przede wszystkim wygląda równie dobrze na laptopie, komputerze stacjonarnym, co na tabletach i smartfonach, a całkowity koszt utrzymania jest znacznie niższy, niż w przypadku strony mobilnej. Zarządzający stroną musi utrzymać i promować wyłącznie jeden byt, co znacznie obniża koszty stałe.

Kolejnymi zaletami tego rozwiązania są: jeden system do zarządzania treścią, wspólna domena (nie potrzebujemy dodatkowych adresów) oraz możliwość takiego dostosowania zawartości strony, by była lżejsza (nie musimy wyświetlać niektórych grafik na konkretnych urządzeniach). Żeby przeanalizować efekty działań promocyjnych i poziom sprzedaży, musimy śledzić statystyki dotyczące tylko jednej domeny.

Jednymi z niewielu wad są dłuższy czas oraz znacznie wyższy koszt wdrożenia. Dostosowanie do wielu urządzeń jest po prostu pracochłonne, ale efekt jest chyba tego wart.

Odpowiadając na postawione w tytule pytanie, za RWD przemawia nieco więcej argumentów, choć znajdą się z pewnością tacy, których zapotrzebowaniu będzie odpowiadać strona mobilna. Pewne jest to, że budując nową stronę od zera, warto od razu zdecydować się na model responsywny, a raz poczyniona inwestycja będzie procentować.

przeczytaj także

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.