Novo spletno mesto Washington Posta: hierarhija po navdihu tiska

Drugo

Brez dvoma je morda ena najbolj privlačnih lastnosti tiskane časopisne strani, kako lahko prikaže hierarhijo vsebine, ki jo prikazuje. Ko urednik in oblikovalec sodelujeta pri določanju prioritet za vsebino, je odvisno, kako se tipografija, velikost elementov in pozicioniranje združijo, da bralcu nakažejo, katera je najpomembnejša zgodba, pa tudi rang in pomen le-teh. ki sledijo.

Dobro oblikovana prva stran, na primer, prikazuje Center of Visual Impact (CVI), ki postane vstopna točka na stran. To je bil osrednji del moje knjige Contemporary Newspaper Design (Prentice-Hall, 1981), kjer sem zapisal:

»Oblikovalec nadzoruje, kako želi, da bralec vizualno nadaljuje na strani. Eno od osnovnih pravil oblikovanja strani je ustvariti takojšnjo privlačnost za bralca. CVI bi moral ustvariti dovolj zanimanja ali magnetizma, da bi na prvi pogled pritegnil pozornost bralca.'

To je bilo nato potrjeno z lastno raziskavo Poynter EyeTrack iz osemdesetih let prejšnjega stoletja, v kateri je večina bralcev vstopila na stran prek fotografije ali naslova, ki je bil največji element na strani.

Vizualno zapeljevanje na prvi pogled je danes še toliko bolj pomembno, saj moramo informacije predstavljati na različnih platformah, nekatere tudi na precej majhnih zaslonih, kjer postaja ustvarjanje hierarhije zahtevnejše.

Pri The Washington Postu

Washington Post je po vrsti testov, ki so se začeli maja, začel uvajati svojo težko pričakovano novo spletno stran.

Posnetek zaslona domače strani WashingtonPost.com.

Ogledal sem si novo washingtonpost.com in dve stvari izstopata: njegov čist, minimalističen pristop ter pomembna in večja vloga, ki jo igra hierarhija. Kot da je bila digitalna ekipa WaPo navdihnjena s tem, kako so novice predstavljene v tisku, in se odločila, da jih pozdravi prek svoje spletne izdaje.

Elegantna pisava Postoni, Postoni, nas že od samega začetka pomaga umestiti na znano ozemlje.

Od začetka na domači strani se za pozornost na vrhu poteguje manj zgodb – le približno štiri. Manjše število zgodb takoj pove, da so to najboljši izbor, o katerem bi morali vedeti v tem trenutku. Bralci cenijo kuracijo, ki je navsezadnje oblika hierarhije za izbiro vsebine.

Želim si, da bi bila velikost naslovov teh zgodb nekoliko bolj različna kot je. Različne velikosti naslovov so eden najučinkovitejših načinov za označevanje pomembnosti, kar so uredniki in oblikovalci tiska vedno izkoriščali. V novem wapo.com je le zelo majhna razlika med glavnim in sekundarnim delom.

Resnična prednost pa je v tem, kako je navigacija predstavljena. Novi wapo.com ima tradicionalno vodoravno navigacijsko vrstico na vrhu: politika, šport, življenjski slog itd. Najbolj pa mi je bila všeč najbolj neposredna vrstica za krmarjenje z novicami, s posebnimi zgodbami dneva: Donald Trump, quarterbacks Redskins, papež Frančišek. 'Modna policija'.

Hierarhija igra tudi ključno vlogo, ko se pomikamo po strani navzdol, pri čemer različni razdelki tam predstavljajo svojo vsebino, na primer v Opinion, More Top Stories, Visual Stories.

Stran s člankom, s katero se vsi strinjamo, da veliko bralcev najprej pristane, saj pridejo prek povezave iz družbenih medijev, je prav tako čista in enostavna za spremljanje, vendar z močnim vzorčenjem zgodb v stolpcu desno od besedila. Na ta način uredniki in oblikovalci sporočajo bralcu: vemo, da ste se nam pravkar pridružili, zato je tukaj nekaj drugih zgodb, v katerih boste morda uživali danes.

Pogovor s Coryjem Haikom in Julio Beizer iz Posta

Imel sem mini intervju z Julio Beizer iz Posta, direktorico mobilnih izdelkov, in Coryjem Haikom, izvršnim direktorjem za nastajajoče novice.

Pogled posnetka zaslona mobilnega serendipity dizajna The Washington Post.

