Потребность в улучшении взаимодействия с пользователем растет все более быстрыми темпами и определяет ожидания от навыков фронтенд-разработчика. Революция веб-перехода на мобильные устройства потребовала времени, но переход с мобильных устройств на виртуальную реальность произойдет намного быстрее.
1997 год был большим годом. Не потому, что появилась комета Хейла-Боппа. Не потому, что Стив Джобс вернулся в Apple. Не потому, что родилась овечка Долли. 1997 год был годом, когда я создал свой первый веб-сайт. Двадцать лет назад. Я хотел бы сказать, что мне было два года в то время, но это было бы постыдной ложью.
Я недавно нашел этот сайт, и, ничего себе, он выглядит просто ужасно. Очевидно, в то время это было чудо современности. Я использовал Dreamweaver и помню чувство чистой радости ОКР, когда обнаружил, что Dreamweaver может выводить код, который можно было напрямую редактировать. Привет HTML. Мы стали хорошими друзьями. Я не поддерживаю связь с Dreamweaver.
Перенесемся в 2009 год. К вечеринке присоединились Javascript и CSS, и искренне вы стали веб-разработчиком. Тогда было с чем бороться. Internet Explorer настаивал на создании собственной параллельной вселенной. Множественность Doctype мешала людям спать по ночам, равно как и постоянное мучительное беспокойство о том, что значительное количество пользователей активно отключили Javascript. Речь шла не столько о предоставлении опыта, сколько о устранении недостатков эксцентричных браузеров, настороженных пользователей Интернета и средневековой пропускной способности.
В то же время тогда все было проще. По сути, мы создали монитор для среднего настольного компьютера на рабочем столе обычного пользователя. Мы думали с точки зрения разрешения. Кто-нибудь помнит 1024x768? Это была классика. 1366x768, 1280x800 и даже 1920x1080 стали еще более популярными разрешениями. Затем мы начали заботиться о медиа-запросах и фактически изменять восприятие в зависимости от используемого экрана. Мы по-прежнему думали о разрешении, но инструментарий веб-разработчика стал гораздо больше ориентирован на улучшение взаимодействия с пользователем. Я помню, как выигрывал в бизнесе именно потому, что учел разные размеры экранов и создавал их для них.
Все меняется быстрее, чем ожидалось
Где-то среди шквала параллакс-фонов, размещенных веб-шрифтов и отслеживания аналитики, новое существо подняло голову. Мобильный. Я не помню точно, когда я осознал, что мобильные устройства вообще существуют. Где-то между 2010 и 2012 годами. Вероятно, потому, что один из моих настольных веб-сайтов был загружен в мобильный браузер и выглядел ужасно. Ни один веб-разработчик не хочет, чтобы его материалы выглядели плохо (хотя быстрое посещение Интернета опровергнет эту мысль), поэтому я убедился, что мои медиа-запросы соответствуют этим новым меньшим размерам экрана. В противном случае мобильная версия веб-сайта была по сути взломанной настольной версией, что создавало неудобства для пользователей. Итак, я нашел новый уникальный аргумент в пользу продажи: я был веб-разработчиком, который знал, как справиться с небольшим количеством посетителей с мобильных устройств, приходящих на ваш сайт. Еще одно оружие в арсенале успешного веб-бизнеса.
Но мы все еще были веб-разработчиками. Если вам нужно добросовестное мобильное приложение (подождите, мобильные телефоны могут запускать приложения?), То вы лаяли не на то дерево. Зачем компании настоящие приложения? Для этого потребуется знание языков низкого уровня, используемых на множестве различных мобильных устройств. Для этого потребуется разработчик iOS или Android. Действительно редкие породы. Совершенно новый ящик с лягушками. Другой котелок с рыбой.
Тогда по-настоящему популярны стали мобильные. Очень важно, как веб-сайт ведет себя на мобильном устройстве. Пользовательский опыт стал действительно горячей темой. Пользователи внезапно забеспокоились. Веб-разработка перешла от старого подхода адаптивного дизайна к новым блестящим стандартам адаптивного дизайна. Мы начали заботиться о внутренних возможностях устройства, а не о количестве пикселей. В 2013 году впервые прозвучали роптания «прежде всего мобильные» - идеи о том, что все должно быть конструировано вверх, а не вниз.
Разработка мобильных веб-интерфейсов действительно начала набирать обороты благодаря новым фреймворкам, таким как jQuery Mobile, а затем Ionic и React Native. Последние два используют HTML и собственные мобильные компоненты, что означает, что мы можем внезапно создавать мобильные приложения. Фреймворки и библиотеки веб-приложений Javascript, такие как Angular и React, действительно помогли здесь с их подходом подумай один раз при создании на разных платформах.
Я помню, как в 2014 году проводил собеседование с кандидатами на роль фронтенд-разработчиков и был безутешно разочарован тем, что многие из них все еще рассматривают мобильность как другой набор навыков. Кандидаты на аналогичные фронтенд-роли в 2015 и 2016 годах значительно больше интересовались мобильными устройствами и, что особенно важно, часто указывали на мобильные проекты в своем портфолио. Интерфейсный разработчик 2017 года, вероятно, свободно владеет как «традиционным» веб-подходом, так и мобильным подходом, и, возможно, начинает видеть, что размытая линия полностью исчезает. У многих есть собственный опыт разработки мобильных приложений. На мой взгляд, такими и должны быть роли переднего плана. Как и Борг, мы адаптировались. Сопротивление прогрессу бесполезно (опять же, беглый взгляд на Интернет может опровергнуть этот трюизм).
Эта последняя новинка уже изменилась
Итак, мобильный Интернет - это новый Интернет. Но ждать. Какой свет сквозь это виртуальное окно пробивается? На днях я слышал, что VR (виртуальная реальность) - это новый мобильный телефон. VR легко может быть AR (дополненной реальностью). Или MR (смешанная реальность). Назовем все это просто XR (расширенная реальность). VR - это новый мобильный телефон, это новая сеть. Считают, что. Если вы фронтенд-разработчик, который может иметь отношение к последовательности событий, описанной в этом посте, то вы должны увидеть все это. Вот мое утверждение:
В 2018 году фронтенд-разработчик будет свободно владеть веб-платформами, мобильными платформами и VR-платформами, создавая впечатления, которые убедительно работают независимо от того, как пользователь выберет взаимодействие.
Я делаю это утверждение, потому что вижу, что та же самая модель эволюции повторяется снова. Спрос на лучший пользовательский интерфейс всегда движет вперед, и в VR это имеет большее значение, чем что-либо ранее. Facebook недавно запустил React VR, чтобы встать рядом с React Native (мобильный) и React (веб). Виртуальная реальность на основе браузера отстаивается такими пользователями, как WebVR и A-Frame. Мы видим, что веб-подходы появляются и сосуществуют с подходами более низкого уровня, такими как Unity и Unreal (оба разработаны для игр, но с очевидными приложениями для других вещей). Это отлично подходит для VR. Это открывает новые возможности для веб-разработчиков, и я считаю, что это очень положительно повлияет на пользовательский опыт.
Моя собственная команда (Apps в Cisco Emerge) уже занимается сетевой виртуальной реальностью. Накладные расходы на построение намного меньше, чем при низкоуровневом подходе. Я взял одно из наших существующих веб-приложений для работы с видео (созданное с помощью Angular) и повернул его, чтобы оно отлично работало в режиме кругового обзора 360 на виртуальном рабочем столе Oculus. Не идеально - это чисто HTML, CSS и JS - но далеко от ужасного опыта, который я изначально предсказывал. На это ушло несколько часов, и у нас был сносный прототип, который мы могли показать нашим клиентам и тестерам. Следующим этапом, вероятно, будет создание React VR и постепенное улучшение опыта. Я ожидаю, что это займет дни, а не месяцы.
Один великий президент США однажды сказал: «Вы не можете избежать ответственности завтрашнего дня, уклоняясь от нее сегодня». Я сомневаюсь, что он говорил об эволюции виртуальной реальности, но, возможно, в Линкольне был небольшой разработчик интерфейса. Ты никогда не узнаешь.
Интересно, что нас ждет в следующие двадцать лет?
- Овечка Долли: Тони Баррос из Сан-Паулу, Бразилия (Привет, Долли!) [CC BY-SA 2.0 (http://creativecommons.org/licenses/by-sa/2.0)], через Викимедиа Общество
