Co oznacza responsywność strony internetowej (RWD)?

RWD to możliwość jej czytelnego przeglądania na każdym urządzeniu – od komputera przez tablet po smartfon. Kiedyś taką rolę spełniała osobna, mobilna wersja strony. Była ona zazwyczaj mocno ograniczona w stosunku do tej, jaką użytkownicy otwierali w przeglądarce internetowej na komputerze. Obecnie zaleca się tworzenie jednej strony responsywnej, czyli takiej, która odczytuje, na jakim urządzeniu otwiera ją użytkownik i automatycznie uruchamia odpowiedni układ funkcjonalny oraz treści.

Powód pierwszy: więcej klientów

Laptopy, komputery stacjonarne, tablety, smartfony – wszystkie te urządzenia służą obecnie do przeglądania zasobów sieci. Producenci oferują coraz większy wybór rozmiarów urządzeń, by każdy mógł wybrać takie, które najlepiej spełni jego potrzeby. W związku z tym, że użytkownicy korzystają z różnych urządzeń, strony muszą pozostawać czytelne na każdym z nich – takie kryterium spełniają strony responsywne.

Powód drugi: wygoda dla użytkowników

Coraz więcej internautów przegląda zasoby sieci korzystając z urządzeń mobilnych. Przewiduje się, że do końca tego roku smartfony wyprą tradycyjne telefony komórkowe, między innymi dzięki możliwości łączenia funkcji dzwonienia, SMS-owania oraz właśnie korzystania z internetu. Ogromna rzesza potencjalnych klientów wyszukuje więc i przegląda strony na smartfonach i tabletach. Nie będą oni korzystać ze stron o ograniczonej funkcjonalności – wybiorą takie, które będzie im się przeglądać wygodnie i czytelnie.

Powód trzeci: Google lubi RWD

Responsywność jest istotna dla mechanizmów Google. Algorytmy największej wyszukiwarki świata promują strony RWD, prezentując je wyżej w wynikach wyszukiwania. Klienci wyszukują strony przede wszystkim w Google, warto więc brać pod uwagę wymogi stawiane przez jej mechanizmy.

Powód czwarty: szybsze ładowanie

Klasyczne strony, przygotowywane do wyświetlania na komputerach zawierały jeszcze kilka lat temu wiele ciężkich elementów, w związku z czym ich ładowanie na urządzeniach mobilnych często było bardzo utrudnione. Wynikało to ze słabszych połączeń internetowych, ale też z ograniczonych możliwości samych smartfonów czy tabletów. Strony responsywne automatycznie skalują grafiki i inne elementy do rozmiarów wyświetlacza, dzięki czemu cała strona ładuje się szybko i bez problemów. To właśnie z takich stron chętnie korzystają użytkownicy.

Powód piąty: wpływ na wizerunek

Wraz z rozwojem rynku urządzeń mobilnych, RWD stało się koniecznością. Firma, której strona nie jest responsywna, nie jest widziana przez użytkowników jako nowoczesna i innowacyjna. Żaden przedsiębiorca nie może i nie chce sobie pozwolić na negatywną ocenę przez potencjalnych klientów.

 Skomentuj

Liczba Polaków, którzy korzystają ze smartfonów i tabletów wynosi na tę chwilę 11 milionów. Niemal połowa z nich pokusiła się już o dokonanie zakupu właśnie przy użyciu któregoś z tych urządzeń. Grono takich osób z pewnością wzrośnie – warunkiem jest to, że natrafią oni na rozwiązania, które ułatwią im kupowanie. Bo to właśnie wygoda zaważa o tym, czy potencjalny klient kliknie „kupuję” czy też opuści serwis nieusatysfakcjonowany. Aby osiągnąć taki efekt konieczne jest odpowiednie przystosowanie sklepu internetowego do wersji mobilnej.

RWD, wersja mobilna e-sklepu czy aplikacja? Możliwości na dostosowanie się do panujących trendów jest kilka. Każde z tych rozwiązań posiada w pewnym stopniu odmienne zastosowania, dlatego istotna jest dokładna analiza, mająca na celu wybranie tego najefektywniejszego.

Responsive Web Design, czyli wspomniane RWD, to metoda projektowania stron internetowych, które optymalizowane są pod kątem wszystkich możliwych rozdzielczości, przy zachowaniu takich samych funkcjonalności – bez względu na to, na jakim urządzeniu została uruchomiona strona (więcej o RWD znajdziesz tutaj). Trzeba jednak pamiętać, że wdrożenie standardu RWD możliwe jest tylko na poziomie budowy sklepu internetowego (wówczas jest to niezwykle korzystne finansowo rozwiązanie) lub wtedy, gdy istnieje możliwość stworzenia zupełnie nowego.

Jeśli jednak nie istnieje potrzeba stworzenia nowej strony lub też e-sklep jest wyjątkowo rozbudowany, warto postawić na jego wersję mobilną – to nieco okrojona wersja strony internetowej wyświetlającej się na komputerach, dedykowana specjalnie użytkownikom urządzeń mobilnych. Zazwyczaj różni się wyglądem od swojego pierwowzoru, inne są także jej funkcjonalności. Utworzenie wersji mobilnej serwisu wiąże się również z odrębnym zarządzaniem zawartymi na niej treściami.

Aplikacja mobilna z kolei może stanowić rodzaj „dodatku”, który z pewnością pomoże wyróżnić się spośród konkurencji. Aplikacja taka może przybrać najróżniejszą formę: może być jeszcze wygodniejszą dla klientów wersją e-sklepu, może posłużyć jako porównywarka cen czy też jako narzędzie umożliwiające zbieranie opinii użytkowników. Istotny jest tu fakt, że w zależności od tego, na jakim systemie miałaby funkcjonować taka aplikacja, konieczne jest stworzenie osobnych wersji. Jej wdrożenie może mieć miejsce na każdym etapie działalności, najpierw jednak warto przeanalizować potrzeby potencjalnych użytkowników.

