NBC News Redesign är på sin väg
NBC News får en ny design! Läs allt om det! Det finns så många unga människor som kanske aldrig får det där skämt, om de inte gillar att titta på filmer. Tja, precis som humor själv, kommer NBC News att flytta med Times (förlåt) och bygga ett helt nytt designsystem tillsammans med det externa designbyrån Kod och teori .
Nuvarande NBC News platsen är orörd, vilket ger oss tid att ta några bra före och efter skärmdumpar. Det nya designsystemet testas för närvarande på två undersidor - eller "vertikaler" - som heter mach , och Bättre . Och jag måste säga att det ser bra ut.
Liksom många andra webbplatser lämnar NBC News det klassiska tidningsvisa visuella temat till förmån för något mer modernt. Faktum är att det nya designsystemet går längre än den tech-tabloid (techbloid?) Stilen som nyligen omfamnades av Huffpost, och rakt in i tech blog-territoriet. Kanske sträcker det till och med in i designbloggens territorium.
Nuvarande NBC News Site
Deras nya stil lägger starkare tonvikt på bild och video än den gamla, förmodligen utifrån en önskan att ge kontext till varje rubrik (och få fler klick). Men nej, de fördubblades verkligen på videon också: de rakt upp utvecklade sin egen HTML5-videospelare för användning på deras webbplatser.
Mach Vertikal
Dessutom har de tagit fram en touch av asymmetri på både skrivbords- och mobilversionerna av deras webbplatser. De har gått för en strömlinjeformad och pixel-perfekt variation på det alltmer populära "collage" -utseendet. Under tiden har de faktiskt tonat ner sin traditionella branding en liten fördel för att varje underplats ser ut som sin egen sak. Detta uppnås till stor del genom den kraftiga användningen av accentfärger som skiljer sig åt för varje vertikal. Det är i sig en knäppning till påfågellogotypen, men den tjänar också till att skilja sina egenskaper. Den tekniskt inriktade vertikala "Mach" går till den klassiska djupblåan, medan självförbättringen och den hälsofokuserade "Better" accentueras i grönt. Jag befinner mig tvungen att föreslå en fin deprimerande brun för sin politiska sektion, när de går runt till det.
Den bättre vertikala
Typografi är solid och konstruerad för att skala till alla skärmstorlekar. Rubrikerna sätts i den vackra Grundare Grotesk kondenserade , och kroppstexten i Publico . Dessa teckensnitt valdes för läsbarhet, och eftersom jag ännu inte stött på några problem skulle jag säga att de fick det rätt.
Den riktigt stora grejen om designen är dock att den är avsedd att vara modulär istället för att förlita sig på strikta sidmallar. De vill kunna sätta någon form av innehåll ganska mycket vart de vill, samtidigt som de upprätthåller konsekvent varumärke och stil, så flexibilitet var en prioritet. Med tanke på den stora mängd innehåll som en stor nyhetsbyrå kan behöva inkludera på sin webbplats är detta viktigt.
De uppdaterade inte bara utseendet, de uppdaterade hela processen för att sätta nyheter där människor kan se det
Nu lever detta designsystem upp till sina ambitioner? Tja, som alla designsystem, kommer det nog att behöva lite iteration, varför NBC News gjorde det väldigt smart taktiska draget av att testa det på sub-webbplatser. Fortfarande tittar på Mach and Better, och läser de angivna målen för designsystemet i deras Medium post , Jag skulle säga att de blev hemska nära. (Förresten talar de om deras tech stack i den posten, de använder Drupal .)
Ju längre jag tittar på det, desto mer inser jag att den visuella uppdateringen kanske inte är den viktigaste delen av redesignen. De uppdaterade inte bara utseendet, de uppdaterade hela processen för att sätta nyheter där människor kan se det. Som sagt, älskar jag det nya utseendet. Jag kan vara partisk, med tanke på hur liknande det är för vissa design- och teknikbloggar, men jag gör det.
Jag tror att denna revolvering kommer att träna för dem.