Редизайн сайта-новостей NBC

Редизайн сайта-новостей NBC

Истории одного веб-дизайнера @storywd

Сайт новостей NBC получит новый дизайн! Об этом стоит почитать! В настоящее время сайт NBC News остается нетронутым, что дает нам время, чтобы мы могли посмотреть на дизайн в стиле «до/после». Новая система проектирования в настоящее время тестируется на двух подсайтах - или «вертикалях» - называются они Mach и Better. И, забегая вперед, я должен сказать, что они выглядят хорошо.

Как и многие другие сайты, NBC News перестает использовать классическую газетную визуальную тему в пользу чего-то более современного. Фактически, новая система дизайна идет дальше, чем стиль tech-tabloid, который использует Huffpost, и выглядит она намного более технологичнее и интереснее.

Текущий сайт NBC News (до редизайна)

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

Раздел «Mach»

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

Раздел «Better»

Типография интересная и рассчитана на все размеры экрана. Заголовками являются тексты с шрифтом «Grotesk Condensed», а основной текст завернут в «Publico». Эти шрифты были выбраны для удобочитаемости, и, поскольку я еще не столкнулся с какими-либо проблемами, я бы сказал, что они правильно сделали.

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

«Они не просто обновили внешний вид, они обновили весь свой процесс для публикации новостей»

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

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

Я думаю, что это улучшение будет работать на них.

Report Page