Code Ahead: Главные тенденции веб-разработки 2024 года

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

Итак, начнем, пожалуй, с малопонятного. но интригующего названия направления — «интеграция метавселенной».

В первую очередь, надо понять что под этим подразумевается)). Все очень просто: максимально виртуальное пространство, в котором пользователь общается, покупает вещи, узнает новое… неограниченное по времени доступ в цифровой мир.

С одной стороны, посовещавшись с командой, мы бы приложили все усилия, чтобы ограничения все же были. С другой стороны, мы не можем не отметить того факта, что люди все больше времени проводят именно в виртуальном пространстве. Свою задачу мы видим в том, чтобы максимально быстро дать информацию, с тем, чтобы пользователь быстрее перешел в реальный мир к действиям для достижения или получения/покупки того, что он искал. Вот такой парадокс обнаружили в этом тренде веб-разработки. Наш прогноз в этом случае будет таким — выигрывать будут те сайты, которые будут лучше всего реализовывать принципы — Быстрее, Лучше, Визуальнее… Это значит, что быстродействие сайта будет играть все большую роль, чем это было 3-5- лет назад.

Следующий популярный тренд был назван так — Мультиопыт

Определяем это так — объединение накопленного опыта взаимодействия пользователя с разными цифровыми устройствами в одном «флаконе». Теперь сайт становится как никогда ближе к любой платформе. И выражается это в том числе в том, что перестаем создавать множество директив под браузеры или устройства пользователя, а сразу создается максимально адаптивный проект «подо все». Но как всегда не обходится без ложки дегтя в этой полной счастья бочки — нельзя объять необъятное (К. Прутков). Во-первых, опуская момент с инфляцией, разработка такого проекта в таких рамках становится существенно дороже. Хотя многие эксперты заявляют, что существует уже готовое ПО для реализации любого проекта на мультиэкспериментальных платформах разработки (MXDP), но мы пока не встречали разумного сочетания цены и возможностей на этих платформах.

И немаловажный момент: Не всегда достигаются поставленные цели из-за технической перегруженности. Да, проект сделанный в стиле прогрессивного веб-приложения (PWA), в первые моменты интересен и на телефоне ни капли не раздражает, но в десктопном варианте, по нашей статистике, идут отказы пользователей, так как опыт пользователей по работе именно на ПК, требуют больше информации, больших текстов и аргументации в подтверждении показываемого…Т.е. реально: Больше, дольше, обоснованнее… Опять наблюдаем , как и в предыдущем анализе направления — разные течения желаемого и того, что предлагают, как аксиому.

С одним из трендов спорить трудно — кажется, это будет на все времена — кибербезопасность. В нашем случае правило №1 — брошенный проект — угроза безопасности в любом случае, на какой бы платформе он не был сделан, под каким протоколом безопасности бы не создавался. НО это наблюдение из жизни, потому что по мнению экспертов сайты только коммерческой направленности, финансовых услуг представляют из себя «вкусную» цель, потому как там хранятся данные пользователя. Безусловно так, но и заражение локального компьютера через зараженный сайт — не меньшая проблема.

Еще одно неумирающее и меняющее свое название технология визуализации — Motion UI

Во все времена, вечный спор: насколько анимация выгодна на сайте по сравнению со статикой. Ответ очень прост — визуализация такая, которая уместна в данном случае. Ответьте себе на вопрос, какую информацию вы хотите донести и вы сразу найдете варианты реализации помимо анимации, которая по сравнению с технологией прошлых век, безусловно, шагнула вперед. Зрительные эффекты, применяемые при Motion UI, привлекают внимание пользователей и вовлекают их в процесс, но для нас уже спорным выглядит утверждение, что это повышает удобство использования цифрового продукта. Контент выглядит более модернизированным, а навигация вызывает меньше затруднений.  Поэтому как 10 лет назад флеш-заставки были модными, но не всегда уместными, так и сегодня «бег за Motion UI» будет эффектным, но не всегда результативным.

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

Сравнение WordPress и Bubble: преимущества и недостатки каждой платформы

Сравнение WordPress и Bubble

С появлением chatGPT встал вопрос, что веб-разработка уйдет в прошлое… Решили посмотреть на этот момент со стороны, (с учетом того, что ограничение этой стороны в текущем времени )) насколько ИИ уже успела интегрироваться в интерфейс обычного пользователя))

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

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

