NBC News está recebendo um novo design! Li tudo sobre isso! Há tantos jovens que talvez nunca tenham essa piada, a menos que gostem de assistir a filmes de época. Bem, muito parecido com humor em si, a NBC News está se movendo com o Times (desculpe), e construindo-se um novo sistema de design, em conjunto com a agência de design externo Código e Teoria .

O atual Notícias da NBC site permanece intacto, o que nos dá tempo para pegar um bom antes e depois de screenshots. O novo sistema de projeto está sendo testado em dois sub-sites - ou "verticais" - chamados Mach e Melhor . E eu tenho que dizer, está parecendo bom.

Como muitos outros sites, a NBC News está deixando para trás o clássico tema visual jornalístico em favor de algo mais moderno. Na verdade, o novo sistema de design vai além do estilo tech-tabloid (techbloid?) Recentemente adotado pelo Huffpost, e direto ao território do blog de tecnologia. Talvez até se estenda para o território do blog de design.

antes

O atual site de notícias da NBC

Seu novo estilo coloca uma ênfase mais forte em imagens e vídeos do que o antigo, presumivelmente por um desejo de dar contexto a cada título (e obter mais cliques). Mas não, eles realmente dobraram o vídeo: eles desenvolveram seu próprio player de vídeo HTML5 para usar em seus sites.

mach

O Mach Vertical

Além disso, eles adotaram um toque de assimetria nas versões desktop e móvel de seus sites. Eles optaram por uma variação simplificada e pixel-perfeita na aparência de “colagem” cada vez mais popular. Enquanto isso, eles diminuíram um pouco a sua marca tradicional em favor de fazer com que cada sub-site parecesse algo próprio. Isso é amplamente conseguido através do uso pesado de cores de destaque que são diferentes para cada vertical. Isso em si é um sinal para o logo do pavão, mas também serve para separar suas propriedades. O “Mach” vertical de espírito tecnológico vai para o azul profundo clássico, enquanto o auto-aperfeiçoamento e o “Better” com foco na saúde são acentuados em verde. Eu me vejo compelido a sugerir um belo marrom deprimente para sua seção política, quando eles chegam até ele.

Melhor

O melhor vertical

A tipografia é sólida e projetada para ser dimensionada para todos os tamanhos de tela. As manchetes são definidas na bela Fundadores Grotesk Condensados e o texto do corpo em Publico . Esses tipos foram escolhidos para legibilidade, e como ainda não encontrei nenhum problema, eu diria que eles acertaram.

A grande coisa sobre o design, no entanto, é que ele é modular, em vez de depender de modelos de página estritos. Eles querem ser capazes de colocar qualquer tipo de conteúdo praticamente onde quiserem, mantendo a marca e o estilo consistentes, portanto a flexibilidade era uma prioridade. Dada a grande variedade de conteúdo que uma grande agência de notícias pode ter de incluir em seu site, isso é importante.

Eles não apenas atualizaram o visual, eles atualizaram todo o processo para colocar notícias onde as pessoas podem ver

Agora, esse sistema de design cumpre suas aspirações? Bem, como todos os sistemas de design, provavelmente vai precisar de alguma iteração, e é por isso que a NBC News fez o movimento tático muito inteligente de testá-lo em sub-sites. Ainda assim, olhando para Mach e Better, e lendo as metas declaradas para o sistema de design em suas Postagem média Eu diria que eles ficaram terrivelmente perto. (Aliás, eles falam sobre sua pilha de tecnologia nesse post; eles usam Drupal .)

Quanto mais olho para ela, mais percebo que a atualização visual talvez não seja a parte mais importante do novo design. Eles não apenas atualizaram o visual, eles atualizaram todo o processo para colocar notícias onde as pessoas pudessem ver. Dito isto, adoro o novo visual. Eu posso ser tendencioso, dado o quão similar é para alguns blogs de design e tecnologia, mas eu faço.

Eu acho que essa reformulação vai funcionar para eles.