Жилина Анастасия ФЖЗ-401. СОВРЕМЕННЫЕ ТЕХНОЛОГИИ ПРОИЗВОДСТВА СМИ. ЭКЗАМЕНАЦИОННОЕ ЗАДАНИЕ №1. ТЕХНОЛОГИЧЕСКАЯ МОДЕЛЬ САЙТА СМИ

 

для данного задания был выбран сайт: https://vostokmedia.com/

 

1) Укажите сайт СМИ, который вы рассматриваете. В целом оцените его технологичность - кажется ли он вам современным или нет?

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

Унаследованная дизайн-модель: Сайт построен на устаревшей модели «скевоморфизма в вебе» и тяжёлом плоском дизайне, который не соответствует нынешним стандартам.

Многочисленные градиенты (на кнопках, в шапке), объёмные рамки вокруг блоков, использование текстур (например, едва заметная текстура в фоне хедера). Это элементы дизайна, от которых современные интерфейсы давно отказались в пользу минимализма и функциональности.

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

Статичность и низкая интерактивность: Сайт кажется «неживым». Элементы реагируют на наведение минимально или не реагируют вовсе. Практически отсутствуют плавные переходы или микровзаимодействия, которые являются стандартом для современных сайтов.

Обилие табличной для не-табличных данных (например, списков новостей), что является архаичным методом.

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

 

2) Охарактеризуйте общий уровень технологий на сайте: 

2.1. есть ли RSS, элементы мультимедиа (видео и аудио)?

2.1 Наличие RSS и мультимедиа

·        RSS-лента: Да, есть. На сайте используется стандартная иконка RSS (оранжевый квадрат с белыми волнами), которая ведёт на страницу с лентой новостей в XML-формате (например, https://vostokmedia.com/rss). Это базовый, но важный функционал для подписки.

·        Элементы мультимедиа (видео и аудио): Да, присутствуют, но в устаревшем формате.

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

Аудио: Отдельных аудиоплееров или подкастов на главной странице не видно. В статьях аудиоконтент, вероятно, представлен также через встраивание.

 

2.2. есть ли интерактивные элементы (карты, чат-окна, браузерные уведомления)?

2.2 Наличие интерактивных элементов

Уровень интерактивности на сайте низкий, что соответствует его общей устаревшей модели.

·        Интерактивные карты: Нет. В публикациях для иллюстрации географических данных используются статические изображения карт (скриншоты), а не интерактивные виджеты (например, Яндекс.Карты или Google Maps).

·        Чат-окна или онлайн-консультанты: Нет. На сайте не обнаружено виджетов живого чата, что сейчас является стандартом для медиа, стремящихся к вовлечению аудитории.

·        Браузерные уведомления (Push): Нет. Сайт не запрашивает разрешение на отправку push-уведомлений, что является ещё одним упущением с точки зрения современных технологий взаимодействия с читателем.

 

2.3. есть ли многомерные элементы (3D, VR, AR)?

2.3 Наличие многомерных элементов (3D, VR, AR)

3D-графика, VR (виртуальная реальность), AR (дополненная реальность): Полностью отсутствуют. Контент представлен исключительно в классических 2D-форматах: текст, изображения, видео. Никаких интерактивных 3D-моделей, сферических панорам или проектов с метками AR на сайте нет.

 

3) Предположите какую функцию несут технологичные элементы на сайте? Являются ли они важными или второстепенными?

Функции технологичных элементов на сайте

1.    RSS-лента

Предполагаемая функция: Предоставление аудитории (в основном технически подкованной) возможности подписаться на автоматическое получение новостей через RSS-агрегаторы. Это функция удобства и автоматизации, а также канал для партнёрских перепубликаций.

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

2.    Мультимедийные элементы (видео, фото)

Предполагаемая функция: Иллюстративная и развлекательная. Видео (чаще всего встраиваемые с YouTube) и фотогалереи призваны дополнить текст, сделать материал более наглядным и эмоциональным, повысить время пребывания на странице.

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

3.    Интерактивные элементы (практически отсутствуют)

Фактическое отсутствие чатов, уведомлений, карт говорит само за себя. Сайт не ставит задач по созданию:

1.    Сообщества (функция чата/комментариев с модерацией).

2.    Персонализации (функция push-уведомлений для возврата аудитории).

3.    Глубокой аналитической журналистики (функция интерактивных карт и инфографики для объяснения сложных тем).

 

4) Охарактеризуйте технологическое юзабилити сайта. Насколько технологии на этом сайте помогают или мешают вам им пользоваться? Влияют ли они на ваше восприятие информации, и если да, то как?

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

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

Вот детальная характеристика с примерами.

 Как технологии мешают пользоваться сайтом:

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

 

На скриншоте видна типичная проблема: контент разбит на жёсткие, не связанные между собой колонки-ячейки таблицы, что нарушает естественный поток чтения.

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

3.Низкая интерактивность и слабая обратная связь.
Кнопки и ссылки часто не имеют визуального состояния при наведении . Пользователь не понимает, кликабелен ли элемент. Например, пункты основного меню выглядят статично.

Курсор наведён на пункт меню « все новости», но никакой подсветки, подчёркивания или изменения цвета не происходит. Это дезориентирует.

4.Технические ошибки и долгая загрузка.
Из-за большого количества тяжёлых изображений и скриптов, загружаемых сразу, страница открывается с заметной задержкой. В консоли разработчика часто можно увидеть ошибки загрузки ресурсов, что говорит о плохой технической поддержке.

 

Как это влияет на восприятие информации:

1.    Снижает доверие и авторитетность. Устаревший, «ломанный» дизайн подсознательно ассоциируется с небрежностью, неактуальностью и низким качеством контента. Даже серьёзная новость в такой обёртке теряет вес.

2.    Повышает когнитивную нагрузку. Вместо того чтобы легко скользить по контенту, мозг тратит ресурсы на преодоление барьеров: «куда нажать?», «почему всё едет?», «где продолжение статьи?». Это приводит к быстрой усталости.

3.    Формирует негативный пользовательский опыт (UX). Пользователь запоминает не содержание, а раздражение от процесса взаимодействия. Шанс, что он вернётся на сайт добровольно, стремительно падает.

 

Вывод:

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

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

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