Noul site web al The Washington Post: ierarhie inspirată de tipărire

Alte

Fără îndoială, poate una dintre cele mai atrăgătoare caracteristici ale unei pagini de ziar tipărite este modul în care poate arăta ierarhia conținutului pe care îl afișează. Atunci când un editor și un designer lucrează împreună la stabilirea priorităților pentru conținut, atunci depinde de modul în care tipografia, dimensionarea elementelor și poziționarea se îmbină pentru a indica cititorului care este cea mai importantă poveste, precum și rangul și importanța acestora. care urmează.

O pagină de față bine concepută, de exemplu, afișează un Centru de impact vizual (CVI) care devine punctul de intrare în pagină. Aceasta a fost piesa centrală a propriei mele cărți Contemporary Newspaper Design (Prentice-Hall, 1981), unde am scris:

„Designerul controlează modul în care dorește ca cititorul să procedeze vizual pe pagină. Una dintre regulile de bază ale designului paginii este crearea instantanee de atracție pentru cititor. CVI-ul ar trebui să genereze suficient interes sau magnetism pentru a capta atenția cititorului dintr-o privire.”

Acest lucru a fost apoi validat cu propria noastră cercetare Poynter EyeTrack din anii 1980, în care majoritatea ochilor cititorilor au intrat în pagină printr-o fotografie sau printr-un titlu care era cel mai mare element de pe pagină.

Seducția vizuală dintr-o privire este cu atât mai importantă astăzi, deoarece trebuie să prezentăm informații pe platforme, unele dintre ele cu ecrane destul de mici, unde crearea ierarhiei devine mai dificilă.

La The Washington Post

Washington Post a început să lanseze noul său site mult așteptat, în urma unei serii de teste care au început în mai.

Captură de ecran a paginii de pornire WashingtonPost.com.

Am aruncat o privire la nou washingtonpost.com și două lucruri ies în evidență: abordarea sa curată, minimalistă și rolul important și mai mare pe care îl joacă ierarhia. Este ca și cum echipa digitală WaPo a fost inspirată de modul în care sunt prezentate știrile în format tipărit și a decis să le salute prin ediția lor online.

Fontul elegant al Postoni, Postoni, ne ajută să ne situăm de la început pe un teritoriu familiar.

Începând de pe pagina de pornire, mai puține povești — doar aproximativ patru — concurează pentru atenția în partea de sus. Numărul mai mic de povești arată imediat că acestea sunt alegerea de top despre care ar trebui să știm în acest moment. Cititorii apreciază curatarea, care este, până la urmă, o formă de ierarhie pentru selecția conținutului.

Mi-aș dori ca dimensiunea titlurilor acestor povești să varieze puțin mai mult decât este. Variația dimensiunii titlului este una dintre cele mai eficiente modalități de a indica importanța, lucru pe care editorii și designerii de tipărire au valorificat întotdeauna. În noul wapo.com, există doar o diferență foarte mică între piesa principală și cele secundare.

Prioritatea reală, însă, vine în modul în care este prezentată navigația. Noul wapo.com are o bară de navigare orizontală tradițională în partea de sus: Politică, Sport, Stil de viață etc. Totuși, ceea ce mi-a plăcut cel mai mult este cea mai directă bară de navigare pentru știri, cu povești specifice zilei: Donald Trump, fundașii Redskins, Papa Francisc. „Poliția modei”.

Ierarhia joacă, de asemenea, un rol cheie pe măsură ce derulăm în jos pe pagină, cu diverse secțiuni prezentându-și conținutul acolo, cum ar fi Opinie, Mai multe povești de top, Povestiri vizuale.

Pagina articolului, un punct cu care suntem cu toții de acord este locul în care mulți cititori ajung primii, deoarece vin printr-un link de pe rețelele sociale, este, de asemenea, curată și ușor de urmărit, dar cu o eșantionare puternică de povești într-o coloană din dreapta textului. Acesta este un mod în care editorii și designerii îi spun cititorului: știm că tocmai v-ați alăturat nouă, așa că iată câteva alte povești de care vă puteți bucura astăzi.

O conversație cu Cory Haik și Julia Beizer de la Post

Am avut un mini interviu cu Julia Beizer, director de produse mobile, și Cory Haik, director executiv, Emerging News Products.

Vizualizare captură de ecran a designului serendipity mobil The Washington Post.

