Web Tasarımı İyi Yapıldı: Mükemmel Editoryal

Pek çok web tasarımı konuşması, içeriğin etrafında neler olup bittiğiyle ilgilenir. Sayfa hızı, tasarım sistemleri, arama motoru optimizasyonu, çerçeveler, erişilebilirlik - liste uzayıp gidiyor. Bu bize Smashing Magazine'de hakkında yazacak çok şey veriyor, ki bu harika, ancak bunların hepsinin neye hizmet ettiğini kendimize hatırlatmaya değer.

Web Tasarımı İyi Yapıldı serimizin bu üçüncü baskısında, birçok web sitesinin atan kalbine odaklanıyoruz: içerik. Daha spesifik olarak, editoryal içerik. Web, hikaye anlatıcılarına çalışmak için inanılmaz bir araç yelpazesi verdi ve ara sıra yarı yetkin bir gazeteci olarak kendim de iyi bir haber almayı seviyorum.

Aşağıda, onu bir sonraki seviyeye taşımak için editoryal içerikle örülen web teknolojilerinin örnekleri yer almaktadır. Ardından, dijital içerik hakkında yaratıcı düşünmeye ilişkin daha geniş ipuçlarıyla kapatacağız. Şimdi bile, içerik üretim hattı tarafından boğulmuş, iyi şeyler hala parlıyor.

Reuters Kaydırmaya Yatkın

ABD'deki sistemik ırkçılıkla ilgili bu parçada Reuters, içeriği kaydırma etrafında şekillendiriyor ve hikayeyi ısırık büyüklüğünde parçalara ayırıyor. Okumak, geleneksel kaydırma yaklaşımından çok daha amaçlı geliyor. Bir kitabın sayfalarını çevirmek gibi. Mobilde, kelimenin tam anlamıyla bir sonraki bölüme geçersiniz. Hızlı ve anında raporlama sağlar - ve bu, sergilenen mükemmel veri görselleştirmesinden hiçbir şey söylemez.

Mobil öncelikli bir dünyada yaşıyoruz. Bu konuda değerli olmanın bir anlamı yok. Evet, dergi yayılımlarının onlar hakkında belirli bir sınıfı vardır. Evet, masaüstü görünümü, üzerinde çalışabileceğiniz daha büyük bir tuval sağlar. Gerçek şu ki, çoğu insan bir cep telefonunda yayınladıklarınızı görüntüleyecek, bu yüzden ona yaslanın. Benzer bir yaklaşım için, The New York Times ve Input'un bu 'hafifçe hikayeleri' de mükemmel. Mobil merkezli başyazı hakkında daha fazla okumak isteyenler için, efsanevi gazete tasarımcısı Mario Garcia'nın The Story'si yürekten tavsiye edilir.

The New York Times Anlatmaktan Çok Gösteriyor

COVID-19 pandemisinin neden olduğu tüm korkunç şeylere rağmen, en azından nefes kesici derecede iyi haberlere yol açtı. Bu etkileşimli New York Times makalesi, okuyucuları parçacık düzeyine çıkararak yüz maskelerinin nasıl çalıştığını açıklıyor. Liflerin parçacıkları nasıl yakaladığını ve farklı maskelerin neden farklı etkinlik düzeylerine sahip olduğunu görebilirsiniz. Herhangi bir aptal, karmaşık konuların anlaşılmasını zorlaştırabilir, ancak anlaşılmasını kolaylaştırabilir mi? Bu başlı başına bir sanat formu.

Burada oyunda birçok unsur var. Grafikler, renk, animasyon - teknenizi uçuruyorsa, artırılmış gerçeklik deneyimi bile var. Bu kadar kolay olabilecek kuru, havasız bir konu hayata geçirilir. Ve hepsinden önemlisi, hayati bilgilerdir. Bunun gibi şeyler, Gabriel Gianordoli'nin 2020 Haber Tasarımı Derneği ödüllerinde Dünyanın En İyi Tasarımcısı seçilmesinin nedenidir. Ezici.

Washington Post Üstel Yayılımı Görselleştiriyor

