Każdego roku świat projektowania stron internetowych otrzymuje nowe hasło, które pojawia się na każdej niemal platformie dyskusyjnej. Jakiś czas temu responsywny projekt strony internetowej był radarem, który ostatnio przyciągnął ogromną ilość pary.
Wszyscy wiemy, dlaczego projektowanie responsywnych stron jest tak ważne, że przy napływie urządzeń mobilnych projektanci muszą w jakiś sposób prezentować swoje witryny, aby wyglądać tak samo dobrze dla osoby na smartfonie, tak jak podczas pracy przed monitorem o przekątnej 27 cali . Responsywny design jest właśnie tą technologią, która utrzymuje standardy w wielu formatach wyświetlania.
Ponieważ coraz więcej projektantów zwraca się do responsywnego projektowania, zaczynamy widzieć i słyszeć, więcej o tym, co to jest i co może dla nas zrobić; ale co z tym, co nie jest responsywnym projektem?
Błędem jest to, że płynna siatka z responsywnym wyglądem będzie wyświetlać rzeczy jako dokładną replikę na różnych urządzeniach z różną powierzchnią ekranu. To jest po prostu niemożliwe.
Aby wszystko, co widzisz na tym ładnym dużym monitorze, zmieściło się na ekranie smartfona, coś musi dać - i to jest treściwe. Kiedy witryna jest wyświetlana na mniejszym ekranie, zdarza się, że pewna zawartość jest ukryta, aby wszystko pasowało. Zwykle ta treść jest obrazem lub grafiką, która i tak nie wyglądałaby dobrze na tak małym ekranie. Treści tekstowe nie powinny być odrzucane.
CSS to oszczędność czasu. Jedna szybka zmiana w kodzie kolorów i tysiące stron może zmienić wygląd.
Przed przystąpieniem do projektowania responsywnego trzeba wielokrotnie projektować stronę, aby wyświetlała się poprawnie na urządzeniu, które z niej korzystało. Płynna kratka responsywnego projektu miała na celu naprawienie tego, i to w większości przypadków. Wywołuje jednak niesamowite podobieństwo do innej technologii, która obiecuje działać na wielu platformach, Java. Java była zapowiadana jako "napisz raz, uruchom wszędzie", ale nadal trzeba było ją testować wszędzie, jeśli zależy Ci na jakości.
To samo dotyczy elastycznego projektowania. Możesz utworzyć stronę tylko raz, ale musisz ją przetestować na każdym urządzeniu. To wymaga czasu.
Dużą zbrodnią, jeśli chodzi o użyteczność, są długie czasy ładowania. Ludzie często stają się sfrustrowani, gdy strona wymaga zbyt długiego czasu ładowania i wiele razy wychodzi, zanim jeszcze zobaczą całą pracę, którą wkładasz w tworzenie witryny.
Wspomniałem wcześniej, że aby dopasować mniejsze ekrany, zawartość musi być czasami ukryta - mianowicie obrazy. Problem polega na tym, że te obrazy nadal muszą być pobrane z serwera. Są ukryte, nie zapomniane.
W badanie przeprowadzone przez Pew Research Center 60% użytkowników urządzeń mobilnych wolałoby czytać wiadomości przy użyciu przeglądarki, niż czytać je w aplikacji. Jeśli chodzi o treść tekstową, ludzie zawsze faworyzują przeglądarkę w stosunku do aplikacji, więc możliwość wyświetlania tej treści na różnych ekranach jest koniecznością.
W miarę upływu czasu wprowadzane będą usprawnienia w zakresie projektowania responsywnego, a wspomniane tutaj przeszkody będą dawno zapomniane. Na razie, responsywny projekt będzie po prostu musiał wziąć te rzeczy pod uwagę, ale przynajmniej będziesz wiedzieć, co drobnym drukiem mówi z wyprzedzeniem.
Czy responsywny projekt spełnia jego obietnice? Czy jest postrzegany jako "magiczna kula"? Daj nam znać swoje poglądy w komentarzach.
Wyróżniony obraz / miniatura, niewłaściwy obraz przez Shutterstock.