Dla bardziej obeznanych w motoryzacji sprawa jest pozornie jasna. Mniej obeznani będą widzieli tylko enigmatyczne trzy litery. Tymczasem chodzi o technikę, która zrewolucjonizowała projektowanie stron WWW i nieodwracalnie zmieniła ich wygląd. Mowa o Responsive Web Design (strony responsywne), czyli RWD.
| Kiedy powstało RWD?
Fani motoryzacji, którzy RWD odczytują jako skrót nazwy napędu tylnego w samochodach (Rear-wheel drive), znajdą jednak tu coś dla siebie. W 2001 roku światło dzienne ujrzała pierwsza strona internetowa, którą można uznać za zaprojektowaną w technice RWD. Była to należąca do niemieckiego koncernu motoryzacyjnego strona Audi.com. Jej responsywność polegała na tym, że dostosowywała swoją szerokość do używanej przeglądarki internetowej. Inaczej serwis Audi wyglądał w oknie Internet Explorera, a inaczej w oknie Opery. Oczywiście, proces „dostosowania” był automatyczny i inicjowany przez samą stronę, która „odczytywała” z jakiej przeglądarki korzysta odwiedzający.
Na rozwinięcie i upowszechnienie tej idei musieliśmy czekać kilka lat. W latach 2008/09 rynek został zalany przez smartfony, a dostęp do internetu mobilnego zaczął stawać się powszechny. Responsywność uzyskała wówczas praktyczne uzasadnienie – na małym ekranie telefonu nawet najlepsze strony zaprojektowane z myślą o użytkowaniach komputerów osobistych, wyglądały w najlepszym przypadku, mało czytelnie, a idea WAP wyczerpała się wraz ze spadkiem znaczenia klasycznych telefonów komórkowych. Wówczas zaczęto opisywać ideę stron elastycznych, czy wręcz „stron-płynów”, których ostateczny kształt zależy tylko od urządzenia, na którym je przeglądamy. Pojawienie się na rynku relatywnie tanich, niezawodnych i poręcznych tabletów na początku obecnej dekady tylko przyspieszyło trend. Koniec końców – rok 2013 został obwołany przez technologiczny serwis internetowy Mashable rokiem Responsive Web Design.
| Czym jest to RWD?
Tak, jak strona Audi „reagowała” na otworzenie jej w konkretnej przeglądarce, tak strony zaprojektowane w technice RWD „reagują” samoistnie na urządzenie, na którym są przeglądane. Po „odczytaniu” informacji, osoba przeglądająca otrzymuje wersję strony przygotowaną do wyświetlenia na jej sprzęcie. To przygotowanie polega na dostosowaniu wymiarów, wyświetleniu grafik i napisów przystosowanych do możliwości urządzenia. Przykładowo, informacyjny portal internetowy na komputerze PC będzie miał formę zbioru wielu tabel z listami artykułów lub zdjęć i grafik, tak na tablecie czy smartfonie, automatycznie otworzy się w wersji z kilkoma wybranymi według ważności tabelami i nielicznymi grafikami. Oczywiście, ich liczba i wielkość mogą się różnić w zależności, od posiadanego urządzenia mobilnego!
Omów z nami swój pomysł
Napisz do nas
Hola, hola! – powiecie w tym momencie. No bo co to za nowina, skoro można przygotować kilka wersji strony i ładować odpowiednią w momencie wykrycia urządzenia używanego przez odwiedzającego? Otóż, cała idea RWD polega na tym, że od strony programistyczno – webmasterskiej istnieje tylko jedna wersja takiego serwisu! Mamy jeden kod źródłowy i jedno narzędzie do zarządzania treścią. Strony responsywne, już na etapie projektowania i budowy, są przewidziane do wyświetlania zgodnie z informacją zwrotną, uzyskaną od jej użytkownika. Teraz porównanie z cieczą lub płynem staje się jaśniejsze. Serwis zaprojektowany w RWD jest cieczą, która zyskuje kształt dopiero po „wlaniu” jej na ekran konkretnego urządzenia.
| Są plusy, ale także minusy
Popularność stron responsywnych, które od początku obecnej dekady stały się standardem w nowoczesnym projektowaniu, przyczyniła się do dużych zmian w wyglądzie internetu. To właśnie RWD sprawiło, że współczesne strony internetowe stały się bardziej wymuskane wizualnie – oparte w większej mierze na grafikach i zdjęciach. Responsywności zawdzięczamy odejście od przygotowywania wielu wersji serwisów dla różnych urządzeń, a także zahamowanie rozwoju aplikacji mobilnych. Mało tego, RWD zmieniło układ sił w wyszukiwarkach – od 2015 roku Google wyżej „wycenia” strony przyjazne urządzeniom mobilnym, co znajduje odbicie w wynikach wyszukiwania. Właściciele stron responsywnych mogli zacierać ręce, pozostali – załamywać. Warto wspomnieć, że w kwietniu 2015 update algorytmu zyskał miano Mobilegeddonu!
Jednak, jak mówi stare przysłowie, nie wszystko złoto… Responsywność to nie tylko zalety, ale też niestety znaczne skomplikowanie procesu projektowania i wdrażania strony. To konieczność korzystania z większej liczby specjalistów na etapie wykonania samej już koncepcji (wtedy musi powstać zarys jej wyglądu na różnych urządzeniach). Decyzja o zainwestowaniu w stronę responsywną, jest równocześnie decyzją, o wyłożeniu znacznie większych środków na przygotowanie serwisu WWW niż w przypadku klasycznych witryn. Strona zaprojektowana w technologii RWD może tez być nieco kłopotliwa dla samych użytkowników – usability i brak konieczności przygotowywania alternatywnych jej wersji czy też aplikacji, zyskujemy w zamian za wolniejsze działanie. W końcu, bez względu na to, czy strona jest wyświetlana na pececie czy smartfonie ilość danych pobieranych na urządzenie zawsze jest taka sama.
Zobacz także Aplikacje Mobilne
Porozmawiajmy o Twoim pomyśle
