Рассказываем о тенденциях web-разработки в мире и России в 2023 году
Тренды веб-разработки: прогноз
Сибирикс

Тренды веб-разработки: прогноз

О тенденциях в мире и России на ближайшее время
Веб-разработка за последние пару лет снова значительно поменялась. Чего стоят одни нейросети, про которые только ленивый не опубликовал парочку статей или постов в соц. сетях (мы тоже немножко про них рассказали: раз, два, три). В этой статье мы собрали наиболее крупные тренды веб-разработки, разделив их по категориям, и выделили отдельные тенденции, характерные для России.

Искусственный интеллект

Сейчас весь IT-мир будоражит вопрос: «Кого именно из специалистов заменит ИИ?». Эта тема обсуждается уже давно, но именно в последнее время нейросети вышли на качественно новый уровень — с их помощью можно создать реалистичные иллюстрации, написать несложный текст или даже программный код.

Эксперты в этой теме успокаивают — да, искусственный интеллект значительно поможет в разработке, но даже начинающих специалистов (джунов) он не заменит. Компаниям проще взять на работу джуна и вырастить из него эксперта внутри компании вместо того, чтобы искать опытных сотрудников на стороне и внедрять их с нуля в проект. К тому же ИИ — это все-таки инструмент. А значит, для работы с ним понадобится специальный сотрудник, который умеет писать запросы и добиваться от нейросети того, что ему необходимо. При этом нейросети значительно помогут в рутинной работе, шаблонных задачах, аналитике, тестировании гипотез.

Илья Горбаров
CEO digital-агентства «Атвинта"
— Лично мне кажется, что ИИ сейчас больше нужен миддлам и сеньорам в помощь, чтобы автоматизировать какие-то скучные, типовые задачи. Например, рассортировать список фамилий, выделить фамилии, имена и поменять их местами
Если говорить о начинающих специалистах, которые выполняют рутинные операции, или тестировщиках — то да, они находятся в зоне риска, если не хотят развиваться дальше. Например, нейросеть Buildt AI ищет в открытом доступе готовый код по запросу, а CodePal не только пишет сама, но и ревьюит (проверяет) чужой код. Только главное в работе опытных разработчиков — не просто писать код, а думать и находить наиболее оптимальные решения, которые могут быть не самыми очевидными. Нейросеть пока на это неспособна.

При этом нейросети уже плотно вошли в нашу жизнь — это факт. И хотя пока они не стали распространенным инструментом для разработки, они вполне могут забрать на себя часть типовых задач, чтобы ускорить процессы. Ну, а джунам придется быть более активными и быстрее учиться — всю жизнь работать на начальных позициях уже не получится.


Нейросети и дизайн

Сфера, где нейросети сейчас наиболее распространены — это дизайн, а именно генерация иллюстраций. Midjourney, например, за секунды создает качественные высокодетализированные изображения. Маркетплейс Lamoda недавно выкатил версию сайта, где все оформление было создано с помощью нейросетей — и очень вероятно, что этому примеру последуют и другие сервисы. Вместо того, чтобы искать дизайнера или иллюстратора, ждать, пока он выполнит работу, и платить немалые деньги, можно просто дать запрос нейросети. Решение получится достаточно типовым — зато быстро и практически бесплатно.

Конечно, такая схема больше подойдет для несложных шаблонных задач — например, сделать имиджевые баннеры для магазина одежды или тематические картинки для блога. Чтобы сгенерировать нужное изображение, надо корректно задать запрос — для этого есть целый список правил. В общем, пока дизайнерам и иллюстраторам тоже не стоит переживать — но к нейросетям приглядеться стоит, они могут здорово облегчить работу. Кстати, недавно мы публиковали об этом статью: Нейронные сети для создания дизайна.

Персонализация через Machine Learning

С каждым годом пользователи все больше и больше обращают внимание на индивидуальное обращение. Мы привыкли, что в соцсетях нам показывается персонализированная лента новостей, что от банковского приложения приходят сообщения о нужных именно нам услугах, а любимый супермаркет дает скидки на продукты, которые мы покупаем чаще всего. Мы ценим, когда сервисы «угадывают» наши пожелания и предлагают только то, что нам нужно. Со временем такая потребность в индивидуальном отношении будет только расти.

