Экзаменационное задание №1. Лента.Ру

1.Общая оценка графического дизайна сайта 

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

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

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

2.Тип верстки сайта 

На сайте используется тип верстки: Рванная 

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

3.Типографика Lenta.ru 

Типографика сайта минималистическая, выполненная в современном стиле и сделанная так, чтобы текст можно было "потребить" быстро, не отвлекаясь на сторонние раздражители. Сайт использует несколько шрифтов, таких как:
-Lato Lenta
-Helvetica Neue
-Helvetica
-Arial
-Sans-serif

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

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

4.Колончатые анимации и макет 

На сайте отсутствует экранная анимация, а при моем анализе кода страницы по слову "grid" было обнаружено 126 совпадений, но мне кажется, он не соответствует общепринятым типам макетов, скорее всего эти совпадения относятся к внутренним компонентам, таким как "longgrid" и "card-mini_longgrid", разработанным специально для оформления сайта Лента.ру. Поиск по ключевым словам "col-sm", "col-xs", "col-md" и "col-lg" не дал никаких результатов.

5.Юзабельность сайта 

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

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