Lanskega maja je Post testiral dve različici svojega spletnega in mobilnega mesta, ki ga je ustvaril Team Rainbow. Beseda serendipity je bila omenjena kot eden od elementov, ki bi bil nov.

Julia : Menimo, da je naključje ključno gonilo uspeha pri angažiranosti. Po spletu tako novičarske organizacije kot tehnološka podjetja poskušajo izmisliti načine, kako bralce usmeriti na več vsebin, ki bi jim lahko všeč.

The Post nenehno eksperimentira v tem prostoru, z uredniško produkcijo, tehnološkim napredkom, kot je personalizacija velikih podatkov, itd. Rainbow Web je eden od teh eksperimentov. Za usmerjanje smo se odločili uporabiti lečo naključja. Kakšne nove uporabniške izkušnje bi lahko ustvarili, da bi prikazali vrsto namerne naključnosti, ki smo jo leta ustvarjali v tisku?

Kako se je torej odzval koncept novic?

Cory : Časopisni papir je mrtev, živel časopisni papir! V celoti sprejmemo snop; vedno smo, saj je bil časopis tisti prvotni 'snop', ki se je vsak dan zvijal na pragu. To je izdelek, za katerega menimo, da deluje zelo dobro, zlasti za naključje. Brskanje in razširljivost, kar je vse, odkrito povedano, preprosto za uporabo. Splet je lahko Divji zahod v smislu navigacije in pridobivanja popolne bralne izkušnje. Po pravici povedano, papir je izdelek, ki se je izpopolnjeval več kot sto let. Zato smo želeli uporabiti ta koncept svežnja, ga uporabiti v spletu in ustvariti popolnejšo izkušnjo branja, po kateri bodo uporabniki zlahka brskali. In deluje! Uporabniki ostanejo dlje, preberejo več zgodb na obisk. In menimo, da način programiranja naše vsebine pomaga ljudem priti do zanimivih zgodb, na katere sicer morda ne bi naleteli. Nedvomno je to eksperiment, vendar se počutimo dobro in gremo naprej na nove načine. Naš prihodnji poudarek bo na iskanju načinov, kako več bogatega oblikovanja novic, ki ga izvajamo v zbirki Rainbow, prinesti v več kotičkov The Washington Post.

Katere od modelov ste sprejeli?

Julia : To je bil naš prvi A-B test Rainbow weba. Precej hitro smo ugotovili, da so bralci raje pokukali. Naša stopnja obiskov ene strani je bila nižja pri tej različici in naš porabljen čas je bil daljši. Hitro smo sprejeli pinch kot našo osrednjo paradigmo UX za Rainbow na mobilnem spletu. Za nas je bilo učinkovito – 14 odstotkov naših ogledov strani na mobilnem spletu Rainbow prihaja od uporabnikov, ki se dotaknejo tistega majhnega koščka članka na desni. to je kul. To je angažma, ki ga drugje nimamo.

Na namizju še vedno uporabljamo paradigmo ščipanja, vendar smo jo v zadnjih nekaj mesecih ponovili, da bi jo optimizirali za večje velikosti zaslona. Preizkusili smo navigacijsko paradigmo, kot je priložena, pri čemer smo kot navigacijski element v namiznem/tabličnem spletu pritegnili vizualno vodeno glasilo, imenovano First Reads. Pričakovali smo, da bo to pripomoglo k povečanju angažiranosti, vendar smo dejansko videli nasprotno. Bralci so bolj verjetno brskali v pogledu s prsti, kot so uporabljali to tirnico, zato smo to vsebino vtaknili v meni za hamburgerje.«

Zadovoljivo je videti to novo generacijo spletnih izdaj novic, ki gredo naprej s pametnim pozdravom tistim kvalitetam tiska, ki jih je vredno prenesti v naša digitalna prizadevanja.

To so tudi načela oblikovanja dobrih novic, ki so nam dobro služila in bi morala tako še naprej:

1. Vzpostavite jasno središče vizualnega vpliva, ki postane vstopna točka na stran ali zaslon.
2. Uporabite velikosti fotografij/naslovov, da vodite bralca od najpomembnejšega do najmanj pomembnega.
3. Zagotovite čisto okolje, kjer se oči lahko sprehajajo, pri čemer se izogibajte neredu in gneči (tu je dober notranji beli prostor pomemben!).
4. Vsebini dajte prednost glede na pomembnost in zagotovite tisti občutek kurira, ki je ključnega pomena za to, kako danes porabimo informacije.

Washington Post dela prav. Služiti naj bi kot model za tiste, ki razmišljajo o spremembah za svoje spletne izdaje.