Haber Tasarlama: En İyi Haber Siteleri Tonlarca İçeriği Nasıl Ele Alır?

Yolum olsaydı, hemen hemen her web tasarımcısıyla birlikte, web sayfaları odağı net tutmak ve iletişim hattını takip etmek için her zaman oldukça sınırlı miktarda içerik içerecekti.

Ne yazık ki, gerçek dünyadaki durumlar muazzam miktarda içeriğe sahip web sayfaları gerektirir. Bu arenada ortaya çıkan sorunların üstesinden gelmeyi öğrenmek için, web sitelerinin belki de diğerlerinden daha fazla kalabalık olan belirli bir bölümüne bakacağız: haber web siteleri. CNN, MSNBC, Fox ve diğer tasarımcılar bu kadar bilgi düzenini nasıl ele alıyor? Atlamadan sonra öğrenin.

Üstbilgi ve Gezinme

Başlık, bir haber sitesi için kesinlikle çok önemlidir. Her kullanıcı, bir haber sitesini ziyaret ettikten sonra, gözden geçirilecek tonlarca içerik olacağını bilir ve belirli bir şey isterse, doğrudan bulmak için başlığa gider.

Burada makalenin geri kalanında bizi rahatsız edecek ilk sorunumuz var: çok fazla şey! Giriş bölümünde belirttiğim gibi, haber sitelerinin kesinlikle çok fazla bilgi aktarması gerekiyor, bu yüzden varlar. Tüm bu bilgilerin organize edilmesi küçük bir başarı değildir ve verdiğiniz hemen hemen her karar sitenin kullanılabilirliğini büyük ölçüde etkileyebilir.

İlk örneğimize bir göz atalım. Aşağıdaki resim MSNBC.com için başlığı ve gezinmeyi göstermektedir.

Gördüğünüz gibi, bu sitenin ilk birkaç inçinde çok şey oluyor. Sayfanın en üstünde yaklaşık on beş bağlantı bulunur ve bunlar yalnızca diğer siteler içindir, dahili gezinme bunun altında bulunur ve on iki tane daha içerir.

MSNBC, sitenin gezinme bölümünde gösterilen her bölümü için açılır menüde kendi ilginç dönüşlerini kullanıyor. Burada beş ila altı metin başlığı, bazı resimler ve başka bir siteye yönlendiren daha fazla içerik görüyorsunuz. Birkaç gezinme katmanından sonra, hava durumu ve arama widget'larının yanı sıra başlığın altına yakın sitenin logosuna geçiyoruz.

MSNBC üstbilgisi biraz karışıklık, marka kaybı ve ikincil içerik yükü dikkat dağıtıcı olduğunu düşünüyorum. Bunu bulduğum en iyi görünen haber sitelerinden biri olan CNN'nin başlığıyla karşılaştırın.

Burada güçlü, net bir marka bilinci oluşturma, tam aradığınız bir arama çubuğu ve tek bir açılır menü olmadan basit bir gezinme menüsü var. Bu menü, minimal tasarım ve sizi sorunsuz bir şekilde gitmek istediğiniz yere götürmek için yeterli işlevsellik arasında iyi bir dengedir.

Fox, CNN'ye benzer bir rota izler. Biraz daha karmaşık ve MSNBC'ler gibi çeşitli sitelere yayılıyor, ancak sekmeler metaforu anlaşılır hale getirmeye yardımcı oluyor.

Washington Post, MSNBC'ye benzer bir fikirle başladı, ancak çok daha iyi bir şekilde çıkardı. Gördüğünüz gibi, sitenin adı güzel ve büyük ve onu bir hava widget takip ediyor.

Gezinmenin üzerine geldiğinizde büyük bir açılır menü sunar, ancak MSNBC'de olduğu gibi içeriği garip bir şekilde aşağı itmek yerine, büyük “Washington Post” alanını kapsayacak şekilde yapılandırılmıştır.

Ders

"Sitenizde daha kolay gezinme vaatlerini yerine getirmeyen mega açılanlara karşı dikkatli olun."

Bence buradaki ders, kullanıcılarınızı derli toplu bir başlık ile yarasadan boğmak değil. Bu, çok fazla içeriğe sahip olamayacağınız anlamına gelmez, sadece sitenizi daha kolay gezinme vaatlerini yerine getirmeyen mega açılanlara karşı dikkatli olun. CNN, bazen düz bir eski yatay bağlantılar listesinin ve bazı güzel yapılandırılmış beyaz alanların, kitle içerikli bir ortamda bile harika çalışabileceğini kanıtlıyor.

Öne Çıkan Hikayeler

