NBC News bekommt ein neues Design! Lesen Sie alles darüber! Es gibt so viele junge Leute, die diesen Witz vielleicht niemals bekommen, es sei denn, sie schauen sich gerne historische Filme an. Nun, ähnlich wie der Humor selbst, bewegt sich NBC News mit der Times (Entschuldigung) und baut sich zusammen mit der externen Designagentur ein ganz neues Designsystem auf Code und Theorie .

Die jetzige NBC Nachrichten Website bleibt unberührt, was uns Zeit gibt, vor und nach den Screenshots etwas Gutes zu tun. Das neue Designsystem wird derzeit an zwei Teilstandorten - oder "Verticals" - getestet Mach , und Besser . Und ich muss sagen, es sieht gut aus.

Wie viele andere Websites hinterlässt NBC News das klassische Zeitungs-visuelle Thema zugunsten von etwas moderneren. In der Tat geht das neue Design-System weiter als der Tech-Tabloid (Techbloid?) Stil, der kürzlich von Huffpost übernommen wurde, und direkt in Tech-Blog-Territorium. Vielleicht erstreckt es sich sogar in Design-Blog-Gebiet.

Vor

Die aktuelle NBC-Nachrichtenseite

Ihr neuer Stil legt mehr Wert auf Bildmaterial und Video als auf das alte, vermutlich aus dem Wunsch heraus, jeder Schlagzeile Kontext zu geben (und mehr Klicks zu erzielen). Aber nein, sie haben sich auch auf dem Video verdoppelt: Sie haben direkt einen eigenen HTML5-Videoplayer entwickelt, der auf ihren Websites verwendet werden kann.

Mach

Die Mach Vertikale

Darüber hinaus haben sie sowohl auf der Desktop- als auch auf der mobilen Version ihrer Websites einen Hauch von Asymmetrie angenommen. Sie haben sich für eine optimierte und pixelgenaue Variante des immer beliebteren "Collage" -Looks entschieden. In der Zwischenzeit haben sie ihr traditionelles Branding etwas abgeschwächt, um jede Sub-Site wie eine eigene Sache aussehen zu lassen. Dies wird weitgehend durch die starke Verwendung von Akzentfarben erreicht, die für jede Vertikale unterschiedlich sind. Das ist eine Anspielung auf das Pfau-Logo, aber es dient auch dazu, ihre Eigenschaften zu trennen. Der Tech-orientierte vertikale "Mach" geht für das klassische tiefe Blau, während das Selbst-Verbesserung und Gesundheit-fokussierte "Better" grün akzentuiert wird. Ich finde mich gezwungen, ein schönes deprimierendes Braun für ihre politische Abteilung vorzuschlagen, wenn sie dazu kommen.

besser

Die bessere Vertikale

Die Typografie ist solide und auf alle Bildschirmgrößen skalierbar. Die Schlagzeilen stehen im Schönen Gründer Grotesk Condensed und der Text in Publico . Diese Schriftarten wurden für die Lesbarkeit ausgewählt, und da ich noch keine Probleme habe, würde ich sagen, dass sie es richtig gemacht haben.

Das wirklich große an dem Design ist jedoch, dass es modular sein soll, anstatt sich auf strenge Seitenvorlagen zu verlassen. Sie möchten Inhalte jeder Art so gut wie möglich platzieren können, während sie gleichzeitig ein einheitliches Branding und einen konsistenten Stil beibehalten. Daher war Flexibilität eine Priorität. Angesichts der Vielfalt der Inhalte, die eine große Nachrichtenagentur auf ihrer Website veröffentlichen muss, ist dies wichtig.

Sie haben nicht nur das Aussehen aktualisiert, sie haben auch ihren gesamten Prozess aktualisiert, um Nachrichten dorthin zu bringen, wo die Leute sie sehen können

Wird dieses Designsystem seinen Ansprüchen gerecht? Nun, wie bei allen Design-Systemen wird es wahrscheinlich eine gewisse Iteration brauchen, weshalb NBC News den sehr intelligenten taktischen Schritt gemacht hat, es auf Sub-Sites auszuprobieren. Immer noch, Mach und Better, und lesen Sie die angegebenen Ziele für das Design - System in ihrem Mittlerer Beitrag Ich würde sagen, sie waren schrecklich nahe dran. (Übrigens reden sie in diesem Post über ihren Tech Stack; sie benutzen ihn Drupal .)

Je länger ich es betrachte, desto mehr erkenne ich, dass die visuelle Aktualisierung vielleicht nicht der wichtigste Teil des Redesigns ist. Sie haben nicht nur das Aussehen aktualisiert, sie haben auch ihren gesamten Prozess aktualisiert, um Nachrichten dorthin zu bringen, wo die Leute sie sehen können. Das heißt, ich liebe das neue Aussehen. Ich mag voreingenommen sein, wenn man bedenkt, wie ähnlich es einigen Design- und Tech-Blogs ist, aber ich tue es.

Ich denke, diese Überarbeitung wird für sie funktionieren.