Dizajniranje vijesti: Kako najnovije vijesti obrađuju tone sadržaja

Da imam svoj način, uz gotovo sve druge web dizajnere, web stranice uvijek bi sadržavale prilično ograničenu količinu sadržaja kako bi fokus bio jasan i linija komunikacije lako slijediti.

Nažalost, situacije iz stvarnog svijeta traže web stranice s ogromnom količinom sadržaja. Da bismo naučili riješiti probleme koji se javljaju u ovoj areni, istražit ćemo određeni dio web stranica koji je možda pretrpaniji od bilo kojeg drugog: vijesti s web-lokacijama s vijestima. Kako dizajneri CNN-a, MSNBC-a, Foxa i drugih postupaju s izgledom toliko podataka? Otkrijte nakon skoka.

Zaglavlje i navigacija

Zaglavlje je apsolutno presudan aspekt za vijesti. Svaki korisnik prilikom posjete vijestima zna da će biti prosijano tona sadržaja i ako žele nešto određeno, odmah će ih potražiti u zaglavlju.

Ovdje imamo prvi pogled na problem koji će nas mučiti do kraja članka: previše stvari! Kao što sam spomenuo u uvodu, vijestima za novine apsolutno treba prenijeti puno informacija, zato one i postoje. Organiziranje svih ovih podataka nije mali podvig i upravo svaka odluka koju donesete može drastično utjecati na upotrebljivost web mjesta.

Pogledajmo naš prvi primjer. Slika ispod prikazuje zaglavlje i navigaciju za MSNBC.com.

Kao što vidite, u prvih nekoliko centimetara ove stranice događa se mnogo . Sam vrh stranice sadrži oko petnaest veza, a ovo je samo za ostale web stranice, unutarnja navigacija nalazi se ispod toga i sadrži još dvanaest.

MSNBC koristi svoje zanimljivo okretanje na padajućem izborniku za svaki odjeljak web mjesta prikazan u navigaciji. Ovdje vidite pet do šest naslova teksta, neke slike i još više sadržaja koji vode do druge stranice. Nakon nekoliko slojeva navigacije, konačno se nalazimo do logotipa web stranice, pri dnu zaglavlja, uz widgete za vremensku prognozu i pretraživanje.

Mislim da je MSNBC zaglavlje pomalo nered, brandiranje je izgubljeno, a opterećenje sekundarnog sadržaja odvraća pažnju. Usporedite to sa zaglavljem jednog od najgledanijih vijesti koje sam pronašao, CNN.

Ovdje imamo jak, jasan brendiranje, traku za pretraživanje tamo gdje biste ga tražili i jednostavan navigacijski izbornik bez ijednog padajućeg pada. Ovaj je izbornik dobra uravnoteženost minimalnog dizajna i dovoljno funkcionalnosti da vas bez ikakvih problema dovede kamo želite.

Fox kreće putem sličnom CNN-u. Nešto je skupljiji i obuhvaća nekoliko web lokacija poput MSNBC-a, ali kartice pomažu da metafora bude razumljiva.

Washington Post započeo je sa sličnom idejom kao MSNBC, ali odustao je od nje puno bolje. Kao što vidite, naziv web lokacije je lijep i velik, a slijedi ga vremenski widget.

Prelazak mišem iznad navigacije daje vam veliki padajući izbornik, ali umjesto nespretnog pritiskanja sadržaja prema dolje kao na MSNBC-u, strukturiran je tako da prikriva veliko područje "Washington Posta".

Lekcija

"Pazite na mega-padajućim padateljima koji zaista ne ispunjavaju svoja obećanja o olakšavanju navigacije po web mjestu."

Mislim da je ovdje lekcija ne preopterećivati ​​svoje korisnike šišmišom glavom. To ne znači da ne možete imati puno sadržaja, samo pazite na mega-padajuće ispise koji zaista ne ispunjavaju svoja obećanja o lakšoj navigaciji po web mjestu. CNN dokazuje da ponekad običan stari vodoravni popis veza i lijepo strukturirani bijeli prostor mogu izvrsno funkcionirati čak i u okruženju s masovnim sadržajem.

Istaknute priče

