De nieuwe website van The Washington Post: print-geïnspireerde hiërarchie

Ander

Een van de meest aansprekende kenmerken van een gedrukte krantenpagina is ongetwijfeld de hiërarchie voor de inhoud die wordt weergegeven. Wanneer een redacteur en ontwerper samenwerken om de prioriteiten voor inhoud vast te stellen, dan is het aan de manier waarop typografie, maatvoering van elementen en positionering samenkomen om de lezer aan te geven wat het belangrijkste verhaal is, evenals de rangorde en het belang van die die volgen.

Een goed ontworpen voorpagina toont bijvoorbeeld een centrum van visuele impact (CVI) dat het punt van binnenkomst op de pagina wordt. Dat was het middelpunt van mijn eigen boek Contemporary Newspaper Design (Prentice-Hall, 1981), waar ik schreef:

“De ontwerper bepaalt de manier waarop hij wil dat de lezer visueel verder gaat op de pagina. Een van de basisregels van pagina-ontwerp is om onmiddellijke aantrekkingskracht voor de lezer te creëren. Het CVI moet voldoende interesse of aantrekkingskracht opwekken om in één oogopslag de aandacht van de lezer te trekken.”

Dit werd vervolgens gevalideerd met ons eigen Poynter EyeTrack-onderzoek uit de jaren tachtig, waarbij de ogen van de meeste lezers de pagina binnenkwamen via een foto of via een kop die het grootste element op de pagina was.

Visuele verleiding in één oogopslag is tegenwoordig nog belangrijker, omdat we informatie op verschillende platforms moeten presenteren, sommige met vrij kleine schermen, waar het creëren van hiërarchie een grotere uitdaging wordt.

Bij The Washington Post

The Washington Post is begonnen met het uitrollen van zijn langverwachte nieuwe website, na een reeks tests die in mei zijn begonnen.

Screenshot van de startpagina van WashingtonPost.com.

Ik heb een kijkje genomen in de nieuwe washingtonpost.com en twee dingen vallen op: de strakke, minimalistische benadering en de belangrijke en grotere rol die hiërarchie speelt. Het is alsof het digitale team van WaPo is geïnspireerd door de manier waarop nieuws in print wordt gepresenteerd en heeft besloten het via hun online editie te begroeten.

Het stijlvolle lettertype van The Post, Postoni, helpt ons vanaf het begin op bekend terrein te situeren.

Vanaf de startpagina strijden minder verhalen - slechts ongeveer vier - om aandacht aan de top. Het kleinere aantal verhalen geeft meteen aan dat dit de beste keuze is die we op dit moment zouden moeten kennen. Lezers waarderen curation, wat tenslotte een vorm van hiërarchie is voor contentselectie.

Ik zou willen dat de grootte van de koppen voor deze verhalen iets meer varieerde dan nu het geval is. Variatie in kopgrootte is een van de meest effectieve manieren om het belang aan te geven, iets waar drukwerkredacteuren en ontwerpers altijd op hebben gekapitaliseerd. In de nieuwe wapo.com is er slechts een heel klein verschil tussen het leadpiece en de secundaire.

De echte prioriteit ligt echter in de manier waarop navigatie wordt gepresenteerd. De nieuwe wapo.com heeft een traditionele horizontale navigatiebalk bovenaan: Politiek, Sport, Lifestyle, enz. Wat ik echter het leukst vond, was de meest directe nieuwsnavigatiebalk, met specifieke verhalen van de dag: Donald Trump, Redskins quarterbacks, Paus Franciscus. 'Modepolitie'.

Hiërarchie speelt ook een sleutelrol als we naar beneden scrollen op de pagina, met verschillende secties die hun inhoud daar presenteren, zoals in Opinie, Meer topverhalen, Visuele verhalen.

De artikelpagina, een punt waar we het allemaal over eens zijn, is waar veel lezers als eerste terechtkomen als ze via een link van sociale media komen, is ook schoon en gemakkelijk te volgen, maar met een sterke selectie van verhalen in een kolom rechts van de tekst. Dit is een manier waarop de redacteuren en ontwerpers de lezer vertellen: we weten dat je net bij ons bent gekomen, dus hier zijn enkele andere verhalen die je vandaag misschien leuk vindt.

Een gesprek met Cory Haik en Julia Beizer van de Post

Ik had een mini-interview met Julia Beizer van de Post, Director of Mobile Products, en Cory Haik, Executive Director, Emerging News Products.

Screenshotweergave van het mobiele serendipiteitsontwerp van The Washington Post.

