Самый большой пакет курсов uprock со скидкой 80%

Особенности дизайна новостных и медиапорталов

Автор статьи:
,

Введение

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

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

Особенности новостных и медиапорталов

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

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

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

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

Структура

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

Главная страница — это первая страница, которую видят посетители, на ней расположены главные новости дня. Эта страница должна быть правильно выстроена с точки зрения UX: изображения, заголовки и навигация должны быть понятными, удобными и привлекательными, что побудит пользователей к дальнейшему изучению материалов сайта.
news.bahai.org

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

shoppers.media

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

Elena Saharova
Индивидуальная страница, на которую пользователь переходит, чтобы прочитать новость стандартно строится по принципу перевернутой пирамиды. Такая пирамида состоит из четырех структурных элементов.
01
Заголовок
Призван привлечь внимание читателя и в то же время резюмировать основную мысль статьи. После заголовка следует информация об авторе и дате выхода статьи.
02
Аннотация (лид-абзац)
Ее можно считать самой важной частью. Она должна состоять из одного абзаца, и, прочитав его, аудитория должна понять, о чем именно идет речь в статье.
03
Основная часть
Основной раздел статьи, который содержит подробные сведения о событии.
04
Концовка (заключение)
Включает в себя вывод и отсылку к другим материалам.

Основные метрики

Удержание пользователей

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

Привлечение пользователей

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

Доход от рекламы

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

Снижение коэффициента отказов

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

Функции, которые необходимы новостному и медиапорталу

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

Однако важно помнить о ряде функций, которые помогут быть конкурентными не только в отношении традиционных СМИ, но и других онлайн-порталов.

Оптимизация под мобильные устройства

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

Архивирование новостей

Архивирование позволяет посетителям сравнивать истории, изучать прошлые события и получать исторический взгляд на различные вопросы.

Функциональность поиска

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

Интеграция мультимедиа

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

Примеры

The New York Times

nytimes.com

Газета New York Times представлена в Интернете с 1996 года и входит в число ведущих сайтов. New York Times стала одним из первых значимых новостных сайтов, которые стали доступны на мобильных устройствах. Сайт выдержан в классическом стиле, напоминающим газету.

BBC

bbc.com

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

Newsstand

newsstand.co.uk

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

Yahoo News

news.yahoo.com

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

Timeline

timeline.knightlab.com

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

Заключение

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

Бесплатный учебник по UX/UI‑дизайну
Все лонгриды