Sljedeće što želim razgovarati je kako te stranice privlače vašu pažnju i usmjeravaju ga prema onome što je važno. Svaka vijest ima jednu ili dvije glavne priče za koje znaju da su vruće teme dana i moraju strukturirati stranicu kako bi te priče prikladno istaknule.

Moj omiljeni primjer toga je Huffington Post, koji je odlučio istaknuti jednu vijest koristeći ogromnu sliku i podebljani naslov, koji obojica obuhvaćaju cijelu širinu spremnika stranica.

Samo izvadite pogled koliko je čist i lijep u usporedbi s drugim vijestima koje ste vidjeli. Daleko je od popularne vijesti da upotrebljavaju ovaj format, ali ne možete si priznati da ovdje izgleda prilično dobro.

MSNBC vodi sličnu rutu, ali nije toliko drastično da sadrži samo jednu priču na vrhu stranice. Imaju jednu veliku sliku s lijeve strane s raznim naslovima. Doista mi se sviđa osnovni izgled, mada mislim da nasumični naslovi bačeni među glavnim pričama to znatno skupljaju.

CNN i Fox odabiru malo složeniji pristup, uglavnom zato što nisu bili voljni odustati od vrijednog oglasnog prostora važnim vijestima. CNN ima izgled tri stupaca, pri čemu je sredina najšira, a posljednji od njih je oglasni prostor nakon kojeg slijedi bočna traka za prijavu.

Fox ima jednu veliku sliku s tri stupca ispod, a sve pored širokog stupca s desne strane prostora za oglasni prostor, oznake dionica i društvene informacije.

Lekcija

Na Foxovoj stranici dobivam puno informacija, što je sjajno, ali moje oči ne znaju gdje sletjeti i imaju tendenciju da mnogo skakuću prije nego što išta išta pročitam. CNN trenutno privlači moju pažnju s nekoliko lica koja su uvijek dobra za usmjeravanje korisnika tamo gdje želite da odu.

Međutim, smatram da su zaista velike slike, poput onih koje se nalaze na Huffington-u i MSNBC-u, uistinu alat da me primijete nešto važno. To je u velikoj mjeri pojačano Huffingtonovim ogromnim, podebljanim tekstom naslova.

"Ponekad je sjajna stvar puno sadržaja organiziranog u mali prostor."

Koja je metoda najbolja za sve korisnike je škakljiv poziv. Morate se zaustaviti samo na masovno popularnom Craigslistu da vidite kako velike slike nisu uvijek potrebne kako bi web stranica bila privlačna posjetiteljima. Ponekad je mnogo sadržaja organiziranog u mali prostor sjajna stvar, pogotovo ako želite brzi pregled svega važnog.

Svijet nije mjesto na kojem je jedan pojedinačni događaj obično važniji od svakog drugog, pa je razumljivo da mjesta poput Foxa osjećaju potrebu da ovo poglavlje poprilično probijemo. Moj najbolji savjet je dati što je moguće više stvari istinski važnim. Ako možete zamahnuti jednom velikom, prikazanom pričom, idite na nju. Ako ne, pokušajte smanjiti broj, jer u suprotnom to nije odjeljak s "značajkama"?

Mreža priče

Kako napredujemo mimo zaglavlja i istaknutog sadržaja, web stranice s vijestima postaju sve različite, što otežava njihovo uspoređivanje, pojedinačno. Međutim, u ovom trenutku počinje pravi izazov. Ovdje dizajneri dobivaju planinu drugog sadržaja i kažu da je oni organiziraju.

Svaka web lokacija podijeljena je na različite jedinstvene module i odjeljke raspoređene u različitim mrežama, ali vidjet ćete da je prilično popularan trend da se u nekom trenutku stranice provaliju u postavku s tri stupca koja će pokriti različite članke. Evo primjera iz Huffington Posta, Washington Posta i The Economista koji upravo to rade.

Ako tri stupaca lijepo podijele vaš sadržaj, ravnomjerno ili koristeći raznoliki pristup širini poput The Economista za veću kontrolu nad naglaskom. Jedan veliki problem s pristupom tri stupca je taj što smo naučili mozak da zanemarimo taj treći stupac! Svi znamo da se u ovom oglasu sjede zajedno sa svim onim drugim glupostima koje ne želimo vidjeti, tako da uglavnom pregledavamo u prva dva stupca.

