Dziś nie do przecenienia jest znaczenie prawidłowego wyświetlania strony internetowej na różnych urządzeniach. Projekt adaptacyjny należy opracować podczas tworzenia witryny internetowej na etapie prototypowania i projektowania witryny . Dzięki responsywności strona jest łatwa w obsłudze na urządzeniu o dowolnej rozdzielczości ekranu. Istnieją 3 rodzaje tego podejścia:

  • Gumowa konstrukcja. Elementy strony (bloki, czcionka, obrazy) zmieniają rozmiar w zależności od rozdzielczości i typu urządzenia. Nie zapewnia pełnej kontroli nad wyglądem zasobu. Jest to optymalne rozwiązanie dla prostych stron internetowych i stron docelowych;

  • Projekt adaptacyjny. Dla najpopularniejszych rozdzielczości i ekranów (od telewizorów mobilnych po telewizory 4K) napisano osobne bloki reguł. Kształtuje się odmienne zachowanie elementów – ładują się odpowiednie obrazki (mogą się różnić), zmienia się wygląd menu. Karty produktów są ułożone po 4, 3 lub 1 na szerokość ekranu. Złożoność rozwoju wynika z konieczności zapewnienia zachowania dużej liczby uprawnień. Wygląd strony na nietypowych urządzeniach może nie odpowiadać zamysłom projektanta;

  • Elastyczny projekt. Łączy elastyczny i adaptacyjny układ. Umożliwia szybszy rozwój. Zapewnia średni poziom kontroli nad wyglądem.

Wszystkie opcje projektowania responsywnego wymagają znacznego czasu rozwoju. Każdy, kto planuje z niego skorzystać, powinien zadać sobie następujące pytania:

  • Czy Twoja witryna potrzebuje responsywnego projektu?

     

  • Być może bardziej racjonalnie byłoby zapłacić za opracowanie osobnej wersji mobilnej?

     

  • Czy warto wydawać dodatkowe pieniądze na poprawę UX?

Odpowiemy na nie po kolei.

Kto nie potrzebuje responsywnego projektu?

Według statystyk liczba urządzeń mobilnych wykorzystywanych do dokonywania zakupów, wyszukiwania informacji i innych czynności w Internecie stale rośnie. Dlatego dobra ekspozycja na małych ekranach jest kluczem do pozyskania znacznej części docelowej grupy odbiorców w przypadku większości witryn.

Właściciel zasobu musi skupić się na docelowych odbiorcach. Jeśli wielu użytkowników korzysta z komputera stacjonarnego, dostosowywanie zasobu do małych ekranów nie ma sensu. Dodatkowa strata pieniędzy i czasu nie opłaci się. Przykładem są strony dla przedstawicieli określonych zawodów, przeznaczone wyłącznie do celów zawodowych. Jest mało prawdopodobne, aby zwykła publikacja online dla księgowych zawierająca aktualne formularze i dane była wykorzystywana na telefonie komórkowym lub tablecie.

Dlaczego wersja mobilna nie przyczynia się do promocji?

Poprzednim rozwiązaniem w zakresie projektowania responsywnego była mobilna wersja stron internetowych. W rzeczywistości jest to osobny zasób z uproszczonym układem, treścią i innymi funkcjami.

Co w tym złego:

  • Rozdzielczość nowoczesnych urządzeń mobilnych rośnie. Dogonił komputery stacjonarne. Wersja mobilna stworzona bez uwzględnienia tych parametrów może wyglądać źle;

     

  • wersja mobilna to osobna strona internetowa. W związku z tym ruch zostanie podzielony na 2 strumienie, co pogorszy ogólne wskaźniki rankingowe;

     

  • przy aktualizacji i wsparciu musisz wykonać 2 razy więcej pracy. Oznacza to, że wdrożenie będzie droższe;

     

  • wzrost odmów. Ograniczona funkcjonalność może być powodem przejścia z wersji mobilnej na wersję stacjonarną. Dla wyszukiwarki oznacza to „porażkę”, czyli spadek pozycji w rankingu;

     

  • witryny na komputery stacjonarne, które nie są dostosowane do urządzeń mobilnych, wyświetlają się na niższych pozycjach w wynikach Google i Yandex.

Tworzenie stron mobilnych – wybór sieci społecznościowych i dużych zasobów o dużym ruchu i wystarczających środków na obsługę obu wersji.

Czy warto zapłacić więcej, aby poprawić doświadczenie użytkownika?

Responsywna strona internetowa wymaga napisania dużej ilości kodu. Dlatego kosztuje więcej. W której:

  • korzystanie z niego będzie wygodniejsze dla użytkowników;

     

  • czas ładowania zostanie skrócony. Najtrudniejsza część to zdjęcia i filmy. W przypadku projektowania responsywnego ich waga będzie się różnić w zależności od rozdzielczości;

     

  • Dostępne są wszystkie funkcje aplikacji komputerowej. Utrzymanie ciągłości doświadczenia pomoże zatrzymać użytkownika. Jeśli będzie mu wygodnie korzystać z serwisu na urządzeniu mobilnym, to z wersją desktopową również nie będzie problemów.

Dobrze skrojony projekt jest łatwiejszy w utrzymaniu niż osobne wersje desktopowe i mobilne. Jeśli planujesz promować zasób oferujący treści dla użytkowników każdego typu urządzeń, zdecydowanie musisz go dostosować.