И в этом тоже поможет искусственный интеллект. Сервисы, основанные на машинном обучении, изучают пользовательское поведение, анализируют сотни похожих профайлов и выдают те предложения, которые вы хотите видеть. Технологии машинного обучения будут продолжать совершенствоваться, чтобы подбирать более точные решения для каждого пользователя.

Чат-боты на основе ИИ

Чат-боты плотно используются в техподдержке многими сайтами и приложениями — в онлайн-банкинге, у провайдеров сотовой связи, на маркетплейсах. И это знатно бомбит пользователей. В интернете есть целые обсуждения — что и как тому или иному боту написать, чтобы он все-таки переключил вас на человека.

Использование чат- ботов позволяет сократить расходы на менеджеров поддержки и оставить их для решения только самых сложных вопросов. Но пока это решение довольно спорное — лояльность пользователей оно может ощутимо подточить. Да, больше не нужно долго ждать, пока вам ответит первый освободившийся оператор — чат-бот всегда на связи. Но получить вменяемое решение своей проблемы пользователям стало сложнее.

В будущем боты станут более сложными, а их «полномочия» будут расширяться. Так, у «Авиасейлз» есть мессенджер-бот, который отслеживает цены на интересующие вас перелеты и сигнализирует о скидке, чтобы вы сразу могли купить билет. А чат-бот «Альфа-банка» (кстати, признанный лучшим среди банковских ботов по версии Markswebb) не только отвечает на вопросы, но и может подключить оповещения, сформировать нужные документы и дать ссылки на нужные разделы приложения.

Верим, что чат-бот будущего — это не просто консультант, а полноценный помощник, который сможет провести пользователя от запроса до конкретного выполнения нужного действия. Соответственно, сейчас возрастает потребность в специалистах, которые умеют разрабатывать такие чат-боты.

PWA

Прогрессивные веб-приложения (PWA) существуют уже давно, но сейчас они становятся все более актуальными — особенно для России. PWA — это технология разработки, которая превращает сайт в мобильное приложение. То есть, вы видите интерфейс приложения, но, по сути, это веб-страница. PWA можно установить на смартфон, как и обычное приложение, только делается это не через стор, а по ссылке на сайте. Разместить такое приложение в сторе в большинстве случаев не получится.

Для бизнеса PWA-приложения привлекательны тем, что разрабатывать их гораздо дешевле и быстрее чем классические мобильные приложения. Можно переиспользовать наработки сделанные для сайта, не нужно заморачиваться с отдельными версиями под iOS и Android. Плюс для пользователей — в малом весе таких приложений. По сравнению со стандартными, они практически ничего не весят, что важно для пользователей с ограниченным количеством памяти в смартфонах.

Особенно актуальны PWA для России — после санкций, принятых в 2022 году, отечественные разработчики столкнулись с рядом трудностей. Многие компании попали в санкционные списки и теперь не могут размещать приложения в Google Play и AppStore.

Для остальных тоже не все просто. Так, публиковать приложения в сторах можно только, если у вас есть сертификат разработчика — у Apple он действует год, а оплатить его заново из России крайне проблематично. Сертификат Android-разработчика бессрочный, но Google запретила российским компаниям размещать приложения с оплатой через стор. Рекламные инструменты отечественным разработчикам тоже недоступны, а модерация может длиться гораздо дольше, чем раньше.

Поэтому для российского бизнеса сейчас — PWA реальная альтернатива. Скачать такие приложения можно напрямую с сайта, а продвигать через контекст, клиентскую рассылку, отдельный лендинг и другие инструменты digital-маркетинга.

Безопасность и анонимность

Мы ежедневно делимся в интернете своими личными данными — от музыкальных предпочтений до паспортных данных и банковских карт. И конечно, каждый пользователь хочет быть уверен, что вся конфиденциальная информация будет в безопасности. Кроме того, растет количество онлайн-сервисов, где важна анонимность — например, сервисы психологической поддержки. Утечка данных с таких ресурсов может значительно сказаться на репутации пользователя.

Потребность в безопасности растет и у компаний — современные технологии позволяют значительно оптимизировать все бизнес-процессы, но их применение создает дополнительные риски для безопасности. Киберпреступники не дремлют и придумывают все новые способы атак на данные компаний.

