NBC News får et nyt design! Læs alt om det! Der er så mange unge mennesker, der måske aldrig får den joke, medmindre de kan lide at se filmfilm. Nå, ligesom humor selv, går NBC News med Times (undskyld) og bygger sig et helt nyt design system sammen med det eksterne design bureau Kode og teori .

Den nuværende NBC News site forbliver uberørt, hvilket giver os tid til at hente nogle gode før og efter screenshots. Det nye designsystem testes for øjeblikket på to undergrupper - eller "verticals" - kaldet Mach , og Bedre . Og jeg må sige, det ser godt ud.

Ligesom mange andre websteder efterlader NBC News det klassiske avis-eske visuelle tema til fordel for noget mere moderne. Faktisk går det nye design system længere end den tech-tabloid (techbloid?) Stil, der for nylig blev indrammet af Huffpost, og lige ind i tech blog-område. Måske strækker det endda ind i designbloggens område.

Før

Nuværende NBC News Site

Deres nye stil lægger større vægt på billeder og video end den gamle, formodentlig ud af et ønske om at give kontekst til hver overskrift (og få flere klik). Men nej, de fordoblede sig virkelig også på videoen: de lige op udviklede deres egen HTML5 videospiller til brug på deres websteder.

mach

Mach Vertikal

Derudover har de omfavnet et strejf af asymmetri på både desktop og mobile versioner af deres websteder. De er gået til en strømlinet og pixel-perfekt variation på det stadig mere populære "collage" look. I mellemtiden har de faktisk tonet ned deres traditionelle branding lidt for at gøre hver underside til at ligne sin egen ting. Dette opnås i vid udstrækning gennem den kraftige brug af accentfarver, som er forskellige for hver lodret. Det er i sig selv et nøgle til påfuglets logo, men det tjener også til at adskille deres egenskaber. Den tech-minded lodrette "Mach" går til den klassiske dybblå, mens selvforbedring og sundhedsfokuseret "Bedre" er accenteret i grønt. Jeg er nødt til at foreslå en dejlig deprimerende brun for deres politiske sektion, når de kommer rundt til det.

bedre

Den Bedre Lodret

Typografien er solid og designet til at skalere til alle skærmstørrelser. Overskrifterne er sat i den smukke Stiftere Grotesk kondenseret , og kroppens tekst i Publico . Disse skrifttyper blev valgt til læsbarhed, og som jeg endnu ikke har nogen problemer, ville jeg sige, at de fik det rigtigt.

Den rigtig store ting ved designet er imidlertid, at det er meningen at være modulært, i stedet for at stole på strenge sideskabeloner. De ønsker at være i stand til at sætte enhver form for indhold ret meget, hvor de vil, samtidig med at der opretholdes ensartet branding og stil, så fleksibilitet var en prioritet. I betragtning af den store mangfoldighed af indhold, som et stort nyhedsbureau måske skal medtage på deres websted, er dette vigtigt.

De opdaterede ikke blot udseendet, de opdaterede hele deres proces for at sætte nyheder, hvor folk kan se det

Nu lever dette design system op til sine ambitioner? Nå, som alle designsystemer, vil det nok have brug for noget iteration, hvorfor NBC News gjorde det meget kloge taktiske træk ved at teste det ud på subsites. Stadig, kigger på Mach og Bedre, og læser de angivne mål for designsystemet i deres Mellempost Jeg vil sige, at de blev forfærdelige tætte. (I øvrigt snakker de om deres tech stack i det indlæg, de bruger Drupal .)

Jo længere jeg ser på det, jo mere indser jeg, at den visuelle opdatering måske ikke er den vigtigste del af redesignet. De opdaterede ikke blot udseendet, de opdaterede hele deres proces for at sætte nyheder, hvor folk kan se det. Når det er sagt, elsker jeg det nye udseende. Jeg kan være forspændt, i betragtning af, hvordan lignende det er for nogle design og tech blogs, men jeg gør det.

Jeg tror, ​​at denne revolver skal arbejde for dem.