Afgelopen mei, dat de Post twee versies van zijn web- en mobiele site, gemaakt door Team Rainbow, zou testen. Het woord serendipiteit werd genoemd als een van de elementen die nieuw zouden zijn.

Julia : We denken dat serendipiteit een belangrijke drijfveer is voor succes met engagement. Op internet proberen zowel nieuwsorganisaties als technologiebedrijven manieren te bedenken om lezers door te leiden naar meer stukken inhoud die ze misschien leuk vinden.

The Post experimenteert voortdurend in deze ruimte, door middel van redactionele productie, technologische vooruitgang zoals big-data personalisatie, enz. Rainbow Web is een van deze experimenten. We kozen ervoor om de lens van serendipiteit te gebruiken om ons te leiden. Welke nieuwe gebruikerservaringen kunnen we creëren om het soort opzettelijke serendipiteit te laten zien dat we al jaren in print hebben gecreëerd?

Dus hoe speelde het concept van de nieuwsbundel?

Cory : Krantenpapier is dood, lang leve krantenpapier! We omarmen de bundel volledig; dat hebben we altijd, want de krant was de originele 'bundel' die elke dag voor de deur rolde. Dit is een product waarvan wij denken dat het heel goed werkt, vooral voor serendipiteit. De doorbladerbaarheid en schaalbaarheid, dat is eerlijk gezegd gewoon gemakkelijk te consumeren. Het web kan het Wilde Westen zijn op het gebied van navigatie en het verkrijgen van een complete leeservaring. Om eerlijk te zijn, het papier is een product dat meer dan honderd jaar geperfectioneerd is. We wilden dit bundelconcept dus toepassen op internet en een completere leeservaring creëren waar gebruikers gemakkelijk doorheen kunnen bladeren. En het werkt! Gebruikers blijven langer en lezen meer verhalen per bezoek. En we denken dat de manier waarop we onze inhoud programmeren, mensen helpt om interessante verhalen te lezen die ze anders misschien niet zouden zijn tegengekomen. Het is zeker een experiment, maar het is er een waar we ons goed bij voelen en die op nieuwe manieren vooruitgaan. Onze komende focus zal zijn om manieren te vinden om meer van het rijke nieuwsontwerp dat we doen op de Rainbow-suite naar meer hoeken van The Washington Post te brengen.”

Welke van de modellen heb je geadopteerd?

Julia : Dit was onze eerste AB-test van Rainbow web. We zagen al vrij snel dat lezers liever gluren. Ons bouncepercentage was lager in die versie en onze bestede tijd was langer. We namen snel pinch als ons belangrijkste UX-paradigma voor Rainbow op mobiel internet. Het is effectief voor ons geweest - 14 procent van onze paginaweergaven op mobiel Rainbow-web komt van gebruikers die op dat kleine stukje artikel aan de rechterkant tikken. Dat is cool. Het is betrokkenheid die we op andere plaatsen niet hebben.

Op desktop gebruiken we nog steeds een knijpparadigma, maar we hebben het de afgelopen maanden herhaald om te optimaliseren voor grotere schermformaten. We hebben een navigatieparadigma zoals het bijgevoegde getest, waarbij we een visueel gestuurde nieuwsbrief met de naam First Reads als een navigatie-element op desktop / tabletweb binnenhaalden. We hadden verwacht dat dit de betrokkenheid zou stimuleren, maar we zagen het tegenovergestelde. Lezers bladerden eerder in knijpweergave dan dat ze deze rail gebruikten, dus we hebben deze inhoud in het hamburgermenu gestopt.'

Het is bevredigend om te zien dat deze nieuwe generatie van online nieuwsedities vooruitgaat met een slimme groet aan die printkwaliteiten die het waard zijn om over te dragen naar onze digitale inspanningen.

Dit zijn ook principes van goed nieuwsontwerp die ons goed hebben gediend en dat zouden moeten blijven doen:

1. Breng een duidelijk centrum van visuele impact tot stand dat het toegangspunt tot een pagina of scherm wordt.
2. Gebruik foto-/kopformaten om de lezer van het belangrijkste naar het minst belangrijke te leiden.
3. Zorg voor een schone omgeving voor het oog om rond te dwalen, vermijd rommel en drukte (dit is waar een goede interne witruimte het verschil maakt!).
4. Prioriteer de inhoud op basis van belangrijkheid en zorg voor dat gevoel van beheer dat essentieel is voor de manier waarop we tegenwoordig informatie consumeren.

De Washington Post doet het goed. Het moet als model dienen voor degenen die wijzigingen overwegen voor hun online edities.