Projektowanie

Mobile first

Mobile first to projektowanie i budowanie najpierw wersji na wąski ekran, a potem dodawanie złożoności dla szerszych, w oparciu o założenie, że ograniczenia wymuszają priorytety.

Argument jest prosty. Ekran telefonu nie pomieści wszystkiego, więc projektowanie pod niego jako pierwsze wymusza pytanie, co jest najważniejsze. Gdy to ustalone, wersja desktopowa jest wersją mobilną z większą ilością miejsca, a nie pełną stroną, którą trzeba ścisnąć. Ściskanie to moment, w którym wersje mobilne się psują.

Mobile first to także konwencja techniczna. Style pisze się domyślnie dla wąskiego układu i rozszerza przy szerszych progach, co zwykle daje mniejsze arkusze i mniej nadpisań. Webflow domyślnie działa odwrotnie, kaskadując z desktopu w dół, o czym warto wiedzieć, gdy projekt powstał w duchu mobile first.

Czy pracować w ten sposób, zależy od odbiorców. Na większości stron firmowych większość odwiedzających jest na telefonie, a kupujący często na komputerze, więc żadna wersja nie może być dodatkiem. Użyteczna dyscyplina to ustalenie kolejności priorytetów raz i stosowanie jej przy każdej szerokości.

Wdrożenie w Webflow