El nou lloc web del Washington Post: jerarquia inspirada en la impressió

Altres

Sens dubte, potser una de les característiques més atractives d'una pàgina de diari impresa és com pot mostrar la jerarquia del contingut que mostra. Quan un editor i un dissenyador treballen conjuntament per establir les prioritats del contingut, depèn de com s'uneixen la tipografia, la mida dels elements i el posicionament per indicar al lector quina és la història més important, així com el rang i la importància d'aquestes. que segueixen.

Una portada ben dissenyada, per exemple, mostra un Centre d'impacte visual (CVI) que es converteix en el punt d'entrada a la pàgina. Aquesta va ser la peça central del meu propi llibre Contemporary Newspaper Design (Prentice-Hall, 1981), on vaig escriure:

“El dissenyador controla la manera com vol que el lector procedi visualment a la pàgina. Una de les regles bàsiques del disseny de la pàgina és crear una atracció instantània per al lector. El CVI hauria de generar prou interès o magnetisme per captar l'atenció del lector d'un cop d'ull'.

Això es va validar després amb la nostra pròpia investigació de Poynter EyeTrack de la dècada de 1980 en què la majoria dels ulls dels lectors entraven a la pàgina a través d'una foto o mitjançant un títol que era l'element més gran de la pàgina.

La seducció visual d'un cop d'ull és encara més important avui dia, ja que hem de presentar la informació a través de plataformes, algunes d'elles amb pantalles força petites, on crear jerarquies es fa més difícil.

Al Washington Post

El Washington Post ha començat a llançar el seu nou lloc web molt esperat, després d'una sèrie de proves que van començar al maig.

Captura de pantalla de la pàgina d'inici de WashingtonPost.com.

He donat un cop d'ull al nou WashingtonPost.com i hi destaquen dues coses: el seu enfocament net i minimalista i el paper important i més important que juga la jerarquia. És com si l'equip digital de WaPo s'hagués inspirat en com es presenten les notícies impresas i hagués decidit saludar-les a través de la seva edició en línia.

L'elegant tipus de lletra de Postoni, Postoni, ens ajuda a situar-nos en un territori conegut des del primer moment.

A partir de la pàgina d'inici, menys històries (només unes quatre) competeixen per obtenir l'atenció a la part superior. El menor nombre d'històries transmet immediatament que aquestes són les millors opcions que hauríem de conèixer en aquest moment. Els lectors agraeixen la curació, que és, després de tot, una forma de jerarquia per a la selecció de contingut.

M'agradaria que la mida dels titulars d'aquestes històries variés una mica més que no pas. La variació de la mida dels títols és una de les maneres més efectives d'indicar la importància, cosa que els editors i dissenyadors d'impressió sempre han capitalitzat. En el nou wapo.com, només hi ha una petita diferència entre la peça principal i les secundàries.

La veritable prioritat, però, ve en com es presenta la navegació. El nou wapo.com té una barra de navegació horitzontal tradicional a la part superior: Política, Esports, Estil de vida, etc. No obstant això, el que més m'ha agradat és la barra de navegació de notícies més directe, amb històries concretes del dia: Donald Trump, quarterbacks dels Redskins, Papa Francesc. ‘Policia de moda’.

La jerarquia també juga un paper clau a mesura que ens desplacem per la pàgina, amb diverses seccions que hi presenten el seu contingut, com a Opinió, Més notícies destacades, Històries visuals.

La pàgina de l'article, un punt en el qual tots coincidim és on arriben en primer lloc molts lectors, ja que arriben a través d'un enllaç de les xarxes socials, també és neta i fàcil de seguir, però amb un fort mostreig d'històries en una columna a la dreta del text. Aquesta és una manera com els editors i dissenyadors diuen al lector: sabem que us acabeu d'unir a nosaltres, així que aquí teniu algunes altres històries que podeu gaudir avui.

Una conversa amb Cory Haik i Julia Beizer del Post

Vaig tenir una mini entrevista amb la Julia Beizer, directora de Productes mòbils, i Cory Haik, directora executiva d'Emerging News Products.

Vista de captura de pantalla del disseny de serendipitat mòbil de The Washington Post.

