Kiedy rozmawiamy o projektowaniu stron internetowych w 2017 r., Naprawdę mówimy o elastycznym projektowaniu stron internetowych. W ciągu nieco ponad sześciu lat pojęcie "responsive" stało się powszechnym standardem branżowym.
Responsywne projektowanie stron internetowych to proces projektowania witryny lub aplikacji internetowej, dzięki czemu jej zawartość dostosowuje się odpowiednio do urządzenia, na którym jest wyświetlana. Kilka lat temu widziałem znakomitą konferencję Ethana Marcotte'a - który ukuł termin "responsive web design" - w którym porównał responsywne strony do drzewa Pando w Utah; pojedynczy organizm o połączonej strukturze korzeniowej, który wyłania się z ziemi w różnych miejscach, w różnych kontekstach, w różnych rozmiarach, ale wszystkie mają tę samą genetykę podstawową.
Jest to prawdopodobnie przyjęcie responsywnego projektu, który umożliwił rozwój mobilnej sieci; bez niego koszt stworzenia strony mobilnej równolegle z wersją desktopową oznaczałby, że wiele firm pozostanie przy drugiej.
relacje zaprojektowane dla telefonów komórkowych są często transponowane na znacznie większe okna widokowe
Ale responsywny projekt nie jest pozbawiony problemów. Z definicji responsywne projekty "reagują" na rozmiar ekranu, a nie na treść. Oparte na kontenerach warianty zapytań o media CSS zostały rozważone jako rozwiązanie, ale jak dotąd są po prostu post-it na czyjejś tablicy.
Projektowanie dotyczy w szerokim zakresie relacji między elementami, a relacje te są ograniczone na małym ekranie. Ponadto, ponieważ nasz znacznik ma strukturę semantyczną, relacje przeznaczone dla urządzeń mobilnych są często transponowane na znacznie większe okna widokowe.
Jedną z najczęściej krytykowanych decyzji UI z ubiegłego roku była rosnąca liczba menu hamburgerów używanych na komputerach. Jednak mało uwagi poświęcono układom mobilnym - poziome pasma treści podzielone na 12-kolumnową skalę - były skalowane do pulpitu.
Pytanie, czy projektowanie responsywnych stron internetowych zabija kreatywność, jest prawdopodobnie niesprawiedliwe; zakłada, że różnorodność i innowacyjność są siłą napędową procesu projektowania. To także wina winy za koncepcję, jeśli wina jest związana z podziałem, to na pewno spoczywa na niej implementacja. W rzeczywistości projektowanie często kwitnie pod najściślejszymi ograniczeniami - znam projektanta, który dodaje własne ograniczenia do wskazówek klientów, ponieważ czuje, że jego praca jest silniejsza, gdy jest wyzwaniem.
jeśli istnieje wina do podziału, to na pewno leży w realizacji
Responsywny design działa niesamowicie dobrze w brandingu, ale jest mniejszy niż idealny do układu. Być może najlepszym sposobem na wdrożenie responsywnego projektu jest stworzenie odrębnych projektów dla różnych klas widoczności i poleganie na technikach reagowania tylko na podobnych ekranach. Możemy nie znać dokładnych wymiarów każdego ekranu, ale wiemy, że telefon musi zmieścić się w kieszeni, wiemy, że notebook nie może być węższy niż jego klawiatura.
Responsywny projekt może być po prostu pomysłem, który wyprzedza czas, który sobie uświadamiamy, a gdy zaimplementowane zostaną narzędzia takie jak zmienne CSS i zapytania kontenerowe, projektowanie w Internecie stanie się ponownie różnorodne.
Przedstawiony obraz, Obraz Pando Tony'ego Fratesa przez Flickr