Tartışmak istediğim bir sonraki şey, bu sitelerin dikkatinizi nasıl çektiğini ve önemli olana nasıl yönlendirdiğidir. Her haber sitesinde günün sıcak öğeleri olduğunu bildikleri bir veya iki en iyi hikaye vardır ve bu hikayeleri uygun şekilde vurgulamak için sayfayı yapılandırmak zorundadır.

Bunun en sevdiğim örneği, her ikisi de sayfa kapsayıcısının tüm genişliğini kapsayan büyük bir resim ve kalın bir başlık kullanarak tek bir haber öyküsünü vurgulamayı tercih eden Huffington Post.

Gördüğünüz diğer haber sitelerine kıyasla ne kadar temiz ve güzel olduğunu görün. Haber sitelerinin bu biçimi kullanması popüler olmaktan uzaktır, ancak yardım edemezsiniz ama burada oldukça iyi çalıştığını kabul edersiniz.

MSNBC benzer bir rota izler, ancak sayfanın üst kısmına yakın tek bir hikayeyi öne sürecek kadar sert değildir. Solda çeşitli başlıklarla çevrili büyük bir imgeleri var. Ben temel düzeni gerçekten seviyorum, ama ben büyük hikayeler arasında atılan rastgele küçük başlıklar önemli ölçüde dağınık düşünüyorum.

CNN ve Fox, özellikle önemli haber hikayelerine değerli reklam alanından vazgeçmek istemedikleri için biraz daha karmaşık bir yaklaşım seçerler. CNN, merkezin en geniş ve sonuncusu reklam alanı ve ardından bir giriş kenar çubuğu olan üç sütun düzenine sahiptir.

Fox, altında reklam alanı, hisse senedi kodları ve sosyal bilgiler için en sağdaki geniş bir sütunun yanında üç sütun içeren büyük bir resim içeriyor.

Ders

Fox'un sayfasıyla, çok fazla bilgi edindim, bu harika, ama gözlerim nereye ineceğimizi bilmiyor ve aslında hiçbir şey okumadan önce çok fazla dolaşıyor. CNN şu anda birkaç yüzle dikkatimi çekiyor, bu da kullanıcıları gitmelerini istediğiniz yere yönlendirmek için her zaman iyi.

Ancak, Huffington ve MSNBC'de bulunanlar gibi gerçekten büyük görüntülerin gerçekten önemli bir şeyi fark etmemi sağlayan bir araç olduğunu düşünüyorum. Bu, Huffington'un devasa, kalın başlık metniyle büyük ölçüde güçlendirildi.

“Bazen küçük bir alanda düzgün bir şekilde düzenlenen çok sayıda içerik harika bir şey.”

Tüm kullanıcılar için en iyi yöntem hangisi zor bir çağrıdır. Bir sitenin ziyaretçilere cazip gelmesi için her zaman büyük görüntülerin gerekli olmadığını görmek için sadece büyük popüler Craigslist tarafından durmanız gerekir. Bazen, özellikle önemli olan her şeye hızlı bir genel bakış istiyorsanız, küçük bir alanda düzgün bir şekilde düzenlenmiş birçok içerik harika bir şeydir.

Dünya, tek bir olayın genellikle birbirinden daha önemli olduğu bir yer değil, bu nedenle Fox gibi sitelerin bu bölümü biraz kırma ihtiyacı hissettiği anlaşılabilir. En iyi tavsiyem, gerçekten önemli olan birkaç şeye mümkün olduğunca çok önem vermektir. Büyük, öne çıkan bir hikayeyi sallayabilirseniz, devam edin. Değilse, sayıyı düşük tutmaya çalışın, aksi takdirde gerçekten "özellikli" bir bölüm değil mi?

Hikaye Izgarası

Başlığı ve öne çıkan içeriği geçtikçe, haber siteleri gittikçe daha farklı hale gelir ve noktadan noktaya karşılaştırılmasını zorlaştırır. Ancak, bu noktada asıl zorluk başlıyor. Bu, tasarımcılara başka bir içerik dağının verildiği ve onu düzenlemeleri söylendi.

Her site, farklı ızgaralarda düzenlenmiş çeşitli benzersiz modüllere ve bölümlere ayrılmıştır, ancak sayfanın bir noktasında çeşitli makaleleri kapsayacak şekilde üç sütun kurulumuna girmenin oldukça popüler bir eğilim olduğunu göreceksiniz. İşte Huffington Post, Washington Post ve The Economist'ten tam olarak bunu yapan örnekler.

Üç sütuna sahip olmak, içeriğinizi eşit olarak ya da vurgu üzerinde daha fazla kontrol için The Economist gibi çeşitli genişlik yaklaşımını kullanarak güzel bir şekilde böler. Üç sütun yaklaşımıyla ilgili önemli bir sorun, beynimize üçüncü sütunu görmezden gelmeyi öğretmemizdir! Hepimiz biliyoruz ki, reklamlar görmek istemediğimiz diğer tüm saçmalıklarla birlikte burada oturur, bu yüzden taramalarımızı ilk iki sütuna sınırlı tutarız.

