Проектиране на новини: Как най-новите сайтове обработват тонове съдържание

Ако имах своя начин, заедно с почти всеки друг уеб дизайнер, уеб страниците винаги биха съдържали доста ограничено количество съдържание, за да се запази ясно фокусът и лесно да се следва линията на комуникация.

За съжаление, ситуациите в реалния свят изискват уеб страници с огромно количество съдържание. За да се научим да се справяме с проблемите, които възникват на тази сцена, ще разгледаме определен раздел от уебсайтове, който е може би по-пренаселен от всеки друг: уебсайтове за новини. Как дизайнерите от CNN, MSNBC, Fox и други се справят с оформлението на толкова много информация? Разберете след скока.

Заглавие и навигация

Заглавката е абсолютно решаващ аспект за новинарски сайт. Всеки потребител знае след посещение на новинарски сайт, че ще има много съдържание, което ще пресее и ако иска нещо конкретно, ще отиде направо до заглавката, за да го намери.

Тук получаваме първия си поглед върху проблема, който ще ни нападне в останалата част от статията: твърде много неща! Както споменах в интрото, новинарските сайтове абсолютно трябва да предават много информация, затова те съществуват. Организирането на цялата тази информация не е малък подвиг и почти всяко решение, което вземете, може драстично да повлияе на използваемостта на сайта.

Нека да разгледаме нашия първи пример. Изображението по-долу показва заглавката и навигацията за MSNBC.com.

Както можете да видите, в първите няколко сантиметра на този сайт се случва много . Самата горна част на страницата съдържа около петнадесет връзки и това са само за други сайтове, вътрешната навигация се намира под нея и съдържа още дванадесет.

MSNBC използва собствено интересно завъртане в падащо меню за всеки раздел от сайта, показан в навигацията. Тук виждате пет до шест текстови заглавия, някои изображения и още повече съдържание, водещо до друг сайт. След няколко слоя навигация най-накрая стигаме до логото на сайта близо до дъното на заглавката, заедно с джаджи за времето и търсенето.

Мисля, че заглавката на MSNBC е малко каша, брандирането се губи и натоварването на вторичното съдържание се разсейва. Сравнете това с заглавката на един от най-добре изглеждащите новинарски сайтове, който открих, CNN.

Тук имаме силна, ясна марка, лента за търсене точно там, където бихте я потърсили и просто меню за навигация без нито едно падащо меню. Това меню е добър баланс с минимален дизайн и достатъчно функционалност, за да ви отведе там, където искате да отидете без никакви проблеми.

Фокс предприема маршрут, подобен на CNN. Тя е малко по-затрупана и обхваща няколко сайта като MSNBC, но раздели помагат да се направи метафората разбираема.

Washington Post започна с подобна идея на MSNBC, но я извади много по-добре. Както можете да видите, името на сайта е хубаво и голямо и е последвано от метеорологична джаджа.

Задържането на курсора над навигацията ви предоставя голямо падащо меню, но вместо неудобно натискане на съдържание надолу, както в MSNBC, той е структуриран така, че да покрива голямата зона „Washington Post“.

Урокът

„Внимавайте за мега падащите падания, които всъщност не изпълняват обещанието си за улесняване на навигацията в сайта ви.“

Мисля, че тук урокът е да не затрупвате вашите потребители веднага с прилепнато заглавие. Това не означава, че не можете да имате много съдържание, просто внимавайте за мега-падащите падания, които всъщност не изпълняват обещанията си за улесняване на навигацията в сайта ви. CNN доказва, че понякога обикновен стар хоризонтален списък с връзки и малко добре структурирано бяло пространство може да работи чудесно дори в среда с масово съдържание.

Препоръчани истории

Следващото нещо, което искам да обсъдя е как тези сайтове привличат вниманието ви и го насочват към това, което е важно. Всеки новинарски сайт има една или две основни истории, за които те знаят, че са горещи елементи на деня и трябва да структурират страницата, за да подчертаят по подходящ начин тези истории.

Любимият ми пример за това е Huffington Post, който избира да подчертае една-единствена новина, използвайки огромно изображение и смело заглавие, като и двете обхващат цялата ширина на контейнера на страницата.

Просто извадете вниманието колко е чист и красив в сравнение с други новини сайтове, които сте виждали. Далеч не е популярно за новинарските сайтове да се използва този формат, но няма как да не признаете, че тук изглежда работи доста добре.

MSNBC върви по подобен маршрут, но не е толкова драстичен, че да съдържа само една история в горната част на страницата. Те имат едно голямо изображение, залято вляво с различни заглавия. Наистина ми харесва основното оформление, макар че мисля, че случайните малки заглавия, хвърлени между главните истории, го претрупват значително.

CNN и Fox избират малко по-затруднен подход, главно защото не са били готови да се откажат от ценно рекламно пространство на важни новинарски истории. CNN има оформление на три колони, като центърът е най-широк, а последният от тях е рекламното пространство, последвано от странична лента за вход.

Fox разполага с едно голямо изображение с три колони отдолу, всички до широка колона в най-дясната част за рекламно пространство, маркиране на акции и социална информация.

Урокът

Със страницата на Fox получавам много информация, което е чудесно, но очите ми не знаят къде точно да кацнат и са склонни да отскачат много, преди изобщо да прочета нещо. В момента CNN грабва вниманието ми с няколко лица, които винаги са добри за насочване на потребителите, където искате да отидат.

Намирам обаче, че наистина големи изображения, като тези, открити в Huffington и MSNBC, са наистина инструментът да ме накара да забележа нещо важно. Това е подсилено по същество с огромния, смел текст на заглавието на Хъфингтън.