To može biti loše za web mjesta koja zapravo posipaju neki važni stupac tamo jer će se vjerovatno izgubiti u mješavini. Pripazite na ovu tendenciju korisnika i budite sigurni da vaš treći stupac i dalje ne izgleda kao zbrka oglasa nakon što naiđete na solidan sadržaj.

Osvježavajuća promjena

CNN ima jedan od boljih pristupa organizaciji sadržaja koji sam vidio na vijestima. Koriste četverostruku mrežu s karticama jednake visine s naslovom kategorije. Rezultat je uistinu prazan zbog nereda koji je tipičan za ove dijelove.

"Kad izvučemo gotovo sve slike i normaliziramo sadržaj, rezultat je nešto mnogo korisnije."

Zanimljivo je da kad izvučemo gotovo sve slike i normaliziramo sadržaj, rezultat je nešto mnogo korisnije. Na uobičajenoj web stranici s vijestima jednostavno se previše natječe za moju pažnju. Svaka se priča osjeća kao da pokušava vrištati glasnije od one pored nje, a rezultat je prilično nevjerojatan. Suprotno tome, CNN-ovu mrežu priča lako je i ugodno pregledavati.

MSNBC također uzima drugačiji pristup. Organiziraju svoje priče u kategorije i smještaju ih u jasno definirane vodoravne okvire. Ovdje stavljaju puno kontrole u vaše ruke omogućujući vam da odaberete koliko priča za prikazivanje, pa čak i da vam omoguće kontrolu preuređenja kutija.

Lekcija

Ono što sam ovdje primijetio jest da sam uživao u korištenju web mjesta koja su organizirala njihov sadržaj u jasno diferencirane odjeljke i kategorije. Format tri stupca, iako isproban i istinit, čini radno intenzivno pregledavanje koje izgleda više kao probijanje kroz nered.

CNN i MSNBC poduzeli su korake za stvaranje jasnog vizualnog odvajanja između priča i različitih vrsta sadržaja i imali su izgleda koji izgledaju manje neugodno. Jedan od razloga što format tri stupca izgleda neuredno je različita visina svakog modula koja sadržaj postavlja vodoravno i omogućava mnogo pokreta oka gore i dolje. Format jednake visine neizmjerno pomaže.

Zašto mi je ovo važno?

Većina ljudi koji ovo čitaju nisu vrhunski dizajneri za Washington Post, pa zašto su ova opažanja vrijedna ovoj publici? Odgovor je taj, iako ne radimo svi na vijestima, svi smo klijentima dali govor "previše sadržaja".

Jednostavno ga mrzimo kada nam klijenti daju tonu stvari i zahtijevaju da sve to stavimo na jednu stranicu. Pokušajte, kao što bismo možda i tvrdili protiv toga, nekoliko situacija zapravo zahtijeva takav pristup. Stiskanje gomile sadržaja na jednu stranicu, dok pokušavate učiniti ih upotrebljivim i atraktivnijim, jedna je od najtežih situacija s kojom ćete se suočiti kao dizajner, ako je možete pobijediti, možete osmisliti svoj put iz bilo čega.

"Kad ste u nedoumici, odgovor je obično pojednostavljenje."

Lekcije koje smo danas naučili mogu se primijeniti na bilo koju web stranicu koju stvorite na kojoj se borite sa zapetljanjem previše sadržaja. Kad ste u nedoumici, odgovor je obično pojednostavljenje. Smanjite to veliko ružno zaglavlje, pokušajte pronaći jednu ili dvije doista važne točke i maksimizirati ih, a zatim ostatak sadržaja razdvojite u vizualno odvojene odjeljke koje možete lako pregledavati i ne zahtijevaju previše čekanja okolo za čitanje.

Zaključak

Sad kad ste vidjeli moju analizu, što mislite? Koje su web stranice s novinama po vašem mišljenju najatraktivnije? Koje su najviše upotrebljive? Mogu li dva cilja biti sinergistička?

Ostavite komentar ispod i javite nam svoja mišljenja o gore navedenim informacijama i primjerima.