NBC News får et nytt design! Les alt om det! Det er så mange unge mennesker som kanskje aldri får den vitsen, med mindre de liker å se filmer. Vel, som humor selv, flytter NBC News med Times (beklager), og bygger seg et helt nytt design system, sammen med det eksterne designbyrået Kode og teori .

Den nåværende NBC News Nettstedet forblir uberørt, noe som gir oss tid til å hente noe bra før og etter skjermbilder. Det nye designsystemet testes for tiden på to undergrupper - eller "vertikale" - kalt Mach , og Bedre . Og jeg må si det ser bra ut.

Som mange andre nettsteder, etterlater NBC News det klassiske avisblå visuelle temaet til fordel for noe mer moderne. Faktisk går det nye designsystemet lengre enn tech-tabloid-stilen (techbloid?), Som nylig ble omfavnet av Huffpost, og rett inn i teknologisk bloggområde. Kanskje det selv strekker seg inn i designbloggens territorium.

før

Nåværende NBC News Site

Deres nye stil legger sterkere vekt på bilder og video enn den gamle, antagelig ut av et ønske om å gi kontekst til hver overskrift (og få flere klikk). Men nei, de doblet seg virkelig også på videoen: de rett opp utviklet sin egen HTML5 videospiller for bruk på deres nettsteder.

mach

Mach Vertikal

I tillegg har de omfavnet et snev av asymmetri på både desktop og mobile versjoner av deres nettsteder. De har gått for en strømlinjeformet og piksel-perfekt variasjon på det stadig mer populære "collage" -utsnittet. I mellomtiden har de faktisk tonet ned deres tradisjonelle merkevarebygging litt til fordel for å gjøre hver underside ser ut som sin egen ting. Dette er i stor grad oppnådd gjennom kraftig bruk av aksentfarger som er forskjellige for hver vertikal. Det er i seg selv en nikk til påfugllogoen, men den tjener også til å skille sine egenskaper. Den tech-minded vertikale "Mach" går for den klassiske dypblå, mens selvforbedring og helsefokusert "Bedre" er aksentert i grønt. Jeg finner meg selv tvunget til å foreslå en fin, deprimerende brun for deres politiske del, når de kommer til det.

bedre

Den bedre vertikal

Typografien er solid og designet for å skalere til alle skjermstørrelser. Overskriftene er satt i den vakre Stiftere Grotesk kondensert , og kroppens tekst i Publico . Disse skrifttypene ble valgt for lesbarhet, og som jeg har ennå ikke møtt noen problemer, vil jeg si at de har det riktig.

Den virkelig store tingen om designet er imidlertid at den er ment å være modulær, i stedet for å stole på strenge sidemaler. De vil være i stand til å sette inn noe slags innhold ganske mye hvor de vil, samtidig som de opprettholder konsekvent merkevarebygging og stil, så fleksibilitet var en prioritet. Gitt det store innholdet et stort nyhetsbyrå kan måtte inkludere på deres nettsted, er dette viktig.

De oppdaterte ikke bare utseendet, de oppdaterte hele prosessen for å sette nyheter der folk kan se det

Nå lever dette designsystemet opp til sine ambisjoner? Vel, som alle designsystemer, vil det trolig trenge litt iterasjon, og derfor lagde NBC News det veldig smarte taktiske trekket på å teste det ut på sub-nettsteder. Fortsatt ser Mach og Better, og leser de oppgitte målene for designsystemet i deres Middels innlegg , Jeg vil si de ble forferdelig i nærheten. (Forresten snakker de om deres tech stack i det innlegget, de bruker Drupal .)

Jo lenger jeg ser på det, jo mer innser jeg at den visuelle oppdateringen kanskje ikke er den viktigste delen av redesignet. De oppdaterte ikke bare utseendet, de oppdaterte hele prosessen for å sette nyheter der folk kan se det. Når det er sagt, elsker jeg det nye utseendet. Jeg kan være partisk, gitt hvordan det ligner på noen design og tech blogger, men jeg gjør det.

Jeg tror denne revolusjonen kommer til å fungere for dem.