Креативное письмо, верстка и веб-дизайн. Задание № 1. ФЖЗ-301, Макраусова А. А.

 Для анализа был выбран следующий сайт: https://www.5-tv.ru (Пятый канал)

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

Кроме того, используются тематические ролики (заметка с видеорядом) с логотипом канала на сайте можно заметить основные колонки новости, которые разделены по блокам: шоу-бизнес, политика, мировые новости, в России, происшествия, культура, спорт, экономика, технологии. Если открыть любой раздел, то можно заметить, что, например в разделе происшествия после основной новости есть эксклюзивная и срочная новость, что не может не вызывать интереса. Далее колонки таблоид – все статьи, которые также идут в тематическом блоке (сад, новости из жизни звезд, гороскопы и астропрогнозы и т.д.), день добрых дел (благотворительный проект), о канале, проекты и телепрограмма. 

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

Оформление сайта умеренное, то есть каждый раздел новостей почти равный (6 новостей из раздела гороскопа, ролики и т.д.), так выделяют наиболее актуальные, интересные новости за последние пару дней. Стоит отметить, что мало рекламы (4 рекламных предложения) и больше новостей. 

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

2. Тип верстки - прямой (симметричный). Так как новости расположены симметрично друг к другу, новости слева повторяются в колонке справа.

3. Колоночный макет – Bootstap определила с помощью поиска элемента <div class= "container-fluid"> … </div>

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

4. PT Sans – тип шрифта довольно-таки удобный в чтении, тем более в классическом варианте (белый фон, черный текст) .

5. О юзабилити сайта я начала немного говорить в пункте 1

Уровни UX:

поверхностный – кнопки новости, таблоид, день добрых дел, о канале, проекты, телепрограмма, прямой эфир горят светло-бежевым цветом (это не бросается в глаза, может, за счет бледной цветовой гаммы она не сильно выделяется на фоне красного цвета) см. пункт 1 с примерами, иконки с соцсетями и поиск вообще не горят. Хештеги в конце каждой новости представлены в темно-синем цвете, когда на них нажимаешь, они горят красным цветом.

компоновки - основные элементы находятся на одном уровне, не конфликтуют по дизайну и нагрузки друг с другом. Везде одинаковое оформление и размер шрифта (относительно заголовка и текста новости) одинаковые по размеру горизонтальные фотографии. В новостной ленте преобладают короткие ролики с логотипом канала до 30 секунд (заметка с видеорядом), а в самой новости и короткие тематические ролики (см. пункт 1) и более длинное видео (сюжеты) до 12 минут и больше. Это зависит от масштаба новости, видеоряда.

структура – все находится перед глазами, пользователь интуитивно может понять, где какие инструменты находятся, см. пункт 1.

набор возможностей – по сути из основных разделов, которые я описала в первом пункте от новостей до прямого эфира в главной кнопке находятся три новых раздела: кино и сериалы, для рекламодателей и обратная связь. Непонятно, зачем повторять не только соцсети помимо того, что указано (телеграм, вконтакте и т.д. добавили только иконку одноклассников) почему бы не оставить все в одном месте и убрать в другом. Также дублируется информация с основными разделами, и если нужно перейти на какой-то конкретный, то это можно сделать сразу (кино и сериалы, проекты), а не искать, например, какой-то телепроект где-то в разделе сайта. Возможно, стоит оставить информацию для рекламодателей, прямой эфир и обратную связь (расширить эти блоки), тогда останется много свободного места, если убрать проекты и их перечисление, о канале и т.д. Частично они так и сделали с блоком таблоида/день добрых дел (они расположены в верхней панели).

2-3 фото новости для рекламодателей

стратегия – 5 канал ориентирован на широкую аудиторию, то есть это может быть и молодежь, и люди среднего/пожилого возраста. Эфир телеканала предлагает как информационно-аналитические, так и развлекательные программы и шоу, документальные и художественные фильмы, сериалы. Однако если посмотреть информацию о канале, то создается ощущение, что он базирует себя как телеканал «Дом кино», где много различных фильмов и сериалов также и в визуальной части. 

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

Удобно, что в одном месте можно посмотреть предыдущий выпуск программы/послушать подкаст и посмотреть фотографии к этой же программе или проекту также, как и с аудиоматериалами (радио).

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

В целом можно сделать вывод, что 5 канал хорошо финансирован, хоть и оформление не до конца продумано. Например, зачем в основном блоке с новостями гороскоп? Тематика смешивается с информационным блоком, и читатель будто отвлекается и на жесткие темы, и уходит в тематичные новости, более мягкие, без особой смысловой нагрузки то есть нужно разделить (см. пункт 1).