Сравнительный анализ
сайтов СМИ с точки зрения дизайн-моделей Lenta.ru и Интерфакс
Общая характеристика дизайн-модели
Lenta.ru
https://lenta.ru/
Дизайн сайта Lenta.ru
можно охарактеризовать как смешанную модель flat + material design, при этом
доминирует material-подход.
Flat-элементы проявляются
в использовании простых иконок, отсутствии реалистичных текстур и декоративных
эффектов. Однако ключевая логика интерфейса строится на принципах material
design: карточная структура, визуальные контейнеры, цветовые слои, чёткое разделение
блоков контента.
Интерфакс
https://www.interfax.ru/
Сайт Интерфакс реализован
преимущественно в рамках flat-дизайна с выраженным функционально-информационным
уклоном.
Интерфейс ориентирован не
на визуальную выразительность, а на скорость доступа к информации. Отсутствуют
объёмные элементы, тени и декоративные эффекты. Иерархия выстраивается почти
исключительно за счёт типографики, списков и отступов.
2. Доказательства
принадлежности к дизайн-модели (визуальные признаки)
Lenta.ru
Признаки material-design:
• карточная подача
новостей, каждая публикация визуально отделена;
• использование
контейнеров с фоновыми плашками;
• чёткое деление экрана
на модули (лента, темы, боковые блоки);
• визуальное ощущение
слоёв (белые карточки на сером фоне).
Интерфакс
Признаки flat-дизайна:
• отсутствие карточек и
визуальных контейнеров;
• минимальное
использование цвета;
• линейная подача
новостей списком;
• типографика как
основной инструмент визуальной иерархии;
• отсутствие теней,
градиентов и декоративных эффектов.
Интерфейс выглядит
максимально плоским и утилитарным.
3. Избыточные или
неудачно используемые элементы других моделей
Lenta.ru
На сайте наблюдается
избыточное использование material-компонентов:
• слишком большое
количество карточек на первом экране;
• визуальное равенство
новостей разной значимости;
• высокая плотность
модулей создаёт эффект перегруженности.
Некоторые элементы
material-дизайна используются не для улучшения восприятия, а ради формального
структурирования контента.
Интерфакс
На сайте практически
отсутствуют элементы других дизайн-моделей, что можно рассматривать двояко:
• с одной стороны, это
обеспечивает чистоту flat-подхода;
• с другой — интерфейс
выглядит устаревшим и недостаточно адаптированным к современным
пользовательским ожиданиям.
Здесь скорее недостаток
выразительных элементов, чем их избыток.
4. Преимущества,
недостатки и возможные улучшения
Lenta.ru
Преимущества:
• высокая сканируемость
контента;
• современный визуальный
язык;
• удобство для быстрого
просмотра новостей.
Недостатки:
• визуальный шум;
• слабое выделение
главных материалов;
• утомляемость при
длительном использовании.
Возможные улучшения:
• уменьшение количества
карточек на первом экране;
• усиление визуального
приоритета ключевых новостей;
• упрощение фоновых и
вспомогательных элементов.
Интерфакс
Преимущества:
• высокая информационная
плотность;
• быстрая загрузка и
простота восприятия для профессиональной аудитории;
• логичная структура без
отвлекающих элементов.
Недостатки:
• визуальная устарелость;
• слабая иерархия
важности новостей;
• низкая адаптация под
поведенческие сценарии массовой аудитории.
Возможные улучшения:
• аккуратное внедрение
карточной структуры для ключевых новостей;
• добавление цветовых
маркеров рубрик;
• улучшение визуальной
навигации без отказа от flat-модели.
5. Вывод
С точки зрения чистоты
дизайн-модели, сайт Интерфакс является более последовательным примером
flat-дизайна, так как он практически не смешивает стилистические подходы.
Однако с точки зрения
современного пользовательского опыта более эффективным является сайт Lenta.ru,
несмотря на перегруженность интерфейса.
Его гибридная flat +
material модель лучше соответствует привычкам массовой аудитории и сценариям
быстрого потребления новостей.
Комментарии
Отправить комментарий