Original size 1140x1600

Архитектура внимания: дизайн новостного приложения РБК

2
This project is a student project at the School of Design or a research project at the School of Design. This project is not commercial and serves educational purposes
The project is taking part in the competition

Визуальная архитектура новостного потока: интерфейс и дизайн мобильного приложения «РБК» (РосБизнесКонсалтинг), как инструмент управления вниманием деловой аудитории.

big
Original size 1817x1211

Мобильное приложение «РБК».

Содержание

1. Концепция. 2. Введение. 3. Визуальная иерархия и приоритизация контента. 4. Структура и сегментация информационного потока. 5. Дизайн как воплощение бренда и инструмент формирования аудитории. 6. UX-стратегии управления и удержания внимания. 7. Заключение.

Концепция

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

Тема данного исследования выбрана в связи с возрастающей ролью дизайна и пользовательского опыта (UX) как активных, а не пассивных элементов медиакоммуникации.

Я буду рассматривать интерфейс не как как нейтральную «оболочку» или «сосуд» для новостей. Вместо этого я предлагаю анализировать его как культурный артефакт и инструмент управления, который формирует определенный тип медиакультуры. Приложение РБК представляет собой идеальный объект для такого анализа, поскольку оно адресовано специфической и влиятельной аудитории — деловой, экономически активной, принимающей решения. Его дизайн не просто обслуживает, но и конституирует ценности этой аудитории: эффективность, многозадачность, аналитичность, доверие к данным. Таким образом, актуальность темы заключается в необходимости деконструкции визуальных и UX-стратегий, которые скрыто, но мощно влияют на то, как мы воспринимаем и осмысляем реальность в её деловом и экономическом аспектах.

Материалом для исследования послужит мобильное приложение РБК на примере iOS. Анализ будет сфокусирован на версии приложения, актуальной на период исследования, чтобы обеспечить единообразие данных.

Принцип отбора визуального и интерфейсного материала будет тематическим и структурным. Я выделю и проанализирую следующие ключевые модули приложения: • Главный экран (лента новостей): как выстраивается иерархия информации, какие визуальные акценты (шрифты, цвет, размеры карточек) используются для управления вниманием. • Экран котировок и финансовых инструментов: как представлены сложные данные, какие интерактивные элементы (графики, фильтры) предлагаются пользователю. • Система навигации: структура меню, иконография, принципы перемещения между разделами, отражающие приоритеты контента. • Экран отдельной статьи: компоновка текста, иллюстраций, инфорграфики, рекламных баннеров, элементов вовлечения (комментарии, sharing). • Система уведомлений: их тематика, частота и формулировки как инструмент вне-аппового (вне приложения) воздействия и формирования информационной повестки.

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

Она будет состоять из следующих логически связанных разделов: 1. Введение. 1.1. Медиакультура и архитектура цифрового внимания. 2. Визуальная иерархия и приоритизация контента. 2.1. Первый экран (лента новостей). 3. Структура и сегментация информационного потока. 3.1. Архитектура ленты. 3.2. Навигация. 4. Дизайн как воплощение бренда и инструмент формирования аудитории. 5. UX-стратегии управления и удержания внимания. 5.1. Система рекомендаций. 5.2. Уведомления. 5.3. Интерактивность. 6. Заключение.

Принцип выбора и анализа текстовых источников:

Текстовые источники будут подбираться по следующим критериям: • Критика дизайна и интерфейса: Статьи и книги, рассматривающие дизайн не как эстетику, а как идеологию. • Публикации самого РБК и о РБК: Исследования медиариска, интервью с руководителями продукта и дизайнерами, которые помогут понять целеполагание и саморефлексию медиахолдинга.

Ключевой вопрос:

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

Гипотеза:

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

Оно: 1. Отражает ценности целевой аудитории (рациональность, эффективность, ориентация на данные), визуализируя их в строгом, минималистичном и data-rich интерфейсе. 2. Формирует у пользователя специфические когнитивные привычки: клиповое восприятие, усиленное доверие к цифрам и графикам, повышенную чувствительность к маркерам «срочности» и «важности», определяемым самим приложением. 3. Воспитывает «деловой» взгляд на мир, в котором биржевые котировки и экономические индикаторы становятся основными координатами для осмысления текущих событий, превращая пользователя из пассивного потребителя информации в активного участника, чье внимание постоянно направляется и ранжируется архитектурой приложения.

№ 1. Введение

Медиакультура учит нас, что каждый элемент интерфейса — это не случайность, а осознанный выбор, формирующий определенный тип медиаповедения (не только этому, просто это подходит к выбранной теме). Шрифт, цвет, расположение блоков, система навигации — все это работает как своеобразный «сценарий», который предлагается пользователю. Этот сценарий определяет, что является важным, как следует перемещаться по контенту и в конечном итоге — как выстраивать свою собственную ментальную карту реальности, представленной медиа.

Анализ приложения РБК сквозь эту призму позволяет увидеть, как ведущее деловое издание конструирует особую медиакультуру бизнес-аудитории. Это культура, основанная на эффективности, скорости, доверии к данным и многозадачности. Приложение не просто информирует; оно воспитывает определенный тип «делового» взгляда на мир, где биржевые сводки являются точкой отсчета, а сенсации отфильтрованы через призму аналитики.

Таким образом, интерфейс и UX приложения РБК — это наглядное воплощение его редакционной политики и целевой аудитории. Изучая его, мы понимаем, как современные медиа не просто передают сообщения, но и активно формируют культурные коды и паттерны внимания своих пользователей.