„Понякога много съдържание, организирано спретнато в малко пространство, е чудесно нещо.“

Кой метод е най-подходящ за всички потребители е сложно обаждане. Трябва само да се спрете на масово популярния Craigslist, за да видите, че големи изображения не винаги са необходими, за да привлекат сайт към посетителите. Понякога много съдържание, организирано спретнато в малко пространство, е чудесно нещо, особено ако искате бърз преглед на всичко важно.

Светът не е място, където едно единствено събитие обикновено е по-важно от всяко друго, така че е разбираемо, че сайтове като Fox чувстват необходимостта да разбият този раздел доста малко. Най-добрият ми съвет е да дам колкото се може повече на няколко неща, които са наистина важни. Ако можете да размахвате една голяма, представена история, продължете. Ако не, опитайте се да задържите ниската ниска, в противен случай не е наистина „черта“ раздел нали?

Мрежата на историята

Докато напредваме покрай заглавната част и съдържащото се съдържание, сайтовете за новини стават все по-различни, което затруднява сравняването им поотделно. Но в този момент започва истинското предизвикателство. Тук дизайнерите получават планина с друго съдържание и им казват да го организират.

Всеки сайт е разделен на различни уникални модули и секции, подредени в различни мрежи, но ще откриете, че е доста популярна тенденция в един момент от страницата да се разпадне в настройка на три колони за покриване на различните статии. Ето примери от The Huffington Post, The Washington Post и The Economist, които правят точно това.

Наличието на три колони разделя добре вашето съдържание, равномерно или използвайки подход с различна ширина като The Economist за повече контрол върху акцента. Един основен проблем с подхода на трите колони е, че сме научили мозъците си да игнорират тази трета колона! Всички знаем, че това е мястото, където рекламите седят заедно с всички останали глупости, които не искаме да виждаме, така че до голяма степен поддържаме сърфирането си ограничено до първите две колони.

Това може да е лошо за сайтове, които действително поръсват някаква важна колона там, тъй като е вероятно да се изгубите в сместа. Имайте предвид тази тенденция от потребителите и се уверете, че третата ви колона все още не изглежда като бъркотия от реклами, след като попаднете в солидно съдържание.

Освежаваща промяна

CNN има един от по-добрите подходи към организацията на съдържание, които съм виждал на новинарски сайт. Те използват четири колонна решетка с карти с еднаква височина, покрити с заглавие на категорията. Резултатът наистина се чувства невреден от разхвърляното струпване, характерно за тези секции.

„Когато извадим почти всички изображения и нормализираме съдържанието, резултатът е нещо много по-използваемо.“

Интересно е, че когато извадим почти всички изображения и нормализираме съдържанието, резултатът е нещо много по-използваемо. В един типичен сайт за новини има просто твърде много конкуренция за моето внимание. Всяка история има чувството, че се опитва да крещи по-силно от тази до нея и резултатът е доста поразителен. За разлика от тях, сюжетната мрежа на CNN е лесна и приятна за разглеждане.

MSNBC също използва различен подход. Те организират своите истории в категории и ги поставят в ясно определени хоризонтални кутии. Те поставят много контрол в ръцете ви тук, като ви позволяват да изберете колко истории да покажете и дори ви дават контрол за пренареждане на кутиите.

Урокът

Нещото, което забелязах тук, е, че ми хареса използването на сайтовете, които организираха тяхното съдържание в ясно разграничени секции и категории. Форматът на трите колони, макар и изпитан и верен, прави работа за интензивно сърфиране, което е по-скоро като пресяване през елементарно.

CNN и MSNBC предприеха стъпки за създаване на ясно визуално разделяне между истории и различни видове съдържание и разполагаха с оформления, които изглеждат по-малко хазарни. Една от причините форматът на три колони да изглежда разхвърлян е различната височина на всеки модул, която настройва съдържанието хоризонтално и прави много движения на очите нагоре и надолу. Форматът на равна височина помага изключително.

Защо това има значение за мен?

Повечето от хората, които четат това, не са топ дизайнери за The Washington Post, така че защо тези наблюдения са ценни за тази публика? Отговорът е, че докато не всички работим на новинарски сайтове, всички сме давали на нашите клиенти речта "твърде много съдържание".

Ние просто го мразим, когато нашите клиенти ни дадат един тон неща и изискват да го поставим на една страница. Опитайте се, както бихме могли да спорим, няколко ситуации всъщност изискват този подход. Набирането на куп съдържание на една страница, докато се опитвате да го направите едновременно използваемо и привлекателно, е една от най-трудните ситуации, с които ще се сблъскате като дизайнер, ако успеете да го победите, можете да проектирате своя изход от всичко.

"Когато се съмнявате, отговорът обикновено е да се опрости."

Уроците, които научихме тук днес, могат да бъдат приложени към всеки уебсайт, който създавате, където се борите с борба с твърде много съдържание. Когато се съмнявате, отговорът обикновено е да се опрости. Изрежете този голям грозен заглавие, опитайте да намерите една или две наистина важни точки и да ги максимизирате, а след това разделете останалата част от съдържанието на визуално отделни секции, които са лесни за разглеждане и не изискват прекалено много дръзки наоколо за четене.

заключение

Сега, когато видяхте анализа ми, какво мислите? Кои сайтове за новини смятате, че са най-привлекателните? Кои са най-използваемите? Могат ли двете цели да бъдат синергични?

Оставете коментар по-долу и ни уведомете вашите мисли за информацията и примерите по-горе.