Jaunumu izstrāde: kā populārākās ziņu vietnes apstrādā daudz satura

Ja man būtu savs ceļš, tāpat kā gandrīz visiem citiem tīmekļa dizaineriem, tīmekļa lapās vienmēr būtu diezgan ierobežots satura daudzums, lai uzmanības centrā būtu skaidra un komunikācijas līnija būtu viegli izsekojama.

Diemžēl reālās situācijās ir vajadzīgas tīmekļa lapas ar milzīgu satura daudzumu. Lai iemācītos risināt problēmas, kas rodas šajā arēnā, mēs apskatīsim īpašu vietņu sadaļu, kas, iespējams, ir pārpildītāka nekā jebkura cita: ziņu vietnes. Kā CNN, MSNBC, Fox un citi dizaineri apstrādā tik daudz informācijas izkārtojumu? Uzziniet pēc lēciena.

Galvenes un navigācija

Virsraksts ir absolūti būtisks ziņu vietnes aspekts. Ikviens lietotājs, apmeklējot ziņu vietni, zina, ka būs ļoti daudz satura, ko izskatīt, un, ja viņi vēlēsies kaut ko konkrētu, viņi nonāks tieši virsrakstā, lai to atrastu.

Šeit mēs iegūstam pirmo ieskatu problēmā, kas mūs nomocīs pārējā rakstā: pārāk daudz lietu! Kā es minēju ievadā, ziņu vietnēm ir absolūti jāsniedz daudz informācijas, tāpēc tās pastāv. Šīs informācijas organizēšana nav mazsvarīgs notikums, un tikai katrs pieņemtais lēmums var krasi ietekmēt vietnes lietojamību.

Apskatīsim mūsu pirmo piemēru. Zemāk redzamajā attēlā parādīta MSNBC.com galvene un navigācija.

Kā redzat, šīs vietnes dažās pirmajās collās notiek daudz . Pašā lapas augšdaļā ir apmēram piecpadsmit saites, un tās ir paredzētas tikai citām vietnēm, iekšējā navigācija atrodas zem tā un satur vēl divpadsmit.

MSNBC nolaižamajā izvēlnē katrai navigācijai parādītajai vietnes sadaļai izmanto savu interesanto spin. Šeit redzami pieci līdz seši teksta virsraksti, daži attēli un vēl vairāk satura, kas ved uz citu vietni. Pēc vairākiem navigācijas slāņiem mēs beidzot nokļūstam vietnes logotipā netālu no galvenes apakšas, kā arī laika un meklēšanas logrīki.

Es domāju, ka MSNBC galvene rada nelielu sajukumu, zīmols tiek zaudēts un sekundārā satura slodze novērš uzmanību. Pretstatā tam virsraksts vienai no vislabāk izskatītajām ziņu vietnēm, ko atradu, CNN.

Šeit mums ir spēcīgs, skaidrs zīmols, meklēšanas josla tieši tur, kur jūs to meklējat, un vienkārša navigācijas izvēlne bez vienas nolaižamās izvēlnes. Šī izvēlne ir labs līdzsvars starp minimālu dizainu un pietiekami daudz funkcionalitātes, lai bez grūtībām nokļūtu tur, kur vēlaties.

Lapsa veic maršrutu, kas līdzīgs CNN. Tas ir nedaudz pārblīvētāks un aptver vairākas vietnes, piemēram, MSNBC, taču cilnes palīdz padarīt metaforu saprotamu.

The Washington Post sāka ar līdzīgu ideju kā MSNBC, taču daudz labāk to realizēja. Kā redzat, vietnes nosaukums ir jauks un liels, un tam seko laika apstākļu logrīks.

Virzot kursoru virs navigācijas, tiek parādīta liela nolaižamā izvēlne, bet tā vietā, lai neveikli nospiestu saturu kā MSNBC, tā ir veidota tā, lai aptvertu lielo “Washington Post” apgabalu.

Mācība

“Esiet piesardzīgs attiecībā uz nolaižamajām izvēlnēm, kas īsti nepilda solījumus padarīt jūsu vietni vieglāku navigāciju.”

Es domāju, ka mācība šeit ir tāda, lai nepārblīvētu savus lietotājus tieši pie sikspārņa ar pārblīvētu galveni. Tas nenozīmē, ka jums nevar būt daudz satura, vienkārši esiet piesardzīgs ar mega nolaižamajām izvēlnēm, kas īsti nepilda solījumus padarīt jūsu vietni vieglāku navigāciju. CNN pierāda, ka dažreiz vienkāršs vecs horizontāls saišu saraksts un dažas labi strukturētas atstarpes var lieliski darboties pat masveida satura vidē.

Piedāvātie stāsti

Nākamā lieta, ko es vēlos apspriest, ir tas, kā šīs vietnes piesaista jūsu uzmanību un virza to uz svarīgo. Katrā ziņu vietnē ir viens vai divi labākie stāsti, kas, viņuprāt, ir dienas aktuālākie priekšmeti, un, lai šos stāstus atbilstoši izceltu, tiem ir jāveido lapas struktūra.

