Responsive web design

Dzisiaj pierwszy wpis z serii – Warto wiedzieć, który dedykowany jest osobom, które chcą zacząć pracę w branży lub dla osób, które w branży nie są, ale często spotykają się z korpo-agencjo bełkotem.


Responsive web design to słowo klucz ostatnich kilku lat. Czym jest ten magicznie brzmiący zlepek słów upolszczony do określenia responsywny design?

Design responsywny?

Najprościej wyjaśnić całość na przykładzie – czytając ten wpis spróbuj zmniejszyć okno przeglądarki zwracając uwagę na to co dzieje się z obiektami znajdującymi się na tej stronie. Widzisz różnicę, hę? Tak, to jest właśnie przykład responsive web design. To teraz trochę więcej mądrych słów.

Responsive web design to taki sposób zaprojektowania i zakodowania treści znajdujących się na stronie aby działały i wyglądały dobrze niezależnie od tego z jakiej rozdzielczości monitora je oglądamy. Nieważne czy Twój użytkownik otworzy stronę na wielkim, domowym monitorze, tablecie czy smartfonie, np. w trakcie jazdy pociągiem, responsive web design sprawi, że znajdzie i z łatwością odczyta wszystkie poszukiwane przez niego informacje bez potrzeby zmniejszania/powiększania pojedynczych elementów.

Czy mi to potrzebne?

Myślę, że odpowiedź na to pytanie jest jedna – tak! RWD jest po prostu nowym standardem i nie powinniśmy rozpatrywać go wyłącznie jako chwilowego trendu. To odpowiedź na potrzeby Twojego użytkownika a tego ignorować nie możemy! Ułatwia i usprawnia sposób poruszania się po witrynie, więc czy naprawdę trzeba jeszcze do niego przekonywać?

Czy design responsywny zastąpi mi stronę mobilną?

I tak i nie, zdania w tym przypadku są podzielone. W wielu przypadkach jednak polecane jest tworzenie osobnej, dedykowanej strony mobilnej, która nie tylko będzie różniła się wyglądem i układem treści od swojej desktopowej wersji, ale również będzie zawierała trochę inne treści. Responsive web design to taki sposób zakodowania materiału na stronie by się z nią poruszał – oznacza to, że jeżeli otworzymy taką stronę na naszym smartfonie, wszystkie treści załadują się (choć niekoniecznie będą widoczne).

Minusem jest dość spory ciężar takiej strony, trzeba więc zdecydować, czy nasz użytkownik będzie potrzebował wszystkich informacji zawartych na oryginalnej stronie przeglądając ją na smartfonie? Każda strona jest inna, każdy klient ma inne potrzeby – decyzję o tym, czy należy tworzyć dedykowaną stronę mobilną zostawmy głębszej analizie.

Więcej minusów?

Od strony klienta niewątpliwym minusem systemu jest jego cena i czas, który potrzebny jest do jego wykonania. RWD wymaga od projektanta i programisty dużo większej ilości pracy niż regularna strona – należy zaprojektować kilka widoków, sposób poruszania się treści na stronie, testowanie produktu również wymaga większej ilości czasu. Nie ma więc co ukrywać, że tworzenie takiej strony jest nie tylko droższe ale dłuższe. Czy należy się tym zrażać? Absolutnie nie. Nie wymagajmy postawienia strony w kilka dni, zwłaszcza jeśli strona służyć ma nam dłużej niż tylko kilka miesięcy. Produkt dopracowany w każdym detalu to produkt lepszy, pewniejszy i wykluczający kolejne poprawki i błędy, przez które możemy stracić użytkowników.

You May Also Like
projektowanie ui w photoshopie
Read More

Projektowanie UI w Photoshopie

Photoshop przez lata był dla mnie narzędziem, w którym powstawały interfejsy stron internetowych i aplikacji mobilnych. I wciąż dla wielu osób i firm jest…
projektowanie ui
Read More

Dropdown, checkbox, radio button

Dzisiaj znowu opowiem Wam chwilę o elementach interfejsu. Mówiłam już o formularzach, a dziś będzie o ich mniejszej części – dropdown, checkbox,…