Pandemi ayrıca veri görselleştirmeyi tüm dünyadaki yayınların ön sayfalarına zorladı. Mart 2020'den itibaren üstel yayılmayla ilgili bu makale (bunu hatırladınız mı?), belirli virüslerin nasıl ve neden çok hızlı gerçek büyük sorunlara dönüştüğünü görselleştirme konusunda inanılmaz bir iş çıkarıyor. Tam gelişmiş simülasyonlardan küçük satır içi kıvılcım grafiklerine kadar, bu, dijital ayarından tam olarak yararlanan bir editoryaldir.

Bu konuda özellikle sevdiğim şey, asla gereksiz hissetmemesi. Her görsel hikayeyi öyle iyileştirir ki aynı kavramları sadece kelimelerle açıklamak zorunda kalan biri için neredeyse üzülürsünüz. Bir düğmeye tıklayarak bir düzineden fazla dilde mevcut olması başka bir harika dokunuş - Web'in aslında sınırsız olduğunu hatırlatıyor. Bu makalenin dünya çapında kaç kişiye yardımcı olduğunu hayal edebiliyorum.

Marshall Projesi Medyayı Karıştırıyor

Burada Marshall Projesi, bir çocuk hikaye kitabının zarafet ve acı tatlı güzelliğiyle ABD ceza adalet sistemi hakkında sert gazeteciliği sunuyor. “The Zo”da yaratıcı yazı, çarpıcı illüstrasyon, büyüleyici anlatım ve önemli bir hikaye birleşiyor. Bu, tam akışta multimedya editoryaldir.

Şarkıların çeşitli şekillerde olabileceğini söylüyorlar. Aynı şey çevrimiçi editoryal içerik için de geçerlidir. Yukarıda gördüğünüz şey, 96 sayfalık bir akademik makaleden esinlenmiştir. Çevrimiçi bir animasyon dizisi olarak yeni bir izleyici kitlesi bulabilmesi ve ardından bir değil iki Emmy ödülüne aday gösterilebilmesi, internetin dönüştürücü güçlerinin kanıtıdır.

SBS'nin Etkileşimli Çizgi Romanı Yenilik Değil

İnternetin dönüştürücü güçlerinden bahsetmişken, interaktif bir hikayeye ne dersiniz? Film uyarlamaları, radyo oyunu uyarlamaları, mini dizi uyarlamaları ve benzeri şeylere hepimiz aşinayız. Neden web sayfası uyarlamaları değil? Avustralyalı yayıncı SBS, Nam Le'nin aynı adlı kitabında yer alan kısa bir hikayenin etkileşimli bir şekilde yeniden anlatımı olan The Boat ile tam da bunu yapmaya başladı.

Sayfanın açılış sekansı sizi içine çekiyor, kelimeleri okurken dalgalarla eğilip yuvarlanıyor, gök gürültüsü ve yağmur sesleri duyularınızı ağzına kadar dolduruyor. Hikaye sakinleşirken, Matt Huynh'ın çizimleri hatıralar gibi sürükleniyor. Oldukça canlı bir deneyim, başlı başına güzel ve edebiyatı genç nesillere taşımanın akıllıca bir yolu.

Puding Maymunları Etrafında

Keşke bu ilham verici siteler serisinin sesli baskısı için zamanında bununla karşılaşsaydım. Önemli değil, şimdi burada. Gerçekten mükemmel bir dijital editoryal vitrinde, Puding, Sonsuz Maymun Teoremini çok fazla açıklamıyor, onu müzikle yaşıyor. Maymun Teoreminin ne olduğunu bilmiyor musunuz? Pekala, ne bekliyorsun, sayfa benim yapabileceğimden çok daha iyi bir açıklama yapacak. Bekleyeceğim.

Etkileşimli dört notalı örnekler kullanarak, makale okuyucunun ilgisini çekerken aynı zamanda kavramın anlaşılmasını kolaylaştırır. Son, hoş bir dokunuş olarak, sayfanın kendisi canlı, devam eden bir deneydir ve giderek karmaşıklaşan melodiler arasında rastgele ilerlemektedir. Yaklaşık 19 yıl içinde “Yedi Ulus Ordusu”nu elde etmesini bekleyebilirsiniz. İnsan, klavyede yeterince uzun süre yazan bir maymunun mükemmel JavaScript çerçevesini oluşturup oluşturamayacağını merak ediyor. Umut sonsuzdur.

Ayrı Bir Liste: Bir Sınıf Ayrı

