Wpisy

Responsywne sklepy na miarę mobilności

Pamiętacie, jak w styczniu ubiegłego roku pisaliśmy o wadach i zaletach responsywnych layoutów stron www, czyli takich, które same dostosowują się do szerokości ekranu urządzenia, na którym są wyświetlane? Jeśli nie, to możecie sobie przypomnieć nasze rozważania tutaj.

Minął rok i responsywne strony www stały się obowiązującym standardem, zwłaszcza po niedawnej rekomendacji Google dla tworzenia responsywnych stron www. Niesie to potwierdzenie, wielokrotnie przez nas głoszonej tezy, wynikającej z obserwacji zachowań internautów i popartej badaniami, że internet staje się coraz bardziej mobilny – coraz częściej przeglądamy strony www i robimy zakupy na telefonach i tabletach. No właśnie… robimy zakupy. I tu powstało niemałe zamieszanie dotyczące wspomnianego Google i sklepów responsywnych. W wypadku witryn e-commerce, design responsywny niekiedy nie jest „jedynym słusznym wyborem zalecanym przez Google”. Wszystko zależy od profilu sklepu, usług dodatkowych, a przede wszystkim stałych klientów sklepu. Choć dla 90% sklepów internetowych design responsywny jest obecnie najleszym możliwym rozwiązaniem, pozwalającym ograniczać koszty utrzymania strony, a jednocześnie dotrzeć do klientów mobilnym kanałem sprzedaży, czasami lepszym wyborem od responsywnego layoutu witryny e-commerce będzie dedykowana wersja mobilna dostępna z poziomu przeglądarki w telefonie komórkowym lub aplikacje mobilne do pobrania i zainstalowania przez użytkowników na ich urządzeniach. Po deklaracji Google, zalecającej tworzenie witryn responsywnych, co wg. operatorów tej wyszukiwarki miało poprawiać SEO (z powodu nie dublowania zawartości sklepu internetowego na dwóch odrębnych witrynach: przeznaczonej dla komputerów i mobilnej), w internecie podniosły się głosy sprzeciwu. Oświadczenie to jest bowiem o tyle nietrafne, że dobrze zaprojektowana wersja mobilna nadal pozostaje częścią podstawowego sklepu – podczas przeglądania takiej strony nie zmieniana jest domena sklepu internetowego, a jedynie, na podstawie detekcji przeglądarki, z której korzysta internauta, do możliwości jego urządzenia dostosowany zostaje szablon graficzny. Oświadczenie Google zapewne dotyczyło sytuacji, gdy istnieje odrębna strona mobilna podstawowego sklepu, zazwyczaj osadzana w subdomenie z literką m. na początku (np. m.allegro.pl dla domeny allegro.pl otwieranej na telefonie komórkowym). Google dość szybko zauważyło niezręczność i wydało oświadczenie o treści „Posiadanie dedykowanej wersji mobilnej nie obniża SEO”. Zatem wybór wciąż jest otwarty: sklep responsywny, z wersją mobilną, z aplikacjami, czy może wszystko na raz? A co będzie najlepsze dla klientów tego sklepu i pozwoli zwiększyć dotarcie oraz sprzedaż?

Responsywna strona www - tak to działa

Nie ukrywamy, że i my na chwilę ulegliśmy ostatniej modzie panującej wśród webmasterów na projektowanie tzw. responsywnych stron www. Warto sobie zadać pytanie, czy aby na pewno elastyczny layout zawsze ma zastosowanie, a już na pewno poznać nie tylko jego niewątpliwe zalety, ale również i wady.

Na początek jednak wyjaśnienie co to jest responsywna strona www. To witryna tak zaprojektowana, aby elastycznie dostosowywała swoje elementy i zmieniała ich układ w zależności od przestrzeni dostępnej na ekranie (ściśle mówiąc w zależności od szerokości okna przeglądarki internetowej). Layout odpowiadający (responsywny) na potrzeby zgłaszane przez przeglądarkę www wymyślono wraz z popularyzacją urządzeń mobilnych służących do przeglądania internetu, które nie dysponują tak dużymi ekranami, jak monitory komputerowe, a jednocześnie wymiary ich małych ekranów są bardzo różne – kilkucalowe w telefonach, kilunastocalowe w tabletach itd. – oraz standaryzowaniem kolejnych wersji języków programowania HTML5 i CSS3. Teoretycznie, dobrze zaprojektowana responsywna strona www powinna być w stanie dostosować się do każdego wymiaru ekranu, zatem nie ma konieczności projektowania dwóch, czy trzech wersji tej samej witryny – dla komputerów, tabletów i telefonów – co pozwala ograniczać koszty i czas realizacji. Jest to największa i niewątpliwa zaleta elastycznego layoutu. Czy zatem mamy nowy standard projektowania stron www? Bylibyśmy dalecy od takiego stwierdzenia. Jak zawsze należy indywidualnie rozważyć wszelkie za i przeciw. Strona responsywna nie sprawdzi się wszędzie i nie w każdym przypadku. Warto pamiętać, że elastyczny układ strony www w dość znacznym stopniu ogranicza możliwości kreacji graficznej – sprowadza ją do prostego budowania z klocków (layout, który ma się dostosowywać do różnych wymiarów prostokąta, bowiem taki kształt mają ekrany, siłą rzeczy sam w sobie musi składać się z mniejszych prostokątów), choć naturalnie nie uniemożliwia to zaprojektowania estetycznej strony www z multimediami i „bajerami” (na dowód – na takiej stronie właśnie jesteś), jednak na pewno nie pozwala na realizację każdej fantazji graficznej. Ponadto strona responsywna oparta na systemie CMS jest zdecydowanie bardziej uciążliwa w zarządzaniu, zwłaszcza dla mało doświadczonego użytkownika. Dodając jakikolwiek element na stronę trzeba bowiem pamiętać o zasadach responsywności: każdy element musi być wielokrotnością podstawowego modułu. Jeśli połamiemy tę zasadę, wstawiony element będzie się skalował nierównomiernie do pozostałych, co w konsekwencji zazwyczaj prowadzi do obniżenia walorów estetycznych strony www. Zatem stawiać na responsywność, czy nie? Na to pytanie odpowiadamy dopiero po dokładnej analizie stawianego przed nami zadania.

Portfolio