Od czasu do czasu branża doświadcza fundamentalnych zmian, które radykalnie ją zmieniają. Wraz z tym pojawia się eksplozja okazji: możliwość wyróżnienia się poszczególnych osób, pojawienia się nowych produktów i zastąpienia ugruntowanych firm. Teraz jest taki czas w społeczności internetowej.
Odkąd pamiętam, główny nacisk w tworzeniu stron WWW polegał na zapewnieniu, że witryny będą renderować to samo we wszystkich przeglądarkach. Dołożyliśmy wszelkich starań, aby strona klienta wyglądała dokładnie tak samo we wszystkim, od starych wersji Internet Explorera po najnowszy Firefox, wszystko na raz.
W ciągu ostatnich kilku lat byliśmy świadkami coraz większego zainteresowania tak zwanym progresywnym ulepszaniem, które polega na obsłudze zaawansowanych funkcji i stylów w nowoczesnych przeglądarkach, ale nie w starszych nieobsługiwanych przeglądarkach.
Takie podejście nigdy nie wydawało się rozstrzygać w całej rozciągłości. Większość agencji nadal dąży do tego, aby ich witryny były uniwersalne. Stopniowe ulepszanie często było uważane za pretekst do zignorowania irytujących problemów. Jak się okazuje, ludzie w sieci są raczej sprytni i stworzyli narzędzia, które pokonują niezliczone problemy z przeglądarką.
Niektóre z tych rozwiązań doprowadziły do powstania pojęcia "responsive web design". Jeśli nie znasz tego terminu, koniecznie sprawdź definitywne wprowadzenie do niej na liście obok .
Podsumowując, najważniejsze jest to, że dostosowujesz renderowanie strony do urządzenia użytkownika. Przez pewien czas było to łatwe: jeśli użytkownik był na urządzeniu mobilnym, został przekierowany do oddzielnej mini-strony. Ale w przypadku smartfonów, a zwłaszcza tabletów, linia jest zatarta.
Responsywny design szybko stał się rozpoznawalny jako niesamowicie inteligentny sposób na tworzenie stron internetowych. Jak daleko zajmiesz, zależy to od Ciebie. Jedno jest pewne: radykalnie zmienia branżę i wpływa na niezliczone praktyki i narzędzia, z których korzystamy od lat. Rozważmy wpływ tego nowego podejścia na niektóre z podstawowych narzędzi, na których polegamy i ogólnie na projektowanie stron internetowych.
Niemal każdy, kto pracuje w sieci, w pewnym momencie stanął przed kimś, kto wierzy, że nastolatek jego przyjaciela może poradzić sobie z jego projektem. Ta perspektywa zawsze była denerwująca, ale na końcu tunelu jest trochę światła. Dzięki responsywnemu projektowi sprawy stały się o wiele bardziej skomplikowane. Obecnie istnieje ogromna szansa dla profesjonalistów internetowych, którzy wyróżnią się ze stada.
Na całym świecie są tysiące projektantów stron internetowych i programistów, a my wszyscy jesteśmy połączeni magicznym medium, w którym pracujemy. To jest wielkie i problematyczne. Biorąc pod uwagę liczbę osób dostępnych do pracy, wyróżnianie się może być trudne.
Tutaj jest naprawdę fantastyczna okazja. Jeśli jesteś wystarczająco agresywny, możesz wyróżnić się, pracując nad swoim ogonem, aby szybko zrozumieć responsywny projekt i rozwój. Wejdź i naucz się go, zaktualizuj swoją osobistą stronę internetową i porozmawiaj o swoich wynikach. Gwarantuję, że jeśli przygotujesz nowe portfolio, które demonstruje ten zestaw umiejętności, ludzie będą zainteresowani współpracą z Tobą. Ale okno do tego jest dość krótkie, w zależności od tego, jak szybko inni projektanci dostają się na pokład.
Budżet stanowi poważną przeszkodę w stosowaniu tego podejścia. Dzięki responsywnemu projektowi musimy stworzyć aż cztery warianty dla każdego układu, aby kierować reklamy na smartfony, tablety, netbooki i komputery stacjonarne. Rozważ podstawową witrynę internetową zawierającą tylko dwie strony: stronę główną i stronę wewnętrzną. Te dwa układy stają się ośmioma odmianami, gdy zastosujesz je dla czterech rozmiarów urządzeń.
Czy to oznacza, że powinniśmy cztery razy więcej za pracę? To prawie nie wydaje się prawdopodobne. Oczywiście koszty będą wzrastać, ale czas potrzebny na przygotowanie layoutów i kodowanie ich do prawidłowego funkcjonowania zdecydowanie wzrośnie.
Edukacja klienta odegra ogromną rolę. Musimy pomóc naszym klientom zrozumieć, że podczas gdy iPady i iPhony są fajne, te urządzenia podnoszą koszty rozwoju jakości. Dążenie klientów do zrozumienia naszych kosztów jest wystarczająco trudne.
Jeśli chcesz zrobić splash w społeczności, utwórz narzędzie, które rozwiązuje problemy z budżetem. Wiele już to zrobiło, z takimi narzędziami jak 320 i więcej i Mniej ram . Oba skracają czas potrzebny na zbudowanie produktów i pomagają programistom skracać czas z budżetów. W szczególności 320 jest doskonałym przykładem tego, jak wykorzystać tę szansę.
Dzięki szeroko otwartej obecnie dziedzinie, wprowadzenie narzędzi do rynku, które usprawnią proces tworzenia oprogramowania w celu wsparcia elastycznego projektowania, będzie znacznie łatwiejsze. Możemy nawet tworzyć narzędzia, które replikują istniejące, ale które są zorientowane na responsywny projekt.
Jednym z wielu obszarów, które można wywrócić do góry nogami, jest rynek wtyczek współpracujących z popularnymi frameworkami, takimi jak jQuery. Rynek jest przepełniony wspaniałymi wtyczkami, które robią wiele rzeczy w przeglądarce: pokazy slajdów, galerie zdjęć, formularze, wyskakujące okienka, lista jest długa.
Szansa jest tutaj szalona. Weź wspólną wtyczkę, taką jak zręczne narzędzie pokazu slajdów Nivo Slider . To niesamowite narzędzie znajduje się w niezliczonych pasmach narzędzi programistów. Rynek jest gotowy, aby ktoś mógł stworzyć podobne narzędzie, które samoczynnie dostosowuje się do płynnego działania na różnych urządzeniach za pomocą elastycznego podejścia.
To samo dotyczy prawie każdej wtyczki. Jeśli szukasz projektu, który praktycznie gwarantuje sukces, wybierz hot-plug i utwórz responsywną wersję, która dostosuje się do prawidłowego działania na różnych urządzeniach.
O ile w tym artykule chodzi bardziej o proces rozwoju, rozważmy testowanie przeglądarki. Jest to podstawowa część budowania stron internetowych. Każdy, kto pogrąża się w kolanie w budowaniu strony internetowej, prawdopodobnie testuje rzeczy w różnych przeglądarkach. I w pewnym momencie większość stron internetowych przechodzi dogłębny test w wielu przeglądarkach.
Ale jak sobie z tym poradzić dzięki elastycznemu projektowi? Czy zespół powinien posiadać wszystkie najpopularniejsze urządzenia? Oczywiście, istnieją emulatory, ale większość z nich jest bolesna w instalacji i pracy. I nic nie przebije testów z prawdziwą rzeczą.
Konfigurowanie oprogramowania na komputerach do robienia zrzutów ekranu na różnych przeglądarkach i platformach jest dość trudne. Ale konfigurowanie systemów do automatycznego przechwytywania zrzutów ekranu z coraz większej liczby urządzeń jest naprawdę trudne. Istniejące rozwiązania są kosztowne i muszę jeszcze znaleźć dobrą obsługę.
Jest to jedna z tych sytuacji, w których złożoność jest zaletą. Jeśli komuś uda się skroić tego kota, ciężko byłoby innym podążać. Istnieje wiele rozwiązań do wykonywania zautomatyzowanych zrzutów ekranu w wielu przeglądarkach, ale pierwsza osoba oferująca zrzuty ekranu dla urządzeń będzie miała coś wyjątkowego do sprzedania. Społeczność zareaguje w dużym stopniu.
Rynek gotowych do użycia motywów jest ogromny, ale responsywny design to także klucz do małp. Dostawcy szablonów prawdopodobnie nie zmodyfikują swoich projektów, aby spełnić te nowe wymagania. Zamiast tego prawdopodobnie dodadzą funkcje responsywne do przyszłych wydań. I w tym tkwi szansa.
Stare szablony nie są bezużyteczne; po prostu brakuje ważnego komponentu. To wyrównuje boisko na chwilę. Jeśli zastanawiasz się nad rozpoczęciem własnej działalności związanej z motywami, jest to świetny czas, aby to zrobić. Założone firmy będą musiały wesprzeć swoje dotychczasowe szablony i choć mają pewne zalety, bariera wejścia na rynek jest już nieco niższa.
Społeczność zaczęła polegać na usługach oprogramowania takich jak szkieletowanie i testowanie użyteczności. Ale w jaki sposób te narzędzia obsługują wiele urządzeń? Wiele narzędzi zajmuje się, powiedzmy, testowaniem użyteczności, a niektóre z nich dotyczą nawet testowania mobilnego (np YouEye Mobile ), ale rozwiązują tylko część problemu.
W niszy szkieletowej istnieje powszechny sposób obsługi różnych układów stron, ale muszę jeszcze znaleźć rozwiązanie, które obsługuje układ jednej strony dla różnych urządzeń. Potrzeba jest prosta, ale wiele systemów po prostu się załamuje. Czy powinniśmy stworzyć nowy szkielet dla każdego urządzenia? Odpowiedź nie jest jasna.
Rynek jest gotowy na narzędzia, które wspierają obecne podejście ludzi do pracy w Internecie, jednocześnie oferując elastyczne projektowanie. Możesz odciągnąć klientów od konkurencji oferując funkcje uwzględniające te nowoczesne techniki.
Zmiana może być denerwująca, nawet przytłaczająca. Bez względu na to, ile się nauczysz, zawsze czujesz, że pozostajesz w tyle. Ale wszyscy są w tej samej łodzi. W czasach wielkich zmian możesz zmaksymalizować szansę, nurkując i jeżdżąc na pierwszej fali.
Czy widzisz inne możliwości wykorzystania ruchu w kierunku elastycznego projektowania?