Mükemmel Başyazı — Smashing Magazine

0
32

Kısa özet ↬ İçeriğin kral olduğunu söylüyorlar ve haklılar. Web, hikaye anlatıcılar için anlatılmamış olasılıkların kilidini açtı – elbette hikayenin doğru olması şartıyla. İşte dijital alanda gelişen en sevdiğimiz editoryal içerik örneklerinden bazıları.

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 yazacak çok şey veriyor, ki bu harika, yine de kendimize bunun neye hizmet ettiğini 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 kepçe seviyorum.

Aşağıda, 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.

Bölüm: Web Tasarımı İyi Yapıldı

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.

(Büyük önizleme)

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.

Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

Addy Osmani’nin web’de yüksek kaliteli görüntüleri optimize etmeye ve sunmaya yönelik yepyeni pratik kılavuzu Image Optimization ile tanışın. Formatlar ve sıkıştırmadan teslimat ve bakıma kadar her şey 528 sayfalık tek bir kitapta.

İçindekiler bölümüne atla ↬

Özellik Paneli

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.

maskeler hakkında new york-times parçası

(Büyük önizleme)

Burada oyunda birçok unsur var. Grafikler, renk, animasyon — eğer 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 Society for News Design ö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 tüm dünyadaki yayınların ön sayfalarında veri görselleştirmeyi 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.

Washington Postp'un Covid hakkında makalesi

(Büyük önizleme)

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.

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.

Marshall projesi

(Büyük önizleme)

Ş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 esinlenilmiş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ğildir

İnternetin dönüştürücü güçlerinden bahsetmişken, interaktif bir hikayeye ne dersiniz? Hepimiz film uyarlamalarına, radyo oyunu uyarlamalarına, mini dizi uyarlamalarına vb. 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ı.

SBS'nin tekne hikayesi

(Büyük önizleme)

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ştikçe, 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.

Etrafındaki Puding Maymunları

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 The Pudding, Infinite Monkey Theorem’i müzikle yaşamaktan çok açıklamıyor. Maymun Teoreminin ne olduğunu bilmiyor musunuz? Pekala, ne bekliyorsun, sayfa benim yapabileceğimden çok daha iyi bir açıklama yapacak. Bekleyeceğim.

Puding Maymun Teoremi

(Büyük önizleme)

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 bir şekilde 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.

Ayrı Bir Liste

(Büyük önizleme)

Ş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’un 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 insanlarla yapışan içerik türüdür.

Çarpıcı Editoryal
(vf, yk, il)

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz