Пост принял Рома, всем привет 😉
Решил поделиться с вами подборкой любимых лонгридов агентства ТАСС. Обратите внимание на подачу информации и способы вовлечения, интерактивные компоненты, архитектуру контента в пространстве экрана, работу с типографикой.
Местами эстетика для меня — запредельная. Весь этот опыт был бы невозможен без заботливого отношения к пользователю, внимательного и эстетичного UI. Уверен, что сможете найти фишечки для своих курсов.
Позволю себе немного больше рассказать про каждый лонгрид с позиций современных взглядов на UI. Кликайте по ссылкам и наслаждайтесь ими на компьютере.
Не самый сложный, но любимый за концептуальность. Это лонгрид с чётко выраженным тематическим арт‑направлением, где визуальная концепция выстроена вокруг нарратива «Ада», и основные цвета там максимально подходящие — красный и чёрный. Вёрстка журнальная, с адаптацией под смартфон. Есть простая, но очень понятная инфографика. На мой взгляд, этот лонгрид отлично соответствует современным практикам архитектуры для лонгридов, когда пользователь может двигаться по сценам, не теряя контекст и ощущение прогресса, что повышает когнитивный комфорт и снижает «усталость» от длинного текста.
В этом лонгриде о Сергее Рахманинове реализована сильная интерактивная механика, очень люблю её. Почти в самом начале вы видите оркестр, который исполняет фрагмент второго концерта Рахманинова. Казалось бы и что... но пользователь может поочерёдно отключать инструменты, оставлять только одну партию или собирать собственную комбинацию. Очень залипательно! Получается интерактивный сторителлинг и исследовательский UI, когда взаимодействие строится вокруг любопытства и проб разных комбинаций, а не пассивного прослушивания или просмотра. Прекрасный иммерсивный лонгрид.
Это лонгрид с синхронизацией текста и карты. При скролле меняются ключевые эпизоды войны с Наполеоном, а карта подстраивается под нарратив. Такой сценарий попадает в тренд скролл‑триггерных историй — scrollytelling — и усиливает ощущение «маршрута по событиям», а не линейного чтения.
Это лонгрид хороший пример дидактической инфографики. Меня очаровали содержательные, не декоративные иллюстрации, которые показывают как берутся окаменелости. А карточки, как на маркетплейсах, с динозаврами реализуют постепенное раскрытие материала — progressive disclosure. Новичку достаточно общей информации, а заинтересованный читатель может «нырнуть» в карточку с описанием глубже. Простой, но очень чистый дизайн вписывается в тренд на спокойные интерфейсы.
Это лонгрид с сильной документальной и эмоциональной подачей. Тема блокады Ленинграда поддержана сочетанием понятной инфографики, исторического текста, архивных фото и интерактивной карты. Пользователь не просто читает, а «проживает» историю через разные уровни контента. Инфографика, которая «читается с первого взгляда», соответствует современному подходу к дата‑сторителлингу. Визуальный язык и UX‑решения усиливают эмоциональное воздействие, а не отвлекают от темы.
Это лонгрид с двухколоночной композицией, где правая колонка с иллюстрациями несёт основной нарратив об освоении Дальнего Востока, а левая работает как «панель сопровождения» с пояснениями, подсказками, интерактивными картами, фотографиями и схемами. Такой приём поддерживает тренд на композитные интерфейсы, где основной текст и дополнительный контент существуют параллельно, а пользователь сам регулирует глубину погружения.
Делитесь в комментариях своими любимыми лонгридами, давайте развивать насмотренность вместе.
✈️ Финты&Фишечки | Поддержать канал
#обучение #полезное #насмотренность #лонгриды #урсан