Mans mīļākais piemērs tam ir The Huffington Post, kurš izvēlas izcelt atsevišķu jaunumu, izmantojot milzīgu attēlu un treknu virsrakstu, kas abi aptver visu lapas konteinera platumu.

Vienkārši izpētiet, cik tīrs un skaists ir salīdzinājumā ar citām ziņu vietnēm, kuras esat redzējis. Ziņu vietnēs nav tālu populārs izmantot šo formātu, taču nevarat palīdzēt, taču atzīstat, ka šķiet, ka tas šeit darbojas diezgan labi.

MSNBC izmanto līdzīgu ceļu, taču nav tik drastisks, lai lapas augšdaļā parādītu tikai vienu stāstu. Viņiem pa kreisi ir viens liels attēls ar dažādiem virsrakstiem. Man ļoti patīk pamata izkārtojums, lai gan es domāju, ka nejauši mazie virsraksti, kas tiek ievietoti starp galvenajiem stāstiem, to ievērojami kropļo.

CNN un Fox izvēlas nedaudz pārblīvētāku pieeju, galvenokārt tāpēc, ka viņi nebija gatavi atmest vērtīgu reklāmas vietu svarīgiem ziņu stāstiem. CNN ir trīs kolonnu izkārtojums, kura centrs ir visplašākais, un pēdējā no tām ir reklāmas vieta, kurai seko pieteikšanās sānjosla.

Lapsa attēlo vienu lielu attēlu ar trim kolonnām zem visām blakus plašajai kolonnai labajā malā, lai parādītu reklāmas vietu, biržas vērtētājus un sociālo informāciju.

Mācība

Ar Foksas lapu es iegūstu daudz informācijas, kas ir lieliski, bet manas acis nezina, kur tieši nolaisties, un man ir tendence daudz pačurāt, pirms es kaut ko esmu lasījis. CNN šobrīd piesaista manu uzmanību ar dažām sejām, kuras vienmēr ir noderīgas, lai vadītu lietotājus tur, kur vēlaties.

Tomēr es uzskatu, ka patiešām lieli attēli, piemēram, tie, kas atrodami Huffingtonā un MSNBC, patiešām ir līdzeklis, kas ļauj man pamanīt kaut ko svarīgu. To lielā mērā pastiprina Huffington milzīgais, treknais virsraksta teksts.

“Dažreiz lieliska lieta ir daudz satura, kas glīti sakārtots nelielā telpā.”

Kura metode ir vislabākā visiem lietotājiem, ir sarežģīts zvans. Nepieciešams tikai apstāties pie ļoti populārā Craigslist saraksta, lai redzētu, ka lieli attēli ne vienmēr ir nepieciešami, lai vietne pievilinātu apmeklētājus. Dažreiz liela daļa satura, kas glīti sakārtots nelielā telpā, ir lieliska lieta, it īpaši, ja vēlaties ātri pārskatīt visu svarīgo.

Pasaule nav vieta, kur viens notikums parasti ir svarīgāks nekā katrs otrais, tāpēc ir saprotams, ka tādas vietnes kā Fox jūt nepieciešamību šo sadaļu sadalīt diezgan maz. Mans labākais padoms ir piešķirt pēc iespējas lielāku nozīmi dažām patiesi svarīgām lietām. Ja jūs varat pagriezt vienu lielu, piedāvātu stāstu, dodieties uz to. Ja nē, mēģiniet saglabāt numuru zemu, pretējā gadījumā tā tiešām nav “piedāvātā” sadaļa?

Stāstu režģis

Tā kā mēs virzāmies garām galvenē un piedāvātajam saturam, ziņu vietnes kļūst arvien atšķirīgākas, padarot to grūti salīdzināt katru punktu atsevišķi. Tomēr tieši šajā brīdī sākas īstais izaicinājums. Šeit dizaineriem tiek dots cita satura kalns, un viņiem tiek piedāvāts to organizēt.

Katra vietne ir sadalīta dažādos unikālos moduļos un sadaļās, kas sakārtotas dažādos režģos, taču jūs pamanīsit, ka tā ir diezgan populāra tendence kādā lapas punktā sadalīties trīs kolonnu iestatījumos, lai aptvertu dažādus rakstus. Šeit ir piemēri no The Huffington Post, The Washington Post un The Economist, kas tieši to dara.

Trīs kolonnas saturiski sadala saturu vienmērīgi, vienmērīgi vai izmantojot daudzveidīgu platuma pieeju, piemēram, The Economist, lai vairāk kontrolētu uzsvaru. Viena no galvenajām trīs kolonnu pieejas problēmām ir tā, ka mēs esam iemācījuši smadzenēm ignorēt šo trešo kolonnu! Mēs visi zinām, ka tieši šajā gadījumā reklāmas atrodas kopā ar visiem citiem nejēdzībām, kuras mēs nevēlamies redzēt, tāpēc mēs galvenokārt pārlūkojam tikai pirmās divas kolonnas.