El maig passat, el Post estaria provant dues versions del seu lloc web i mòbil creat per Team Rainbow. La paraula serendipity es va esmentar com un dels elements que seria nou.

Julia : Creiem que la serendipitat és un factor clau per a l'èxit amb el compromís. A tot el web, tant les organitzacions de notícies com les empreses tecnològiques intenten imaginar maneres de traslladar els lectors a més continguts que els puguin agradar.

The Post està experimentant contínuament en aquest espai, mitjançant la producció editorial, els avenços tecnològics com la personalització de big data, etc. Rainbow Web és un d'aquests experiments. Vam triar utilitzar la lent de la serendipia per guiar-nos. Quines experiències d'usuari noves podríem crear per mostrar el tipus de serendipitat deliberada que hem creat durant anys a la impremta?

Llavors, com va jugar el concepte del paquet de notícies?

Cory : El paper de diari ha mort, visca el paper de diari! Abracem plenament el paquet; sempre ho hem fet, ja que el diari era el 'paquet' original que s'enrotllava a la porta cada dia. Aquest és un producte que creiem que funciona molt bé, sobretot per serendipitat. La navegabilitat i escalabilitat que és tot, francament, fàcil de consumir. La web pot ser el salvatge oest pel que fa a la navegació i a aconseguir una experiència de lectura completa. Per ser justos, el paper és un producte que s'ha perfeccionat durant cent anys. Així que hem volgut agafar aquest concepte de paquet, aplicar-lo al web i crear una experiència de lectura més completa perquè els usuaris puguin navegar fàcilment. I està funcionant! Els usuaris es queden més temps i llegeixen més històries per visita. I creiem que la manera com programem el nostre contingut ajuda la gent a arribar a històries interessants que d'altra manera no haurien trobat. Sens dubte, és un experiment, però és un experiment amb el qual ens sentim bé i estem avançant de noves maneres. El nostre proper enfocament serà trobar maneres d'apropar més del ric disseny de notícies que fem a la suite Rainbow a més racons de The Washington Post'.

Quin dels models has adoptat?

Julia : Aquesta va ser la nostra primera prova AB de Rainbow web. Vam veure molt ràpidament que els lectors preferien la mirada. La nostra taxa de rebot va ser més baixa en aquesta versió i el nostre temps dedicat va ser més llarg. Ràpidament vam adoptar el pessic com el nostre paradigma UX bàsic per a Rainbow al web mòbil. Ha estat eficaç per a nosaltres: el 14 per cent de les pàgines vistes al web mòbil de Rainbow provenen dels usuaris que toquen aquesta petita part d'article a la dreta. Això és genial. És un compromís que no tenim en altres llocs.

A l'escriptori, encara fem servir un paradigma de pessic, però l'hem repetit durant els últims mesos per optimitzar-lo per a mides de pantalla més grans. Vam provar un paradigma de navegació com el que s'adjunta, incorporant un butlletí visual anomenat First Reads com a element de navegació al web d'escriptori/tauletes. Esperàvem que això ajudaria a impulsar el compromís, però en realitat vam veure el contrari. Els lectors eren més propensos a navegar a la vista de pessic que no pas a aquest rail, així que hem inclòs aquest contingut al menú d'hamburgueses'.

És satisfactori veure aquesta nova generació d'edicions de notícies en línia que avancen amb una salutació intel·ligent a aquelles qualitats de la impressió que val la pena transferir als nostres esforços digitals.

Aquests són també principis de disseny de bones notícies que ens han servit molt i haurien de continuar fent-ho:

1. Establir un centre d'impacte visual clar que es converteixi en el punt d'entrada a una pàgina o pantalla.
2. Utilitzeu mides de foto/títols per guiar el lector del més important al menys important.
3. Proporcioneu un entorn net perquè l'ull vagi, evitant el desordre i l'amuntegament (aquí és on un bon espai en blanc intern marca la diferència!).
4. Prioritzeu el contingut segons la importància, aportant aquest sentit de curació que és clau per a com consumim la informació avui.

El Washington Post ho està fent bé. Ha de servir de model per a aquells que contemplen canvis per a les seves edicions en línia.