Navrhování zpráv: Jak špičkové zpravodajské weby zpracovávají tuny obsahu

Kdybych měl svou cestu, spolu s téměř každým jiným webovým designérem, webové stránky by vždy obsahovaly poměrně omezené množství obsahu, aby bylo jasné zaměření a komunikační linie byla snadno sledovatelná.

Bohužel situace v reálném světě vyžadují webové stránky s obrovským množstvím obsahu. Abychom se naučili řešit problémy, které se objevují v této aréně, podíváme se na konkrétní část webových stránek, které jsou možná přeplněné než kterékoli jiné: zpravodajské weby. Jak zvládají návrháři v CNN, MSNBC, Fox a dalších rozložení tolika informací? Zjistěte to po skoku.

Záhlaví a navigace

Záhlaví je zcela zásadní aspekt zpravodajského webu. Každý uživatel při návštěvě zpravodajského webu ví, že bude k dispozici spousta obsahu, a pokud chce něco konkrétního, půjde rovnou do záhlaví a najde ho.

Zde se dostaneme na první pohled na problém, který nás bude trápit po zbytek článku: příliš mnoho věcí! Jak jsem se zmínil v úvodu, zpravodajské weby naprosto potřebují zprostředkovat spoustu informací, proto existují. Uspořádání všech těchto informací není jen malým výkonem a téměř každé rozhodnutí, které učiníte, může výrazně ovlivnit použitelnost webu.

Pojďme se podívat na náš první příklad. Obrázek níže ukazuje záhlaví a navigaci pro MSNBC.com.

Jak vidíte, v prvních několika palcích tohoto webu se toho hodně děje. Úplná horní část stránky obsahuje asi patnáct odkazů, a to je pouze pro jiné weby, vnitřní navigace je umístěna pod ní a obsahuje dalších dvanáct.

MSNBC používá své vlastní zajímavé roztočení v rozevírací nabídce pro každou část webu zobrazenou v navigaci. Zde vidíte pět až šest textových nadpisů, některé obrázky a další obsah vedoucí na jiný web. Po několika vrstvách navigace se konečně dostaneme k logu webu poblíž spodní části záhlaví, vedle počasí a widgetů vyhledávání.

Myslím, že záhlaví MSNBC je trochu nepořádek, branding je ztracen a zatížení sekundárního obsahu je rušivé. V kontrastu s hlavičkou jednoho z nejlépe vypadajících zpravodajských serverů, které jsem našel, CNN.

Zde máme silnou a jasnou značku, vyhledávací lištu přímo tam, kde byste ji hledali, a jednoduchou navigační nabídku bez jediného rozbalovacího seznamu. Toto menu je dobrým vyvážením minimálního designu a dostatečné funkčnosti, abyste se dostali kamkoli chcete bez problémů.

Fox se vydá cestou podobnou CNN. Je to poněkud přeplněné a pokrývá několik webů, jako jsou MSNBC, ale karty pomáhají pochopit metaforu.

The Washington Post začal s podobným nápadem jako MSNBC, ale mnohem lépe ho vytáhl. Jak vidíte, název webu je pěkný a velký a následuje widget počasí.

Když umístíte kurzor myši na navigaci, získáte velkou rozevírací nabídku, ale namísto nepříjemného tlačení obsahu dolů jako v MSNBC je tato struktura strukturována tak, aby zakrývala velkou oblast „Washington Post“.

Lekce

"Dávejte si pozor na mega rozbalovací nabídky, které ve skutečnosti nesplňují jejich příslib usnadnění navigace na vašem webu."

Myslím si, že lekce je, aby vaši uživatelé nepřekonali netopýr nepřehlednou hlavičkou. To neznamená, že nemůžete mít spoustu obsahu, jen si dávejte pozor na mega rozbalovací nabídky, které ve skutečnosti nesplňují jejich příslib, že usnadní navigaci na vašem webu. CNN dokazuje, že někdy starý starý horizontální seznam odkazů a některé pěkně strukturované bílé znaky mohou skvěle fungovat i v prostředí hromadného obsahu.

Nejlepší příběhy