№ 2. Визуальная иерархия и приоритизация

Первый экран (лента новостей)

Самым верхним и фиксированным элементом является строка с биржевыми индексами (РТС, USD, EUR). Это немедленно задает тон и определяет целевую аудиторию.

Original size 1170x344

Верхняя строка приложении «РБК».

Даже до прокрутки ленты пользователь видит ключевые финансовые показатели. Это мощный инструмент привлечения и удержания внимания финансовой аудитории, который формирует установку на «деловую» сессию.

Главная новость выделяется не столько размером шрифта (он увеличен незначительно), сколько наличием крупной фотографии или видео-превью.

Original size 5000x3333

Примеры экрана «Главная новость».

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

И маркировка важности. Активно используются текстовые плашки:

Original size 1140x744

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

Original size 1140x744

Цветовая палитра мобильного приложения «РБК».

Использование красного цвета в мобильном приложении «РБК».

Это заставляет глаз цепляться именно за эти элементы, следуя культурному коду, где красный — сигнал тревоги или высшего приоритета.

№ 3. Структура и сегментация информационного потока

Архитектура ленты

Лента представляет собой гибридный «конструктор». Стандартный поток выглядит так:

 — Блок с индексами (фиксированно)  — Главная новость с фото  — Список новостей с плашками по интересам  — Блок «Слушайте радио РБК»  — Продолжение новостной ленты  — Блок новостей только от «РБК» (горизонтальный скролл)  — Продолжение ленты  — Блок: «Выбор редакции»  — Блок-рекомендация «Ваша лента»

Original size 3072x2049

Главная страница. Разнообразие блоков.

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

Навигация (Нижнее меню)

Original size 1170x180

Иконки и подписи: Главная, Радио, РБК, Рынки и Профиль.

Очень показательно, что «Рынки» — это отдельная вкладка. Это прямое указание на приоритет деловой информации. Внутри вкладки — сложный интерфейс с котировками, курсами и калькуляторами, что требует и получает отдельное пространство.

Original size 3000x2000

Внутренний интерфейс вкладки «Рынки»

Вкладка «РБК» визуально выделена — иконка с двумя золотистыми треугольниками, которые превращаются в один общий рисунок квадрата. Это акцентирует внимание на мультимедийном контенте студии РБК.

Пользовательский путь

Каждая из предложенных страниц делится на рубрики. Например, в РБК ТВ, мы сможем найти Радио и Видео, где всё поделено на блоки с горизонтальным и вертикальным скролом, а также структурирована по темам: «Популярное сейчас», «Последние видео», «Передачи» и другое.

Во вкладке «Котировки», мы так же сможем найти рубрикацию: «Акции», «Валюта», «Облигации» и «Фьючерсы».

В рекомендациях от РБК, тоже есть подразделения: «Главное», «Моя лента» и «Интересы».

Original size 5000x3333

Вкладки «Видео», «РБК» и «Радио РБК». Слева направо.

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

№ 4. Дизайн как отражение бренда и аудитории

Визуальный язык

Шрифты рубленные и легкочитаемые. Огромное количество информации помещено в небольшом пространстве экрана смартфона без ощущения сильной тесноты. Это дизайн для «сканирования» и быстрого поиска нужной информации.

Презентация контента

Внутри статей дизайн тоже аскетичен: качественная типографика, удобные для чтения интерлиньяж и отступы. Инфографика и диаграммы (например, в экономических обзорах) интегрированы непосредственно в текст и являются его неотъемлемой частью, а не просто иллюстрацией. Это формирует у аудитории культуру «чтения данных», где визуализация — это аргумент.

Original size 5000x3333

Отсутствие лишнего

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

№ 5. UX-стратегии удержания внимания

Система рекомендаций

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

Original size 5000x3333

Пример карточки «Читайте также».

Уведомления

Это ключевой канал управления вниманием вне приложения. РБК использует их активно. Тематика уведомлений часто балансирует между чисто деловыми («Нефть марки Brent подешевела до $82») и политически-сенсационными («В Кремле прокомментировали новую инициативу»). Эта двойственность позволяет охватить разные сегменты аудитории, манипулируя ее ожиданиями и формируя информационную повестку дня.

Интерактивность

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

Original size 5000x3333

Примеры графиков во вкладках «Валюта» и «Акции».

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

№ 6. Заключение

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

Таким образом, дизайн РБК можно рассматривать как визуальное воплощение его редакционной политики и коммерческой логики. Это — мастерски спроектированная среда, которая не просто уважает время и интеллект пользователя, но и активно конституирует его идентичность как рационального, экономически ориентированного юзера, чей фокус внимания постоянно направляется и ранжируется в соответствии с целями самого медиа.

Bibliography
1.

«The Design of Everyday Things», Donald Norman.

2.

«РБК», RBC.ru, Версия 5.10, [Мобильное приложение]. Приложение в интернет магазине.

Image sources
1.

Весь иллюстративный материал, использованный в данном исследовании — это скриншоты мобильного приложения «РБК», сделанные автором.

2.

«РБК», RBC.ru, Версия 5.10, [Мобильное приложение]. Приложение в интернет магазине.

Архитектура внимания: дизайн новостного приложения РБК
2
We use cookies to improve the operation of the website and to enhance its usability. More detailed information on the use of cookies can be fo...
Show more