Tas var būt slikti vietnēm, kuras patiesībā tur pārkaisa svarīgu kolonnu, jo, iespējams, pazudīs sajaukums. Vienkārši ņemiet vērā šo lietotāju tendenci un pārliecinieties, ka jūsu trešā kolonna joprojām neizskatās pēc nepatīkamas reklāmas, kad esat nokļuvis cietā saturā.

Atsvaidzinošas pārmaiņas

CNN ir viena no labākajām pieejām satura organizēšanai, ko esmu redzējis ziņu vietnē. Viņi izmanto četru kolonnu režģi ar vienāda augstuma kartēm, virs kurām ir kategorijas virsraksts. Rezultātā tiešām jūtas tukšs no netīrā jucekļa, kas raksturīgs šīm sadaļām.

"Izvelkot gandrīz visus attēlus un normalizējot saturu, rezultāts ir kaut kas daudz izmantojamāks."

Interesanti, ka, izvelkot gandrīz visus attēlus un normalizējot saturu, rezultāts ir kaut kas daudz izmantojamāks. Tipiskā ziņu vietnē par manu uzmanību vienkārši konkurē pārāk daudz. Katrā stāstā jūtas kā mēģinājumi kliegt skaļāk nekā blakus, un rezultāts mēdz būt diezgan milzīgs. Turpretī CNN sižeta režģi ir viegli un patīkami pārlūkot.

MSNBC izmanto arī atšķirīgu pieeju. Viņi sakārto savus stāstus kategorijās un ievieto skaidri noteiktās horizontālās kastēs. Viņi šeit daudz kontrolē jūsu rokās, ļaujot jums izvēlēties, cik daudz stāstu rādīt, un pat dodot jums kontroli kastu pārkārtošanai.

Mācība

Lieta, ko es šeit pamanīju, ir tā, ka man patika izmantot vietnes, kas to saturu sakārtoja skaidri diferencētās sadaļās un kategorijās. Lai arī trīs kolonnu formāts ir izmēģināts un patiess, tas ļauj veikt darbietilpīgu pārlūkošanu, kas drīzāk šķiet izsijāt caur jucekli.

CNN un MSNBC veica pasākumus, lai skaidri izveidotu vizuālu atšķirību starp stāstiem un dažāda veida saturu, un to izkārtojumi izskatījās mazāk bīstami. Viens no iemesliem, kāpēc trīs kolonnu formāts izskatās nekārtīgs, ir katra moduļa atšķirīgais augstums, kas saturu nosaka horizontāli un liek daudz acu kustību augšup un lejup. Vienlīdzīga augstuma formāts ļoti palīdz.

Kāpēc tas man ir svarīgi?

Lielākā daļa cilvēku, kas to lasa, nav The Washington Post izcilākie dizaineri, tad kāpēc šie novērojumi ir vērtīgi šai auditorijai? Atbilde ir tāda, ka, lai arī mēs ne visi strādājam ziņu vietnēs, mēs visi esam uzstājuši mūsu klientiem “pārāk daudz satura” runu.

Mēs to vienkārši ienīstam, kad klienti mums sagādā tonnu lietu un pieprasa, lai mēs to visu ievietojam vienā lapā. Izmēģiniet, kā mēs varētu strīdēties pret to, vairākās situācijās patiesībā ir vajadzīga šāda pieeja. Viena no vissarežģītākajām situācijām, ar kurām jūs nāksies saskarties kā dizaineris, vienā lappusē esoša satura apvienošana vienā lapā, vienlaikus mēģinot padarīt to izmantojamu un pievilcīgu. Ja jūs to pārspējat, varat izveidot savu izeju no visa.

"Ja rodas šaubas, atbilde parasti ir vienkāršot."

Mūsdienās šeit apgūto var izmantot visās jūsu izveidotajās vietnēs, kurās cīnāties ar pārāk daudz satura. Šaubu gadījumā atbilde parasti ir vienkāršošana. Nogrieziet to lielo neglīto virsrakstu, mēģiniet atrast vienu vai divus patiešām svarīgus punktus un tos maksimizēt, un pēc tam atdaliet pārējo saturu vizuāli atsevišķās sadaļās, kuras ir viegli pārlūkot un kurām lasīšanai nav nepieciešams pārāk daudz šautriņu.

Secinājums

Tagad, kad esat redzējis manu analīzi, ko jūs domājat? Kuras ziņu vietnes, jūsuprāt, ir vispievilcīgākās? Kuras ir vispiemērotākās? Vai abi mērķi var būt sinerģiski?

Atstājiet komentāru zemāk un dariet mums zināmas savas domas par iepriekš minēto informāciju un piemēriem.