Responsywny design

Responsive web design (często skracane do RWD) jest to podejście do projektowania stron internetowych, w którym strona jest wykonana, w taki sposób aby zapewnić optymalny rozkład elementów na stronie, łatwość przeglądania i nawigacji na urządzeniach mobilnych i innych niestandardowych rozdzielczościach.

Dlaczego RWD jest taki ważny?

W swoich zaleceniach dla webmasterów Google opowiedział się zdecydowanie po stronie RWD, określając, że jest to najlepsza metoda na budowę serwisów dla urządzeń mobilnych, znacznie lepsza i bardziej pożądana niż tworzenie drugiej, mobilnej wersji. Dlaczego jest to rozwiązanie tak dobre, i wspierane przez liderów branży?

• Przede wszystkim mamy zawsze jeden kod HTML, jedną strukturę strony, a zmieniają się tylko style. To znaczy, że nie tylko każda przeglądarka, ale też boty indeksujące widzą stronę zawsze w ten sam sposób. Serwis ma też zawsze ten sam zestaw linków wewnętrznych.
• Poprawnie zrobiony serwis responsywny jest future ready – gotowy na przyszłe wyzwania, na nowe urządzenia, które się pojawią, na nowe rozdzielczości. Jest znacznie większa szansa, że nie „zestarzeje się” tak szybko.
• Serwis responsywny wygląda dobrze nie tylko na różnych urządzeniach ale też dostosowuje swój wygląd do szerokości normalnej, desktopowej przeglądarki. Jeśli w danym momencie mamy ciasno na ekranie, korzystamy z wielu okien, możemy go zwęzić bez obawy, że pojawi się dolny scrollbar, który zabija natychmiast użyteczność każdej strony.
• Przy dobrym podejściu i odrobinie wprawy RWD jest po prostu tani. Nie tylko dlatego, że taniej jest zrobić jeden serwis niż kilka – a to nasz czeka kiedy będziemy chcieli robić wersje dla różnych urządzeń – ale też dlatego, że później jest znacznie tańszy w utrzymaniu. Mamy po prostu tylko jeden serwis, w którym musimy dokonywać zmian. Koszt RWD rośnie i to nieliniowo jeśli dramatycznie rośnie skala komplikacji serwisu, liczba różnych stosowanych layoutów i ich komplikacja, czyli liczba użytych modułów i ich różnorodność. W jakimś momencie zapanowanie nad tym dla różnych szerokości zaczyna się zbliżać do punktu, w którym właściwie trzeba zrobić kilka oddzielnych projektów. Tylko, że powinniśmy sobie zadać pytania, skoro doszliśmy do takiego stanu – czy aby na pewno to, co robimy ma sens? Czy projekt naszego serwisu nie poszedł kompletnie „w maliny”? Stąd ostatnia z zalet RWD, którą chciałbym podkreślić:
• Konieczność myślenia wieloma szerokościami i poradzenia sobie ze zmianami layoutu silnie dopinguje do robienia prostych i przejrzystych serwisów o jasnej strukturze i płaskiej nawigacji. Po okresie dominacji koszmarnie pogmatwanych i nabitych setkami modułów stron, to bardzo ważny trend.