Další věc, kterou chci diskutovat, je, jak tyto stránky upoutají vaši pozornost a nasměrují ji k tomu, co je důležité. Každý zpravodajský web má jeden nebo dva hlavní příběhy, o kterých vědí, že jsou horkými položkami dne, a musí strukturu stránky náležitě zvýraznit.

Můj oblíbený příklad je The Huffington Post, který se rozhodl upozornit na jeden zpravodajský příběh pomocí obrovského obrázku a tučného nadpisu, z nichž oba pokrývají celou šířku kontejneru na stránku.

Jen vyjděte a zjistěte, jak čisté a krásné je ve srovnání s ostatními zpravodajskými weby, které jste viděli. Pro zpravodajské weby není zdaleka populární používat tento formát, ale nemůžete si pomoci, ale připouštíte, že se zdá, že zde funguje docela dobře.

MSNBC se ubírá podobnou cestou, ale není tak drastická, aby v horní části stránky obsahovala pouze jeden příběh. Mají jeden velký obrázek lemovaný nalevo s různými titulky. Opravdu se mi líbí základní rozvržení, i když si myslím, že náhodné drobné titulky, které se vrhají mezi hlavní příběhy, to výrazně zaplňují.

CNN a Fox volí poněkud zaplněný přístup, hlavně proto, že nebyli ochotni vzdát se cenného reklamního prostoru důležitým zpravodajským příběhům. CNN má rozložení ve třech sloupcích, přičemž centrum je nejširší a poslední z nich je reklamní prostor následovaný postranním panelem pro přihlášení.

Fox obsahuje jeden velký obrázek se třemi sloupci pod ním, všechny vedle širokého sloupce zcela vpravo pro reklamní prostor, burzovní tickery a sociální informace.

Lekce

S Foxovou stránkou dostávám spoustu informací, což je skvělé, ale mé oči úplně nevědí, kam přistát, a mají sklon se hodně odrazit, než jsem něco skutečně přečetl. CNN v současné době upoutá mou pozornost několika tváři, které jsou vždy dobré pro vedení uživatelů tam, kam chcete.

Zjistil jsem však, že opravdu velké obrázky, jako jsou obrázky nalezené na Huffingtonu a MSNBC, jsou opravdu nástrojem, který mě přiměje, abych si všiml něčeho důležitého. To je výrazně posíleno obrovským, tučným textem titulek Huffingtonu.

"Někdy je hodně obsahu uspořádaného úhledně do malého prostoru skvělá věc."

Která metoda je pro všechny uživatele nejlepší, je složité volání. Stačí se zastavit u masivně populárního Craigslistu, abychom viděli, že velké obrázky nejsou vždy nutné, aby web přitahoval návštěvníky. Někdy je hodně obsahu uspořádaného úhledně do malého prostoru skvělá věc, zejména pokud chcete rychlý přehled o všem důležitém.

Svět není místem, kde je jedna událost obvykle důležitější než každá jiná, takže je pochopitelné, že weby jako Fox cítí potřebu tuto sekci trochu rozebrat. Moje nejlepší rada je dát co největší důležitost několika věcem, které jsou skutečně důležité. Pokud můžete houpat jeden velký, vybavený příběh, jděte na to. Pokud ne, pokuste se udržet nízké číslo, jinak to není ve skutečnosti „představovaná“ část, že?

Příběhová mřížka

Jak postupujeme kolem záhlaví a doporučeného obsahu, zpravodajské weby se stále více liší, takže je obtížné srovnávat je bod po bodu. Skutečná výzva však začíná právě v tomto bodě. To je místo, kde návrháři dostali hora jiného obsahu a bylo jim řečeno, aby ji uspořádali.

Každý web je rozdělen do různých jedinečných modulů a sekcí uspořádaných do různých sítí, ale zjistíte, že je to docela populární trend, který se v určitém okamžiku na stránce rozdělí do nastavení ve třech sloupcích, které pokryjí různé články. Zde jsou příklady z The Huffington Post, The Washington Post a The Economist, které to přesně dělají.

Mít tři sloupce rozdělí váš obsah pěkně, rovnoměrně nebo pomocí přístupu s různou šířkou jako The Economist pro větší kontrolu nad důrazem. Jedním z hlavních problémů přístupu tří sloupců je to, že jsme naučili naše mozky ignorovat tento třetí sloupec! Všichni víme, že tady sedí reklamy spolu se vším ostatním kecy, které nechceme vidět, takže naše prohlížení do značné míry omezujeme na první dva sloupce.