Потребность в кибербезопасности остается одной из ключевых в разработке. Вот несколько технологий, которые будут и дальше актуальными в этой сфере:
  • Использование VPN. В некоторых крупных компаниях все сотрудники в обязательном порядке используют VPN на рабочем месте. Потребность в VPN-клиентах и сервисах, которые их поддерживают, будет только расти.
  • Шифрование данных. Мессенджер Telegram обогнал по популярности WhatsApp в 2022 году, и не последнюю роль в этом сыграли надежные протоколы шифрования — даже сами сотрудники Telegram не могут прочитать частную переписку пользователей. Когда WhatsApp принял новую политику конфиденциальности, по которой он мог передавать данные пользователей Facebook, многие тут же переехали в Telegram.
  • Бессерверная архитектура. Крупные корпорации — например, Microsoft — уже давно предлагают компаниям IT-решения, развернутые в облаке. Это не только быстрее и выгоднее с точки зрения аппаратного обеспечения, но и безопаснее. С локальными серверами может случиться что угодно — от физического устаревания до поломки с полной потерей данных. Облачные решения этих проблем лишены.
  • Децентрализованное хранение данных. Этот способ — один из самых эффективных для предотвращения утечек информации. Даже если злоумышленники получат доступ к серверу, то все, что они получат — это разрозненные фрагменты информации, остальные ее части будут храниться на других серверах.

Интеграции для создания единого пользовательского опыта

Если вы купили новый iPhone, вам не нужно тратить время на скачивание нужных приложений, копирование фото и контактов — просто запустите перенос данных на старом. Через некоторое время вся ваша информация будет на новом устройстве, как будто вы всегда им пользовались. Это удобно — пользователь хочет как можно быстрее получить доступ к нужной информации, и для этого сервисы используют различные интеграции, чтобы узнать предыдущий пользовательский опыт.

Самая распространенная из них — интеграция с Google-аккаунтом или аккаунтом соц. сети, которая позволяет не проходить регистрацию на ресурсе вручную. Некоторые сайты и приложения используют интеграцию с «Госуслугами» — это позволяет не только регистрироваться, но и подтверждать свою личность, заключать договоры, заполнять паспортные данные, покупать страховку ОСАГО и т. д.

Еще пример — регистрируясь в «Яндекс.Музыке», вы можете перенести туда свои плейлисты из Apple Music или Spotify, а сервис потом сам подстроится под ваши вкусы. Благодаря этому решению «Яндекс.Музыка» в 2022 году стала самой популярной музыкальной платформой в России после ухода зарубежных сервисов.
В нашем приложении-планировщике SingularityApp мы предлагаем пользователям перенести свои задачи из множества других календарей или настроить двустороннюю интеграцию с Google-календарями, чтобы видеть свои дела и там и там. Это позволило значительно расширить аудиторию.

Учитывая предыдущий пользовательский опыт клиента, сервисы становятся для него более понятными и знакомыми. Перейти на них намного проще, зная, что вся нужная информация сохранится, а новые рекомендации будут формироваться на основе уже известных данных.

Создать такой клиентский опыт можно с помощью экосистем или коллабораций. Так, например, если вы купите билеты на Aviasales, вам будет предложено выбрать жилье на эти даты в сервисе «Островок».

Экосистемы уже выросли вокруг нескольких банковских сервисов и мобильных провайдеров. Например, МТС недавно даже сменил логотип, потому что это давно уже не только услуги связи, но и онлайн-банк, сервис денежных переводов, онлайн-кинотеатр, библиотека и не только. В дальнейшем роль интеграций и экосистем будет только расти — при этом не стоит забывать про тренд на безопасность и анонимность. Пользователи должны быть уверены, что «миграция» их данных между сервисами абсолютно безопасна.

Тренды в веб-дизайне и дизайне приложений

Сейчас большинство компаний уже знает, что дизайн сайта — это не навсегда. Постоянно появляются новые тренды. А поведение пользователей нужно непрерывно анализировать, чтобы внедрять на основе анализа новые функции. Сейчас же, помимо юзабилити, к трендам в дизайне добавляется еще несколько пунктов.

Вовлекающий дизайн и микровзаимодействия

