Анализ дизайна сайта The New York Times

 

Анализ дизайна сайта

 

             Для анализа был взять сайт иностранного СМИ – «The New York Times» (https://www.nytimes.com/).

1.   Основной дизайн-моделью сайта является material-дизайн. Этот вывод подкрепляется несколькими характеристиками:

- полиграфический дизайн (изображения и текст подчиняется законам печатного дизайна)

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

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

- ориентированная анимация

- в мобильной версии плавная галерея иллюстраций

 

2.         Полиграфический дизайн

 

Тактильные поверхности

Ориентированная и осознанная анимация

3.          На сайте есть также элементы flat-дизайна. Этот вывод сделан по нескольким показателям:

- отсутствие падающих теней и лишних эффектов

- акцент на типографике (различные шрифты, их кегли и жирность)

- упрощенный логотип 

Иконки относятся к формату миниморфизма 

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

5.         Как пользователь этого сайта я нашла несколько деталей, которые являются минусами, и которые достаточно легко исправить в backend формате.

- при просмотре сайта страницы хотелось бы добавить скролл, который позволит пользователю сразу подняться на верх страницы, а не перелистывать ее снова после просмотра/прочтения. Это касается как сайта в целом, так и отдельных публикаций. Хотя в мобильной версии этот скролл есть.

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

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