Благодаря своему визуальному подходу, Bubble позволяет пользователю визуально создавать логику и интерфейс своего веб-приложения, не требуя знания кодирования. Это упрощает процесс разработки и позволяет быстро прототипировать и тестировать идеи.

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

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

P.S. WordPress — Открытая бесплатная платформа, в то время как Bubble — коммерческий продукт… что-то нам подсказывает, что наш век разработчиков продолжается ))))

Будущее использования cookies: ограничения Google и альтернативы

Будущее использования cookies: ограничения Google и альтернативы

Google и Яндекс внедряют следующие инструменты для отслеживания действий пользователей на сайте, помимо сбора cookies:

  1. Google Analytics: Это одно из самых популярных средств аналитики, которое позволяет веб-мастерам отслеживать и анализировать поведение пользователей на своих сайтах. Google Analytics использует JavaScript-код для отслеживания и сбора данных о посещениях сайта, их источниках, просмотренных страницах, длительности сессии и других метриках.
  2. Яндекс.Метрика: Это аналогичное Google Analytics решение от Яндекса. Оно также позволяет веб-мастерам собирать аналитические данные о пользовательском поведении на сайте, такие как посещения, их продолжительность, источники трафика и другие метрики.
  3. Встроенные пиксели и отслеживание конверсий: Google и Яндекс предоставляют возможность установки пикселей отслеживания и кодов конверсии на сайт. Это позволяет отслеживать определенные действия пользователей, такие как совершение покупок, регистрация, подписка на рассылку и т. д. на основании которых маркетологи могут оптимизировать свои рекламные кампании.
  4. Браузерные отпечатки (fingerprinting): Это технология, которая использует информацию о настройках браузера, операционной системе, разрешении экрана и других характеристиках устройства пользователя для создания уникального идентификатора. Браузерные отпечатки позволяют отследить действия пользователя даже без использования cookies.

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

НО: В 2023 году Google планирует ограничить использование сторонних cookies в браузере Chrome. Это означает, что некоторые из вышеперечисленных инструментов и методов отслеживания, которые полагаются на cookies, могут испытать изменения.

Вместо сторонних cookies Google предлагает две альтернативы:

  1. Privacy Sandbox: Google работает над созданием Privacy Sandbox — набора API и инструментов для веб-разработчиков, предоставляющего возможность анализировать и собирать агрегированные данные о поведении пользователей с учетом их конфиденциальности. Основная идея заключается в использовании технологий федеративного обучения и запретной информации для обеспечения защиты личных данных пользователей.
  2. Federated Learning of Cohorts (FLoC): FLoC — это экспериментальная технология, разработанная Google, которая группирует пользователей в небольшие когорты, основываясь на их интересах и поведении в Интернете, вместо отслеживания отдельных пользователей. Это позволяет рекламодателям доставлять рекламу более конкретным когортам пользователей, не раскрывая личные данные. FLoC пока находится на стадии тестирования и планируется включение его в Chrome в качестве альтернативы сторонним cookies.

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

Страница 404: мощное оружие для удержания посетителей на вашем сайте

Страница 404: мощное оружие для удержания посетителей на вашем сайте

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

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

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

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

вот такого помощника мы избрали для нашей стр 404 : Заканчиваю выращивать новый ресурс и скоро вернусь к вам!!!

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

Примеры страниц «404»

Интересный опыт: попросить ИИ создать страницу 404 — как часть вашей брендовой стратегии, представив идею в разных стилях.

«Яндекс» представил «Браузер» для организаций

История с почтовым серисом нашла свое продолжение… в браузере…

Кратко: «Яндекс» представил расширенную версию «Браузера» для организаций. Расширенная версия «Яндекс браузера» для организаций повышает уровень безопасности данных, исключает отправку статистики использования за пределы компании, открывает доступ к приоритетной технической поддержке и делает работу системных администраторов удобнее. Обновление ориентировано только на применение в бизнесе и не предназначено для домашних пользователей.

