RWD, responsywność – co to jest?

RWD, responsywność – co to jest?

Dla bardziej obeznanych w motoryzacji sprawa jest pozornie jasna. Mniej obeznani będą zaś 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.

 

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, 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.

 

No dobrze, ale 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” tej 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 dostosowanych 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 kilkoma grafikami. Oczywiście ich liczba i wielkość tez mogą się różnić w zależności od posiadanego urządzenia mobilnego!

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ą. Strona responsywna już na etapie projektowania i budowy jest przewidziana do wyświetlania zgodnie z informacja zwrotną uzyskaną od jej użytkownika. Teraz porównanie z cieczą lub płynem staje się jaśniejsze. Po prostu serwis zaprojektowany w RWD jest cieczą, która zyskuje kształt dopiero po „wlaniu” jej na ekran konkretnego urządzenia!

 

Są plusy, ale minusy także

 

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 update algorytmu w kwietnia 2015 zyskał nawet 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 koncepcji strony (już wtedy musi powstać koncepcja jej wyglądu na różnych urządzeniach). Decyzja o zainwestowaniu w stronę responsywną jest tym samym 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.

Wiecie już, co to RWD? Teraz pora zastanowić się, czy to najlepsza opcja dla nas.

wycena strony internetowej  RWD, responsywność - co to jest? Ile kosztuje strona internetowa www 8

 

kontakt6

FORMULARZ KONTAKTOWY
  • Imię*
    0
  • Adres e-mail*
    1
  • Numer telefonu*
    2
  • Jeżeli nie chcesz podawać numeru telefonu, napisz do nas bezpośrednio na adres mailowy biuro@solv.pl
    3
  • Usługi*
    Strona internetowa
    Sklep internetowy
    Pozcyjonowanie
    Marketing Internetowy
    Google Kampania AdWords SOLV
    Inne
    4
  • Treść wiadomości*Informacje dodatkowe
    5
  • 6

Web Design BangladeshWeb Design BangladeshMymensingh