În luna mai trecută, Postul ar fi testat două versiuni ale site-ului său web și mobil creat de Team Rainbow. Cuvântul serendipity a fost menționat ca unul dintre elementele care ar fi noi.

Julia : Credem că serendipitatea este un factor cheie în succesul cu implicarea. Pe web, organizațiile de știri și companiile de tehnologie încearcă deopotrivă să viseze modalități de a muta cititorii către mai multe piese de conținut care le-ar putea plăcea.

Postul experimentează continuu în acest spațiu, prin producție editorială, progrese tehnologice precum personalizarea datelor mari etc. Rainbow Web este unul dintre aceste experimente. Am ales să folosim lentila serendipității pentru a ne ghida. Ce noi experiențe de utilizator am putea crea pentru a prezenta tipul de serendipity deliberat pe care l-am creat de ani de zile în tipărire?

Deci, cum a jucat conceptul pachetului de știri?

Cory : Hârtia de ziar a murit, trăiască hârtia de ziar! Îmbrățișăm pe deplin pachetul; am făcut-o întotdeauna, deoarece ziarul era „pachetul” original care se rostogoli pe pragul ușii în fiecare zi. Acesta este un produs despre care credem că funcționează foarte bine, mai ales pentru serendipity. Navigabilitatea și scalabilitatea care sunt toate, sincer, ușor de consumat. Web-ul poate fi Vestul Sălbatic în ceea ce privește navigarea și obținerea unei experiențe complete de lectură. Pentru a fi corect, hârtia este un produs care a fost perfecționat de peste o sută de ani. Așa că am vrut să luăm acest concept de pachet, să îl aplicăm pe web și să creăm o experiență de lectură mai completă pentru ca utilizatorii să poată naviga cu ușurință. Și funcționează! Utilizatorii stau mai mult timp, citesc mai multe povești pe vizită. Și credem că modul în care ne programăm conținutul îi ajută pe oameni să ajungă la povești interesante pe care altfel nu le-ar fi întâlnit. Cu siguranță, este un experiment, dar este unul pentru care ne simțim bine și mergem înainte în moduri noi. Următorul nostru obiectiv va fi să găsim modalități de a aduce mai mult design-ul de știri bogat pe care îl facem în suita Rainbow în mai multe colțuri ale The Washington Post.”

Pe care dintre modele l-ai adoptat?

Julia : Acesta a fost primul nostru test A-B pentru Rainbow Web. Am văzut destul de repede că cititorii au preferat privirea. Rata noastră de respingere a fost mai mică la acea versiune și timpul petrecut a fost mai lung. Am adoptat rapid pinch ca paradigmă de bază UX pentru Rainbow pe web mobil. A fost eficient pentru noi - 14% din vizualizările paginii noastre pe web Rainbow mobil provin de la utilizatorii care ating acel mic fragment de articol din dreapta. Asta e tare. Este o implicare pe care nu o avem în alte locuri.

Pe desktop, folosim în continuare o paradigmă de ciupire, dar am repetat-o ​​în ultimele luni pentru a optimiza ecranul pentru dimensiuni mai mari. Am testat o paradigmă de navigare precum cea atașată, introducând un buletin informativ bazat pe vizual numit First Reads ca element de navigare pe desktop/tabletă web. Ne așteptam ca acest lucru să contribuie la stimularea angajamentului, dar am văzut de fapt contrariul. Cititorii aveau mai multe șanse să răsfoiască în vizualizare de ciupit decât foloseau această șină, așa că am introdus acest conținut în meniul hamburger.”

Este satisfăcător să vedem această nouă generație de ediții online de știri care avansează cu un salut inteligent acelor calități de tipărire care merită transferate în eforturile noastre digitale.

Acestea sunt, de asemenea, principii ale designului de știri bune care ne-au servit bine și ar trebui să continue să o facă:

1. Stabiliți un centru clar de impact vizual care devine punctul de intrare într-o pagină sau ecran.
2. Utilizați dimensiunile fotografiilor/titlurilor pentru a ghida cititorul de la cel mai important la cel mai puțin important.
3. Oferiți un mediu curat pentru ca ochiul să se plimbe, evitând dezordinea și aglomerația (aici un spațiu alb intern bun face diferența!).
4. Prioritizează conținutul în funcție de importanță, oferind acel sentiment de curatare care este cheia modului în care consumăm informațiile astăzi.

Washington Post o face corect. Ar trebui să servească drept model pentru cei care se gândesc la schimbări pentru edițiile lor online.