Длинно: лицензия стоит 1500 руб за одну станцию пользователя — дальше писать только портить… (((

На данный момент отличие от платной только:

  • Продвинутая блокировка трекеров
  • Полное отключение сбора статистики
  • Выделенная техподдержка
  • Панель корпоративных ресурсов

При этом, в бесплатной версии доступны:

  • Защита от угроз в интернете
  • Защита от фишинга и кражи паролей
  • Базовая защита от отслеживания
  • Централизованное развёртывание
  • Администрирование через политики
  • Видеовстречи и мессенджер
  • Автоперевод видео, сайтов и текстов на картинках
  • Группировка вкладок
  • Просмотр документов
  • Снятие и редактирование скриншотов

Очень интересное обновление, которое будет поддерживать то, от чего избавились уже несколько лет назад: в следующих обновлениях расширенной версии «Яндекс браузера» для организаций появятся: облачный рендеринг для устаревших плагинов и технологий (Java, Flash, Silverlight) — это позволит им корректно работать в «Браузере»; интеграция с корпоративными системами безопасности; режим анонимности и улучшенная блокировка отслеживания; мониторинг активности пользователей.

В общем, с учетом того, что большинство компаний выбрало переезд на другие сервисы с платного сервиса от Яндекса, то с трудом можно представить желание заплатить за платный браузер, который… ничем не облегчает вам жизнь, а даже наоборот, особенно тем, кто много работает с такими сервисами, как ЭЦП, ГИС ЖКХ», «ПИК ЕАСУЗ», «ФГИС Росаккредитации», «ФАС Мониторинг», «ЛК Росприроднадхора» и пр., пр., пр…

Яндекс 360 для бизнеса

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

Итак, новая жизнь начнется с 17 апреля. Это коснется абсолютно всех компаний, которые организовали свою корпоративную почту на сервисе от Яндекса. Услуга была бесплатной. Теперь вводится оплата за КАЖДЫЙ почтовый ящик, включая ящик админа, даже если он формально не является работником компании — мы просто оказываем техподдержку — но наш ящик админа тоже потребует оплаты — так как нас всех посчитали ))

Что делать в этом случае? Можно ничего не делать- просто заплатить Яндексу по выбранному тарифу, но мы считаем, что это нерентабельно. Расценки, которые предлагает Яндекс далеки от разумного, если сравнивать с тем, сколько компания платит за хостинг своего проекта в год, а здесь речь идет о ЕЖЕМЕСЯНОЙ оплате.

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

Если все не так радужно и ресурсов внутренних нет, то пока остается единственный путь — миграция на MAIL.RU

MAIL.RU также предлагает платные корпоративные услуги, но у него есть и бесплатный тариф для компаний, у которых почтовых ящиков меньше 50. Сервис, конечно, скоромнее чем у Яндекса, но как почтовый сервис — вполне рабочий: антиспам, возможность создания собственных ящиков и помощь при переезде — миграция сообщений из прошлого почтового ящика в новый.

Дизайнерский шедевр

Оставив за бортом новость дня — возвращение МакДака в Россию и поиск идеи о новом бренде — Интернет приходит на помощь:

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

Главное здесь — какие шрифты! Какая гармония в сюжете! Все читается и ни о чем не надо догадываться )))

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

Веб-сайт с раздражающими элементами и всплывающими окнами

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

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

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

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

Это явление называется «dark patterns» (тёмные шаблоны), которые используются веб-сайтами для манипуляции поведением пользователей. Оно привлекает внимание к проблемам недостаточной защиты пользовательских прав и необходимости создания позитивного пользовательского опыта.

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

Выбор шрифта для вашего веб-проекта: как найти идеальный стиль

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

Важным фактором при выборе шрифта является целевая аудитория проекта и его общая тематика. Например, если веб-проект предназначен для серьезной бизнес-аудитории, то более формальные и классические шрифты с засечками могут быть более уместными. Однако, для проектов с молодежной или творческой аудиторией, оригинальные рукописные или декоративные шрифты могут быть более привлекательными.

В универсальности использования наиболее пригодными шрифтами являются шрифты без засечек (например, Arial, Helvetica, Verdana) или шрифты с минимальными засечками (например, Times New Roman, Georgia). Эти шрифты часто используются в цифровом контенте, благодаря их простоте и высокой читаемости на экране.

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

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

Плоскостопие.РУ

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

Это первый проект, в котором мы реализовали такое количество интерактивных форм и в таком формате. Нам самим будет интересно дождаться первых весточек от яндексметрики ))

Предыдущая версия, которая размещалась на этом домене — ploscostopie.ru — отвечала совсем другим задачам, но за 5 прошедших лет, произошло много событий, которые и привели к такой кардинальной смене проекта.

Добро пожаловать в мир, где работают для вашего здоровья! ))