В условиях информационной перегрузки важно, чтобы сервис был не просто удобным — он должен буквально вовлекать во взаимодействие с ним. Почему многим так нравится интерфейс iOS? Потому что он в прямом смысле начинен микровзаимодействиями — специальными визуальными, звуковыми и тактильными сигналами, которые поощряют взаимодействие пользователя с интерфейсом.

Микровзаимодействия бывают двух видов: побуждающие к действию и выступающие как реакция на действие. Например, на экране выключения iPhone надпись на слайдере отключения будет анимирована — это показывает пользователю, какое действие нужно совершить. А при скачивании приложения, когда устройство запросит и распознает лицо владельца, поступит звуковой сигнал и тактильный отклик.

Многие микровзаимодействия стали уже настолько привычными, что мы их не замечаем — например, анимация при скроллинге последнего экрана сайта. Все эти сигналы позволяют пользователю как бы общаться с интерфейсом, получая от него обратную связь, что значительно повышает вовлеченность.

Привлекающие внимание элементы тоже изменяются — становятся более креативными и деликатными. Так, раздражающие поп-апы на весь экран и мигающие надписи «Стоп! Только не уходите с сайта!» после наведения курсора на крестик остались в прошлом (почти). На смену им пришли более этичные и привлекательные решения.

Например, на сайте компании «Технониколь» можно кликнуть на изображение нужного типа здания и получить наглядный план работ по тепло- и звукоизоляции.
Вовлекающие элементы бывают и совсем скромными — например, это может быть анимация при прокрутке или при наведении курсора на элемент. Такое действие не воспринимается, как агрессивное привлечение внимание, но все равно притягивает внимание пользователя. Эти небольшие детали тоже нужно учитывать при разработке — просто красивым и удобным дизайном уже никого не удивишь.

Режим экономичного энергопотребления

Экологичность — это глобальный тренд, и онлайн-ресурсы не стали исключением. Многие пользователи стремятся сократить энергопотребление, поэтому разработчикам следует это учитывать. Решением может быть создание темной темы для интерфейса или специальный энергосберегающий режим, который отключает анимации и потоковые загрузки.

Учитывая, что темный режим уже давно появился во всех популярных операционных системах и во многих приложениях — например, у нас в SingularityApp есть несколько темных тем на выбор — вполне вероятно, что возможность выбора энергоэффективной темы станет одним из признаков качественного современного интерфейса.

Еще один плюс в пользу энергосбережения — распространение удаленной работы. Тренд на жизнь в путешествиях, фриланс и удаленную занятость порождает новые требования к онлайн-сервисам — они должны тратить меньше энергоресурсов, чтобы работать, например, в дороге или в кафе без доступа к зарядке.

Новый адаптивный дизайн

Очевидно, что без адаптивного дизайна и верстки в 2023-м году сервисам делать нечего. Но требования к адаптиву меняются с учетом распространения PWA. Пользователи хотят видеть на адаптиве не просто версию сайта, в которой немного переставлены местами блоки, а практически полноценное приложение — с меню в нижней части экрана, привычными кнопками и жестами управления. Так, например, сделали Wildberries и Орматек — интерфейс мобильной версии практически не отличается от интерфейса приложения.
Чтобы сделать такую адаптивную версию, недостаточно просто уменьшить и перекомпоновать элементы сайта — нужно продумать новую логику, дизайн и верстку интерфейса.

Сервисы, доступные для всех

В 2016 году был принят закон против дискриминации слабовидящих — если понимать его буквально, то каждый сайт должен иметь версию для лиц с особенностями зрения. Но доказать дискриминацию сложно, поэтому данное требование, в основном, выполняют лишь те компании, с которых чаще контактируют слабовидящие — салоны оптики и клиники по коррекции зрения, больницы, госучреждения, а также социальные и образовательные учреждения.

