Креативное письмо, дизайн и верстка печатных и сетевых СМИ
1) Rambler.ru
Характеристика дизайн-модели
Сайт Rambler.ru представляет собой смесь flat- и материал-дизайна, с сильной ориентацией на упрощенное отображение информации (flat), но с элементами визуального разделения карточек и теней, характерными для material design. Доминирует flat-дизайн с минималистичной палитрой, четкими блоками и простыми иконками, что характерно для современных информационных платформ. Структура homepage напоминает агрегатор с ярко выраженной модульной сеткой — каждый блок выделен независимо, но без сложных декоративных элементов.
Тип модели: Flat + Material (flat доминирует, material проявляется в карточках/тенях).
Примеры элементов, указывающих на модель
Flat-элементы
Однотонный фон, минимум градиентов.
Чёткие заголовки, отсутствие объемных теней.
Material-элементы
Карточки с новостями и изображениями.
Четкие разделение блоков (категории, превью)
Избыточные элементы
Избыточность: комбинирование классических рекламных блоков, больших изображений и агрегированных сервисов (почта, погода, поиск) может создавать ощущение визуального шумового эффекта, особенно на главной странице.
Где:
Блоки «Почта», «Поиск» могут отвлекать от главного контента.
Всплывающие подсказки и модули рекомендаций.
Это может конфликтовать с flat-логикой, которая предполагает чистоту и минимализм.
Главные достоинства и недостатки
Преимущество:
Rambler.ru объединяет не только новости, но и разнообразный контент (почта, сервисы, блоги), а flat-структура упрощает восприятие большого объема информации.
Недостаток:
Визуальный шум из-за множества разнотипного контента и рекламных блоков.
Что исправить:
Упростить главный экран: сократить лишние функциональные блоки для концентрации на ключевых новостях.
2) Tass.ru
Характеристика дизайн-модели
Сайт Tass.ru построен в духе современного flat-дизайна, ориентированного на ленту прокручиваемого контента с минимальными декоративными элементами и акцентом на удобство восприятия текста и изображений. Его подход можно охарактеризовать как mobile-first flat-design, где упор сделан на читабельность контента без лишних отвлекающих элементов и с визуальным разделением блоков.
Сайт был полностью переработан под концепцию бесконечного скроллинга и лаконичного восприятия материалов, чтобы сделать его удобным в первую очередь на мобильных устройствах.
Тип модели: Flat.
Примеры элементов, указывающих на модель
Flat-элементы
Большие области текста без декоративных эффектов.
Четкие зоны новостей, отсутствие теней и 3D-эффектов.
Дополнительные flat-признаки
Акцент на типографику и читаемость.
Минимальное использование декоративных графических элементов.
Избыточные элементы
В целом дизайн выдержан строго, но иногда длинный бесконечный скролл может перегружать вниманием пользователя и снижать фокус на ключевых новостях.
Примеры:
Секция «Фото и Видео» может выглядеть громоздко, если переходит сразу в ленту.
Главные достоинства и недостатки
Преимущество:
Простота восприятия и удобство чтения — особенно при потреблении новостей в мобильном формате.
Недостаток:
Разнообразие визуальных форматов (например, длинные визуальные блоки, разделы фото/видео) может быть немного лишним и отвлекать от основной ленты.
Что исправить:
Возможно, усилить информационную и визуальную иерархию для лучшей навигации (например, чёткое разделение модулей визуального контента).
Вывод: Tass.ru имеет более последовательный и современный flat- дизайн, ориентированный на читаемость и удобство пользователя, особенно с мобильных устройств. Это делает его в целом «лучшей» реализацией дизайн-модели для информационного сайта. Rambler.ru предлагает более богатый функционал, но это немного снижает фокус на ключевом контенте и чистоте визуального восприятия.
Указание сайта и общая оценка технологичности
Сайт Lenta.ru можно охарактеризовать как технологически современный новостной ресурс, соответствующий стандартам крупных онлайн-СМИ. Он использует адаптивную верстку, мультимедийные форматы и базовые интерактивные технологии, ориентированные на массовую аудиторию и быстрое потребление информации.
Сайт не выглядит устаревшим, но при этом не демонстрирует экспериментальных или инновационных решений (таких как VR или AR). Его технологическая модель скорее прагматичная, чем экспериментальная.
Общий уровень технологий на сайте
RSS и мультимедийные элементы
RSS:
У сайта Lenta.ru имеются RSS-ленты, что говорит о его ориентации на постоянную аудиторию и использование стандартных технологий распространения новостей.
Мультимедиа:
На сайте активно используются:
фотографии как иллюстрации к материалам;
видеоматериалы (отдельный раздел «Видео», встроенные видеоплееры в новостях);
аудиоформаты встречаются редко и не являются ключевыми.
Мультимедиа органично встроены в новостный контент и дополняют текстовую информацию.
Интерактивные элементы
На сайте присутствуют умеренные интерактивные элементы:
кликабельные элементы навигации;
рекомендации «Читайте также»;
возможность подключения браузерных push-уведомлений о срочных новостях.
При этом такие элементы, как онлайн-чаты или постоянные интерактивные карты, используются ограниченно и не являются основой интерфейса.
Многомерные элементы (3D, VR, AR)
На сайте отсутствуют многомерные элементы:
3D-графика;
VR- или AR-проекты;
иммерсивные форматы.
Это указывает на то, что Lenta.ru ориентирована прежде всего на традиционное новостное потребление, а не на экспериментальные цифровые форматы.
Функции технологичных элементов на сайте
Технологичные элементы на сайте выполняют в основном вспомогательную и сервисную функцию:
RSS-ленты обеспечивают удобное распространение контента и автоматическое получение новостей;
фото и видео повышают наглядность и эмоциональное восприятие информации;
push-уведомления помогают оперативно информировать пользователя о важных событиях.
Можно сделать вывод, что технологии на сайте важны, но не являются самоцелью. Они поддерживают основную задачу СМИ — быстрое и понятное донесение новостей.
Технологическое юзабилити сайта
С точки зрения технологического юзабилити сайт Lenta.ru в целом удобен для пользователя:
страницы быстро загружаются;
сайт адаптирован под мобильные устройства;
мультимедийные элементы не мешают чтению текста;
навигация интуитивно понятна.
Технологии положительно влияют на восприятие информации, делая контент более наглядным и разнообразным. Однако большое количество новостей и рекомендательных блоков может создавать эффект информационной перегрузки.
Технологическая модель сайта ориентирована на массовую аудиторию и ежедневное новостное потребление, что делает его функциональным и удобным, хотя и не экспериментальным с точки зрения новых медиаформатов.
Комментарии
Отправить комментарий