To může být špatné pro weby, které tam skutečně posypou důležitý sloupec, protože se pravděpodobně ve směsi ztratí. Uvědomte si tuto tendenci uživatelů a ujistěte se, že váš třetí sloupec stále nevypadá jako nepořádek reklam, jakmile se dostanete do solidního obsahu.

Osvěžující změna

CNN má jeden z lepších přístupů k organizaci obsahu, který jsem viděl na zpravodajském webu. Používají čtyři sloupce mřížky stejných výškových karet s titulkem kategorie. Výsledek opravdu cítí neplatnost chaotického nepořádku typického pro tyto sekce.

"Když vytáhneme téměř všechny obrázky a normalizujeme obsah, výsledek je něco mnohem použitelnějšího."

Je zajímavé, že když vytáhneme téměř všechny obrázky a normalizujeme obsah, výsledek je něco mnohem použitelnějšího. Na typické zpravodajské stránce je prostě příliš mnoho soutěží o mou pozornost. Každý příběh má pocit, že se snaží křičet hlasitěji než ten, který je vedle něj, a výsledek bývá docela ohromující. Naproti tomu je CNN příběhová mřížka snadno a příjemně procházet.

MSNBC také zaujímá odlišný přístup. Organizuje své příběhy do kategorií a umístí je do jasně definovaných horizontálních rámečků. Dali vám do rukou hodně kontroly tím, že vám umožnili vybrat, kolik příběhů se má zobrazit, a dokonce vám dávají ovládací prvky pro přeskupení krabic.

Lekce

Věc, kterou jsem si všiml, je, že jsem si užíval stránky, které organizovaly jejich obsah, do jasně diferencovaných sekcí a kategorií. Formát ve třech sloupcích, i když vyzkoušený a pravdivý, umožňuje procházení náročné na práci, které se cítí spíš jako prosévání nepořádku.

CNN a MSNBC podnikly kroky k vytvoření jasného vizuálního oddělení mezi příběhy a různými typy obsahu a měly rozvržení, která vypadala méně náhodně. Jedním z důvodů, proč je formát tří sloupců nejasný, jsou různé výšky každého modulu, který horizontálně vypíná obsah a způsobuje velké množství pohybů očí nahoru a dolů. Stejně vysoký formát pomáhá nesmírně.

Proč mi to záleží?

Většina lidí, kteří čtou toto, není pro The Washington Post nejlepšími designéry, tak proč jsou tato pozorování pro toto publikum cenná? Odpověď zní, že zatímco my všichni nepracujeme na zpravodajských serverech, všichni jsme dali našim klientům projev „příliš velkého obsahu“.

Jednoduše to nenávidíme, když nám naši klienti dají spoustu věcí a požadujeme, abychom to všechno umístili na jednu stránku. Zkuste, jak bychom se mohli proti tomu bránit, tento přístup ve skutečnosti vyžaduje několik situací. Napěchovat spoustu obsahu na jednu stránku a zároveň se snažit, aby byl použitelný a atraktivní, je jednou z nejobtížnějších situací, se kterou se jako designér setkáte.

"V případě pochybností je odpověď obvykle zjednodušit."

Lekce, které jsme se dnes dozvěděli, lze použít na jakýkoli web, který vytvoříte, kde se potýkáte s přílišným obsahem. V případě pochybností je odpověď obvykle zjednodušit. Ořízněte tu velkou ošklivou hlavičku, zkuste najít jeden nebo dva opravdu důležité body a maximalizovat je a pak zbytek obsahu rozdělte do vizuálně oddělených sekcí, které lze snadno procházet a nevyžadují příliš mnoho šipek, aby se daly přečíst.

Závěr

Teď, když jsi viděl moji analýzu, co myslíš? Které zpravodajské weby považujete za nejatraktivnější? Které jsou nejužitečnější? Mohou být oba cíle synergické?

Zanechte komentář níže a dejte nám vědět vaše myšlenky na výše uvedené informace a příklady.