Bu, aslında bazı önemli sütunları serpiştiren siteler için kötü olabilir, çünkü karışımda kaybolması muhtemeldir. Kullanıcılardan gelen bu eğilime dikkat edin ve katı içeriğe girdikten sonra üçüncü sütununuzun hala bir reklam karmaşasına benzemediğinden emin olun.

Canlandırıcı Bir Değişiklik

CNN, bir haber sitesinde gördüğüm içerik organizasyonuna daha iyi yaklaşımlardan birine sahiptir. Bir kategori başlığı ile donatılmış dört sütun eşit yükseklikte kart kullanırlar. Sonuç, bu bölümlerin tipik dağınık dağınıklığından gerçekten kurtulur.

“Neredeyse tüm görüntüleri çekip içeriği normalleştirdiğimizde sonuç çok daha kullanışlı bir şey.”

İlginçtir ki, neredeyse tüm görüntüleri çekip içeriği normalleştirdiğimizde, sonuç çok daha kullanışlı bir şeydir. Tipik bir haber sitesinde dikkatimi çekmek için çok fazla rekabet var. Her hikaye, yanındaki hikayeden daha yüksek sesle çığlık atmaya çalışıyor gibi görünüyor ve sonuç oldukça ezici olma eğiliminde. Buna karşılık, CNN'in hikaye tablosuna göz atmak kolay ve keyifli.

MSNBC de farklı bir yaklaşım benimsiyor. Hikayelerini kategoriler halinde düzenler ve açıkça tanımlanmış yatay kutulara yerleştirirler. Kaç tane hikaye göstereceğinizi seçmenize ve hatta kutuları yeniden düzenlemek için kontroller vermenize izin vererek, ellerinize çok fazla kontrol koydular.

Ders

Burada fark ettiğim şey, içeriklerini açıkça farklı bölümler ve kategoriler halinde düzenleyen siteleri kullanmaktan zevk almamdı. Üç sütun biçimi, denenmiş ve doğru olsa da, daha fazla dağınıklığı elemek gibi hissettiren yoğun çalışma gerektirir.

CNN ve MSNBC, hikayeler ve çeşitli içerik türleri arasında net bir görsel ayrım oluşturmak için adımlar attı ve daha az gelişigüzel görünen düzenleri vardı. Üç sütun biçiminin dağınık görünmesinin nedenlerinden biri, içeriği yatay olarak ayarlayan ve çok sayıda yukarı ve aşağı göz hareketi yapan her modülün değişen yüksekliğidir. Eşit yükseklik formatı son derece yardımcı olur.

Bu Benim İçin Neden Önemli?

Bunu okuyan insanların çoğu The Washington Post için en iyi tasarımcılar değil, bu yüzden bu gözlemler neden bu kitle için değerli? Cevap şu ki, hepimiz haber sitelerinde çalışmadığımız halde, müşterilerimize “çok fazla içerik” konuşması verdik.

Müşterilerimiz bize bir ton şey verdiğinde ve hepsini tek bir sayfaya koymamızı istediğinde bundan nefret ediyoruz. Buna karşı tartışabileceğimiz gibi deneyin, bazı durumlar aslında bu yaklaşımı gerektirir. Hem kullanışlı hem de çekici hale getirmeye çalışırken bir grup içeriği tek bir sayfaya sıkıştırmak, tasarımcı olarak karşılaşacağınız en zor durumlardan biridir, yenebilirseniz, herhangi bir şeyden çıkış yolunuzu tasarlayabilirsiniz.

“Şüphe duyduğunuzda, cevap genellikle basitleştirmek.”

Bugün burada öğrendiğimiz dersler, çok fazla içerikle uğraşmakla uğraştığınız herhangi bir web sitesine uygulanabilir. Şüphe duyduğunuzda, cevap genellikle basitleştirmektir. Bu büyük çirkin başlığı kesin, bir veya iki gerçekten önemli nokta bulmaya ve bunları en üst düzeye çıkarmaya çalışın ve ardından içeriğin geri kalanını göz atması kolay ve okumak için fazla daralma gerektirmeyen görsel olarak ayrı bölümlere ayırın.

Sonuç

Şimdi analizimi gördüğünüze göre, ne düşünüyorsunuz? Hangi haber sitelerinin en cazip olduğunu düşünüyorsunuz? En kullanışlı olan hangileri? İki hedef sinerjik olabilir mi?

Aşağıya bir yorum bırakın ve yukarıdaki bilgi ve örnekler hakkındaki düşüncelerinizi bize bildirin.