Jakie korzyści wynikają z wprowadzenia rozwiązań mobilnych? Przede wszystkim wpływają one na zwiększenie popularności sklepów internetowych, a co za tym idzie, i samych firm. To także doskonałe narzędzie służące zwiększaniu sprzedaży oraz konwersji na stronie nawet o 30% – jeśli tylko wersja mobilna będzie wygodniejsza, szybsza i łatwiejsza w użytkowaniu niż typowa strona internetowa, wyświetlająca się klientom na komputerze. M-commerce to także dodatkowe możliwości, na przykład związane z geolokalizacją czy kreowaniem w pełni spersonalizowanych ofert dla poszczególnych klientów.

Istnieje jeszcze jedna, istotna kwestia, która zaważa o tym, że warto postawić na wersję mobilną e-sklepu. W dniu 21 kwietnia br. zmienia się polityka Google’a, w związku z czym wszelkie serwisy, które nie będą zoptymalizowane pod kątem wyświetlania na urządzeniach mobilnych, zmniejszą lub nawet stracą swoją widoczność w mobilnych wynikach wyszukiwania. Warto wziąć to pod uwagę.

Rozwiązania mobilne to ewidentnie jedna z wiodących tendencji w branży e-commerce, nie warto zatem jej ignorować – stawką jest utrzymanie konkurencyjności e-sklepu na rynku. Inwestycja w strategię wielokanałową, uwzględniającą możliwości m-commerce, z pewnością bardzo szybko ulegnie zwrotowi.

Skomentuj

Według najnowszych doniesień, w krajach rozwiniętych (a Polska do takich się zalicza) do 2017 roku smartfony wyprą w pełni tradycyjne telefony komórkowe. Urządzenia mobilne odgrywają i będą odgrywać coraz większą rolę. Współczesny użytkownik nie przegląda stron internetowych jedynie na komputerze, stacjonarnym czy przenośnym, ale także, a może przede wszystkim na tablecie czy smartfonie.

Co oznacza Responsive Web Design (RWD)?

Projektowanie responsywne to takie tworzenie strony, które ma na uwadze, że użytkownik będzie korzystał z niej na różnych urządzeniach. Zgodnie z  koncepcją RWD strona ma być czytelna i wygodna w użytkowaniu bez względu na to, na jakim urządzeniu jest wyświetlana. RWD pozwala na dostosowanie struktury strony – jej układu, wyglądu, również nawigacji.

Co jest najważniejsze w projektowaniu responsywnym?

Projektant strony, już od pierwszych chwil jej tworzenia, musi mieć na uwadze, że będzie ona wyświetlana również na urządzeniach mobilnych. Wielu specjalistów radzi, by projektowanie strony rozpocząć właśnie od wersji mobilnej, dostosowanej do najmniejszych urządzeń, czyli smartfonów. Potem można stronę poszerzać i rozbudowywać, dostosowując ją do wyświetlania na większych urządzeniach.

Projektowanie responsywne nie polega na zmniejszaniu tekstów, grafik czy układu menu. Strona wyświetlana w pomniejszeniu na smartfonie nie będzie czytelna. Witryna, która jest zaprojektowana responsywnie dostosowuje wygląd grafik czy tekstu do parametrów urządzenia tak, by odczytywana treść była czytelna i wygodnie dostępna dla użytkownika. Dobrym przykładem dostosowania funkcji strony jest responsywność serwisu Facebook. Przy zmniejszeniu szerokości strony, czat minimalizuje się na dolnym pasku strony, a po jego otwarciu, okno czata jest nadal czytelne, ale ograniczone tylko do kontaktów – w przeciwieństwie do połączonych funkcji czata i ostatnich aktywności znajomych na pełnej szerokości strony.

Projektowanie responsywne ma również duże znaczenie dla optymalizacji SEO. Niegdyś projektowano osobną wersję strony dla urządzeń mobilnych, która była często dostępna pod innym adresem w osobnej subdomenie (m, mobile, mobi itp.) czy chociażby w podkatalogu (domena.pl/wersja-mobilna). Działania tego typu były dość problematyczne dla mechanizmów SEO, gdyż pojawiał się szereg problemów związanych ze stosowaniem praktyk niedozwolonych dla mechanizmów Google. Wersje mobilne z założenia były wersjami mniej rozbudowanymi, a co za tym idzie webmaster tworzący stronę był zmuszony do stosowania wspomnianych zakazanych praktyk np. do ukrywania części treści i linków strony właśnie w tych wersjach. Ponadto problemem była też duplikacja treści na wersji standardowej i mobilnej. Samo przekierowanie na stronę mobilną mogło być również przez Google uznane jako przekierowanie wprowadzające w błąd użytkowników. Obecnie projektowanie responsywne pozwala na przygotowanie jednej wersji strony, która automatycznie dopasowuje swój wygląd i funkcje – dzięki temu nie tylko dla użytkownika, ale również dla Google nie ma znaczenia, na jakim urządzeniu strona jest otwierana – to cały czas jedna wersja strony.

Jak rozpoznać czy strona ma budowę responsywną?

Budując stronę responsywną zakłada się minimalną szerokość, na jakiej strona powinna funkcjonować prawidłowo. By sprawdzić, czy strona jest zaprojektowana reponsywnie, należy zmieniać szerokość okna przeglądarki – przy stronie reponsywnej taka zmiana nie spowoduje pojawienia się poziomego suwaka. Zaobserwujemy również, że wraz ze zmianą wielkości okienka elementy witryny zmieniają swoją warstwę prezentacji.