Однако не стоит забывать, что в России живет более миллиона лиц с особенностями зрения, и не адаптируя свой ресурс под их восприятие, вы лишаете людей нужных им товаров и услуг, а себя — новых клиентов. Чтобы соблюсти требования законодательства, можно пойти двумя путями:
  1. Создать версию сайта для слабовидящих. Это отдельный сайт — как правило, монохромный или с высокой контрастностью, без анимаций, с регулируемым размером шрифта и междустрочным интервалом. Часто там есть голосовой помощник и инструмент «лупа», а управление доступно без мыши. Полный список требований к таким сайтам есть в ГОСТе. Разрабатывать такую версию придется с нуля, но в CMS Битрикс есть модули, которые могут сгенерировать для вашего сайта версию для слабовидящих.
  2. Изначально учесть в дизайне сайта потребности людей с нарушениями восприятия. Сами пользователи с особенностями зрения признаются, что редко пользуются особой версией сайта — навигация по ней часто усложнена, а сама версия выглядит урезанной. К тому же, кроме слабовидящих, есть еще и дальтоники, и люди со светобоязнью — у них тоже особые потребности, но им не нужен черно-белый сайт. Можно просто адаптировать свой ресурс: заполнить у всех изображений атрибут alt, отредактировать «недружелюбные» для дальтоников сочетания цветов, прописать все навигационные элементы как кнопки или ссылки.

Подробнее о сайтах для пользователей с особенностями зрительного восприятия мы рассказываем здесь: Доступные сайты.

Тренды разработки для России

О растущей популярности PWA мы уже поговорили, но, кроме этого, есть еще пара трендов в российской разработке, которые набирают обороты.

Импортозамещение

С уходом зарубежных сервисов возникла потребность в сервисах российских. Так, с отечественного рынка ушли или работают с ограничениями популярные облачные сервисы, решения для автоматизации бизнес-процессов, сервисы международной доставки, ресурсы для дизайнеров и разработчиков, фотостоки, платформы для бронирований.

Нельзя сказать, что весь российский IT-мир сейчас в ступоре — какие-то сервисы у нас есть, но, конечно, они не покрывают все потребности пользователей. Поэтому у российских стартаперов и разработчиков сейчас есть отличная возможность проявить себя. Для немедленного старта проекта есть несколько поводов:
  • Пользователи ждут появления удобных российских сервисов, которые заменят ушедшие зарубежные. Это 100% горячая аудитория.
  • Всемирный банк спрогнозировал, что российская экономика будет расти уже в 2024 году — как раз есть время создать перспективный проект.
  • IT-отрасль в России сейчас пользуется господдержкой, многие талантливые специалисты перестали мечтать о работе в Силиконовой долине, как это было модно раньше, и сосредоточились на российских компаниях. Это отличная возможность найти для своего проекта высококлассных разработчиков.

Усложнение и доработка имеющихся сервисов

Пока на российском рынке главенствовали зарубежные корпорации, российским компаниям было сложно развиваться — да и стимула не было. Какова была перспектива «побороть» огромный холдинг, к которому привыкли миллионы россиян? Практически никакой.

Сейчас ситуация изменилась, и многие российские сервисы стали стремительно развиваться. Так, платформа для бронирования «Островок» довольно быстро догнала по функциональности ушедший Booking. А «Яндекс.Бизнес» в начале этого года выкатил практически рекордное количество обновлений. Взлетело российское приложение для коротких видео Yappy, разработанное еще в 2021-м, а «Яндекс.Музыка» успешно внедрило алгоритм «Моя волна» — потоковое воспроизведение треков, которые подбираются под каждого пользователя.

Если до этого вы задумывались, стоит ли добавлять в проект новые функции и масштабировать его — сейчас самое время.

Резюмируем

Все так или иначе тяготеет к двум глобальным тенденциям — ускорению и персонализации. Ускорение обусловлено разными факторами — современным ритмом жизни, быстротой изменений, необходимостью все активнее завоевывать внимание пользователя.

Чтобы ускорить процесс разработки, будут использоваться ИИ и нейросети. А за персонализацию будет отвечать машинное обучение и чат-боты, различные интеграции и вовлекающий дизайн. При этом, не стоит забывать о кибербезопасности — пользователи, доверяющие сервисам практически все свои данные, хотят быть уверенными в сохранении конфиденциальности.

Для российской разработки настали реально благоприятные времена — множество пользователей ждет появления качественных ресурсов на смену ушедшим зарубежным, и все это на фоне прогнозируемого роста экономики. Если вы хотели начать свой IT-стартап, то сейчас самое время — для этого есть все условия.