Пост принял Рома, всем привет

Пост принял Рома, всем привет 😉

Решил поделиться с вами подборкой любимых лонгридов агентства ТАСС. Обратите внимание на подачу информации и способы вовлечения, интерактивные компоненты, архитектуру контента в пространстве экрана, работу с типографикой. Местами эстетика для меня — запредельная. Весь этот опыт был бы невозможен без заботливого отношения к пользователю, внимательного и эстетичного UI. Уверен, что сможете найти фишечки для своих курсов. Позволю себе немного больше рассказать про каждый лонгрид с позиций современных взглядов на UI. Кликайте по ссылкам и наслаждайтесь ими на компьютере.

Не самый сложный, но любимый за концептуальность — «Круги Данте»

Это лонгрид с чётко выраженным тематическим арт‑направлением: визуальная концепция выстроена вокруг нарратива «Ада», и основные цвета там максимально подходящие — красный и чёрный. Вёрстка журнальная, с адаптацией под смартфон. Есть простая, но очень понятная инфографика. На мой взгляд, этот лонгрид отлично соответствует современным практикам архитектуры для лонгридов, когда пользователь может двигаться по сценам, не теряя контекст и ощущение прогресса, что повышает когнитивный комфорт и снижает «усталость» от длинного текста.

В этом лонгриде о Сергее Рахманинове реализована сильная интерактивная механика — обожаю её.

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

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

Это лонгрид с выраженным образовательным фокусом, отличный пример дидактической инфографики:

<https://spec.tass.ru/dinosavri-rossii/dinozavry>

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

Это лонгрид с сильной документальной и эмоциональной подачей:

<https://spec.tass.ru/doroga/zhizni>

Тема блокады Ленинграда поддержана сочетанием понятной инфографики, исторического текста, архивных фото и интерактивной карты. Пользователь не просто читает, а «проживает» историю через разные уровни контента. Инфографика, которая «читается с первого взгляда», соответствует современному подходу к дата‑сторителлингу. Визуальный язык и UX‑решения усиливают эмоциональное воздействие, а не отвлекают от темы.

Это лонгрид с двухколоночной композицией, где правая колонка — с иллюстрациями — несёт основной нарратив об освоении Дальнего Востока,

<https://spec.tass.ru/beskrayniy-vostok/amurskie-sezony/>

а левая работает как «панель сопровождения» с пояснениями, подсказками, интерактивными картами, фотографиями и схемами. Такой приём поддерживает тренд на композитные интерфейсы, где основной текст и дополнительный контент существуют параллельно, а пользователь сам регулирует глубину погружения.