Veri görselleştirme, müzik, artırılmış gerçeklik ve diğer şık araçlarla ilgili tüm konuşmalar için, temel hakkı elde etmek için söylenecek çok şey var. Sayfaların göz alıcı olması için Vegas Strip'in web eşdeğeri olması gerekmez. Bir Apart listesi , bunu çoğundan daha iyi gösterir. İçeriğe yaklaşımı her zaman kalbimde yer edecek. Başlık, illüstrasyon, kopya, mavi köprüler. Güzel.

Şimdi fark ettiğim şey, rahatsız edici derecede uzun zaman önceydi, 'acımasız' web tasarımının iki dalı hakkında yazmıştım. Söylediklerimin özü, bir yaklaşımın gürültülü ve küstah, diğerinin kararlı bir şekilde işlevsel olduğuydu. A List Apart , ikincisinin doğru yapılmasının güzelliğini gösterir. Multimedya araç takımı sahip olmak için harika bir varlıktır, ancak şimdi bile sadece kelimelerin yeterli olduğu zamanlar vardır.

İçerik Hakkında Yaratıcı Düşünmek

İyi ya da kötü, web kesinlikle içerikle dolu. Birçoğu harika, çoğu değil. Etrafındaki konuşmaların çoğu, montaj hatlarından bahseden sanayicilerden bekleyeceğiniz soğuk, hesaplayıcı bir kadansa sahip. Yukarıda paylaşılan örnekler, umarız, işleri alt üst etme dürtüsüne direnmenin değerine değinir, ancak gerçek olalım: çoğu web sitesi, örneğin The Washington Post kaynaklarına sahip değildir.

Ancak, kişisel bloglardan küresel yayınlara kadar her düzeyde içerik hakkında yaratıcı düşünmenin yolları vardır. İşte bunlardan birkaçı:

• Varsayılan yaklaşımınızı sorgulayın.
  Hikayelerimizi nasıl anlattığımız da dahil olmak üzere alışkanlık yaratıklarıyız. Geri adım atmak ve sormak için erken zaman ayırın, Bunu nasıl farklı şekilde yapabilirim? Belki bir fotoğraf denemesi bir makaleden daha ihtiyatlı olabilir. Belki bir ısı haritası bir masadan daha iyidir. Uzmanlık elbette önemlidir, ancak sizi diğer, genellikle birbirini tamamlayan şeyler yapma yollarına karşı kör etmesine izin vermeyin.
• Ücretsiz kaynakları kullanın.
  İnternetin en büyük hediyelerinden biri, ne kadar harika ücretsiz şeylerin olduğudur. Aslında bedava, bilerek. Fotoğrafçılıktan grafik tasarıma, veri görselleştirme araçlarından ses düzenleme yazılımına kadar, içeriğinizi dönüştürmek için ihtiyaç duyduğunuz kaynaklar sadece bir tık uzağınızda. Bedavalar etiketimiz başlamak için iyi bir yerdir.
• İçeriğe birden çok form verin.
  The Marshall Project'in özellikle “The Zo” ile iyi bir şekilde gösterdiği gibi, hikayeler farklı şekiller aldıklarında yeni izleyiciler bulabilirler. Bir makale mi yazdın? Harika, neden bir ses versiyonunu kaydetmiyorsunuz? Veriye dayalı bir rapor hazırladınız mı? Oldukça havalı, yine de bu sayıları D3'e takmaya başlamanız olabileceği kadar havalı mı? Bulmanın bir yolu var.
• Deney.
  Buradaki örnekler, mahsulün kremasıdır, ancak yeni fikirleri denemekten ve ara sıra ortaya çıkan başarısızlıkları benimsemekten kazanılacak muazzam bir miktar olduğunu belirtmekte fayda var. Yineleme, yaratıcı sürecin anahtarıdır. Bir şeyi denerseniz ve işe yaramazsa, sorun değil. Neyin işe yaradığına ulaşmanın tek yolu bu.

İçeriğe herkese uyan tek bir yaklaşım yoktur, ancak hikayeye saygı duymak çok önemlidir. Web teknolojileri, ana olay değil, tamamlayıcıdır. Köpeği sallayan kuyruk olmalarına izin vermeyin. En iyi sonuçlar, hikaye anlatılma şekliyle uyumlu olduğunda gelir. Bu, yıllarca insanların aklında kalan içerik türüdür.