Strony internetowe na telefony, tablety i… komputery oczywiście,
czyli RESPONSIVE WEB DESIGN (RWD)

Era mobilnego Internetu wpłynęła na rozwój nowego trendu – tworzenia responsywnych stron internetowych.

Smartphony i tablety stały się nieodłączną częścią naszego życia. Przeglądamy na nich strony internetowe, komunikujemy się z innymi, robimy zakupy za pośrednictwem urządzeń mobilnych, dokonujemy płatności, sprawdzamy pocztę. Można powiedzieć, że jesteśmy „zawsze online”, korzystamy z Internetu niezależnie od miejsca, w którym się znajdujemy.

Coś co było początkowo nowym trendem, czyli responsywne strony internetowe, w chwili obecnej staje się koniecznością i standardem w projektowaniu stron internetowych. Jeśli chcesz ułatwić użytkownikowi/klientowi korzystanie z Twojej strony www, to zwróć uwagę na to, aby była utworzona w technologii responsywnej. To kwestia użyteczności, przejrzystości. Zapewne nie chcesz, aby klient opuścił Twoją witrynę z powodu niedostosowania jej do urządzeń mobilnych.

responsywne strony internetowe

Czym właściwie są responsywne strony internetowe?

Jest to strona internetowa, która zaprojektowana jest w taki sposób, aby dostosowywała rozdzielczość do urządzenia, na którym jest wyświetlana. Zarówno w orientacji poziomej jak i pionowej. Nie jest konieczne powiększanie strony www, przewijanie jej na boki, ponieważ cała zawartość jest dostosowana do ekranu tabletu, czy też telefonu komórkowego i oczywiście komputera. Strona internetowa jest po prostu elastyczna i na każdym urządzeniu wygląda świetnie! Z punktu widzenia użytkownika – zwiększa to jej czytelność, łatwość obsługi.

Po co to wszystko i czy ja tego potrzebuję?

Responsywne strony internetowe to po prostu odpowiedź na oczekiwania samych użytkowników wynikające ze zwiększenia liczby osób, które korzystają z urządzeń mobilnych i przenośnego Internetu. Według raportu „Digital in 2016” opublikowanego przez serwis We Are Social internautów w Polsce jest 25,7 miliona z czego 15,9 miliona to użytkownicy, którzy korzystają z Internetu na urządzeniach mobilnych. Oczywistym więc wydaje się celowość projektowania stron internetowych w tej właśnie technologii.

Korzyści z posiadania strony wykonanej w technologii responsywnej

wyższa pozycja w wynikach wyszukiwania, ponieważ Google premiuje strony wykonane w technologii responsywnej
zwiększenie czytelności strony internetowej
jedna wersja strony, a nie dwie jak w przypadku wersji mobilnej, jeden adres URL, ten sam kod HTML
w przypadku aktualizacji treści jest ona widoczna od razu na wszystkich urządzeniach, co jest bardziej komfortowe. W przypadku wersji mobilnej zmiany należy wprowadzać na obu wersjach (czyli utrzymanie strony RWD jest tańsze)

Jak to wygląda w praktyce

Strona internetowa tworzona jest w oparciu o tzw. responsywny układ strony. W projektowaniu responsywnym przy pewnych założonych przez nas rozdzielczościach możemy ukrywać np. mniej istotne elementy strony, zmieniać układ grafik – układać je blokami jeden pod drugim, zmieniać np. układ 3 – kolumnowy na 2 – kolumnowy, skalować, przycinać, wprowadzać uproszczoną nawigację dla telefonów, powiększać tekst itp. Od strony projektowania graficznego zwykle stosuje się zasadę przygotowania najpierw projektu na telefon komórkowy dodając nowe elementy dla wersji strony, która wyświetlana będzie na komputerach.