Content First Design Nedir? İçerik Öncelikli Web Tasarım

Content first design, yani içerik öncelikli tasarım, bir web sitesinin görsel tasarımına başlamadan önce sitede hangi içeriklerin yer alacağını, bu içeriklerin hangi kullanıcı ihtiyacını karşılayacağını ve nasıl düzenleneceğini belirleyen yaklaşımdır. Bu yöntemde tasarım, içeriği taşıyan bir çerçeve olarak içeriğe göre şekillenir; içerik, hazır bir şablonun boşluklarını doldurmak için sonradan yazılmaz.

Bu yazıda content first design yaklaşımının ne olduğunu, geleneksel tasarım sürecinden farkını, avantajlarını ve bir web projesinde adım adım nasıl uygulanacağını anlatıyoruz. İçerik ve tasarımı birlikte planlayan bir web tasarım hizmeti arıyorsanız yazının sonunda nasıl çalıştığımızı bulabilirsiniz.

Content first design nedir?

Content first design, web tasarım sürecinde önce içeriğin planlandığı, ardından bu içeriği en iyi sunacak tasarımın oluşturulduğu bir yaklaşımdır. Temel fikir, kullanıcıların siteye tasarım için değil, bilgi almak veya bir işi tamamlamak için geldiğidir. Bu nedenle sayfa yapısı, bileşenler ve görsel hiyerarşi gerçek içeriğe göre belirlenir.

Bu yaklaşımın temel ilkelerini iyi özetleyen kaynaklardan biri Birleşik Krallık hükümetinin GOV.UK içerik tasarımı rehberidir. Rehbere göre iyi içerik tasarımı, insanların bilmeleri veya yapmaları gerekeni hızla bulmalarına yardımcı olur ve kullanıcı ihtiyaçlarıyla başlar. Rehberde iyi tasarlanmış içeriğin özellikleri şöyle sıralanır:

• Kullanıcı ihtiyacıyla başlamak
• İçeriğin miktarını, biçimini ve en uygun yayın yerini değerlendirmek
• Stil kurallarına uymak
• İçeriği güncel tutmak

Content first design ile geleneksel tasarım arasındaki fark nedir?

Geleneksel süreçte önce görsel tasarım ve şablon hazırlanır, içerik ise genellikle yer tutucu metinlerle temsil edilip sonradan yazılır. İçerik öncelikli yaklaşımda sıra tersine döner: Önce içerik envanteri, kullanıcı ihtiyaçları ve mesaj hiyerarşisi belirlenir, ardından tasarım bu gerçek içeriğe göre oluşturulur. Böylece tasarım ile içerik arasındaki uyumsuzluklar erken aşamada ortadan kalkar.

Kriter	Geleneksel yaklaşım	Content first design
Başlangıç noktası	Görsel şablon	Kullanıcı ihtiyacı ve içerik
İçerik	Sonradan yazılır, şablona sığdırılır	Önceden planlanır, tasarımı yönlendirir
Taslaklar	Yer tutucu metinlerle	Gerçek veya gerçeğe yakın içerikle
Risk	Uzun metinlerin tasarımı bozması, eksik bilgi	Planlama aşamasının daha uzun sürmesi
Sonuç	Görsel olarak tutarlı ama içerik zayıf olabilir	İçerik ve tasarım birbirini destekler

Content first design neden önemlidir?

Content first design önemlidir çünkü kullanıcıların siteden beklediği bilgiyi merkeze alır, tasarım revizyonlarını azaltır ve SEO ile erişilebilirliği baştan destekler. İçerik önceden bilindiğinde başlık yapısı, sayfa uzunluğu ve bileşen ihtiyaçları doğru belirlenir. Bu da hem geliştirme süresini hem de yayından sonraki düzeltme ihtiyacını azaltır.

İçerik öncelikli tasarımın başlıca faydaları:

• Kullanıcı odaklılık: Sayfalar, kullanıcıların gerçekten aradığı sorulara ve görevlere göre kurgulanır.
• Daha az revizyon: Gerçek içerikle hazırlanan taslaklar, “metin sığmadı” gibi sorunları erken gösterir.
• SEO uyumu: Başlık hiyerarşisi ve sayfa konuları arama niyetine göre planlanır. Google’ın faydalı içerik rehberi de içeriğin öncelikle insanlar için hazırlanmasını önerir.
• Erişilebilirlik: Anlamlı başlıklar ve açık bir içerik düzeni, ekran okuyucu kullananlar dahil herkes için siteyi kullanılabilir kılar.
• Tutarlı marka dili: Mesajlar tasarımdan önce netleştiği için sayfalar arasında tutarlılık sağlanır.

Content first design süreci nasıl işler?

İçerik öncelikli tasarım süreci; kullanıcı ihtiyaçlarının belirlenmesi, mevcut içeriğin envanterinin çıkarılması, site haritasının ve sayfa yapısının oluşturulması, içerik taslaklarının yazılması, bu içerikle tel çerçeve ve tasarımın hazırlanması ve son olarak test ile yayın adımlarından oluşur. Her adım bir öncekinin çıktısını kullanır.

Adım adım süreç:

1. Kullanıcı ihtiyaçlarını belirleyin: GOV.UK’nin kullanıcı ihtiyaçları rehberi, yayımlanan her içeriğin geçerli bir kullanıcı ihtiyacını karşılaması gerektiğini belirtir ve ihtiyaçları “Bir … olarak, … yapmam gerekiyor, böylece …” kalıbıyla üç parçada yazmayı önerir.
2. İçerik envanteri çıkarın: Mevcut sitedeki içerikleri listeleyin; hangilerinin korunacağını, güncelleneceğini veya kaldırılacağını belirleyin. Bunun için içerik analizi yazımızdaki yöntemlerden yararlanabilirsiniz.
3. Site haritası ve sayfa yapısı: Sayfaları ve aralarındaki ilişkileri belirleyin; her sayfanın tek bir ana amacı olsun.
4. İçerik taslakları: Başlıklar, ana mesajlar, sık sorulan sorular ve eylem çağrıları için gerçek taslaklar yazın.
5. Tel çerçeve ve tasarım: Taslak içerikle tel çerçeveler hazırlayın; bileşenleri içeriğin ihtiyacına göre tasarlayın.
6. Test ve yayın: Kullanıcı testleri ve erişilebilirlik kontrolleriyle yapıyı doğrulayın.

İçerik envanteri nasıl çıkarılır?

İçerik envanteri, mevcut sitedeki tüm sayfaların ve içerik parçalarının bir tabloda listelenmesi ve her biri için karar verilmesiyle çıkarılır. Tabloda sayfa adresi, başlık, amaç, hedef kullanıcı, performans verisi ve karar sütunları yer alır. Bu çalışma, yeni tasarımda hangi içeriklerin taşınacağını ve hangi boşlukların doldurulacağını netleştirir.

Envanter tablosunda bulunması önerilen sütunlar:

• URL ve başlık: Sayfanın adresi ve mevcut başlığı.
• Amaç ve kullanıcı ihtiyacı: Sayfanın hangi soruyu yanıtladığı veya hangi görevi desteklediği.
• Performans: Search Console ve analitik verilerinden trafik ve etkileşim bilgisi.
• Durum: Güncel, eskimiş, kopya veya eksik.
• Karar: Koru, güncelle, birleştir veya kaldır. Kaldırılan ya da birleştirilen sayfalar için yönlendirme planı yapılmalıdır.

GOV.UK rehberi de içerik miktarını azaltmayı, büyük içerikleri parçalara bölmeyi ve çakışan bilgileri önlemek için gereksiz içerikleri kaldırmayı seçenekler arasında sayar.

Content first design uygularken nelere dikkat edilmelidir?

Bu yaklaşımı uygularken içerik ve tasarım ekiplerinin projenin başından itibaren birlikte çalışması, içerik taslaklarının gerçekçi uzunlukta olması, mobil ekranların öncelikli düşünülmesi ve içeriğin yayından sonra da güncel tutulması gerekir. Yaklaşımın en sık başarısız olduğu nokta, içeriğin yine son ana bırakılmasıdır.

Dikkat edilecek noktalar:

• Ortak çalışma: Yazar, tasarımcı ve geliştirici aynı planlama toplantılarında yer almalıdır.
• Gerçekçi taslaklar: Yer tutucu metin yerine gerçeğe yakın uzunlukta içerik kullanın.
• Mobil öncelik: İçeriğin küçük ekranlarda nasıl okunacağını baştan düşünün. Ayrıntılar için responsive web tasarım yazımıza bakabilirsiniz.
• İçerik yönetimi: İçeriğin kolay güncellenebilmesi için uygun bir yönetim paneli seçin; seçenekler için CMS nedir yazımıza göz atabilirsiniz.
• Sahiplik: Her içerik için güncelleme sorumlusunu belirleyin. GOV.UK rehberi de içeriğin güncel tutulmasını iyi içerik tasarımının temel unsurlarından biri olarak sayar.

Content first design erişilebilirliği nasıl destekler?

İçerik öncelikli yaklaşım erişilebilirliği destekler çünkü içerik önceden planlandığında başlık hiyerarşisi, bağlantı metinleri, görsel alternatif metinleri ve okuma sırası tasarımdan önce belirlenir. Bu unsurlar, ekran okuyucu kullananlar ve farklı cihazlardan erişenler için sitenin anlaşılır olmasını sağlar. Erişilebilirliği sonradan eklemek, baştan planlamaktan çok daha zordur.

W3C’nin WCAG 2.2 standardı, web içeriğinin algılanabilir, işletilebilir, anlaşılabilir ve sağlam olmasını hedefler. İçerik aşamasında planlanabilecek erişilebilirlik unsurları:

• Başlık yapısı: Sayfa bölümlerini anlamlı ve sıralı başlıklarla düzenleyin.
• Bağlantı metinleri: “Tıklayın” yerine bağlantının hedefini anlatan metinler kullanın.
• Alternatif metin: Görsellerin işlevini veya içeriğini açıklayan metinleri içerikle birlikte yazın.
• Sade dil: Kısa cümleler ve anlaşılır ifadeler tercih edin.

Kullanıcı deneyimi odaklı içerik yazımını UX odaklı içerik yazımızda ayrıntılı olarak ele aldık.

Content first design hangi projeler için uygundur?

Bu yaklaşım; kurumsal siteler, hizmet siteleri, e-ticaret siteleri, bilgi portalları ve kampanya sayfaları dahil içeriğin kullanıcı kararını doğrudan etkilediği hemen her web projesi için uygundur. Özellikle çok sayıda sayfası olan, sık güncellenen veya karmaşık hizmetler anlatan sitelerde yaklaşımın faydası daha belirgindir.

Proje türlerine göre uygulama örnekleri:

• Kurumsal siteler: Hizmetlerin, referansların ve iletişim bilgilerinin net sunulması. Ayrıntılar için kurumsal web tasarım yazımıza bakabilirsiniz.
• Kampanya sayfaları: Tek bir teklif ve eylem çağrısı etrafında kurgulanan sayfalar. Bunun için landing page yazımızdaki ilkeleri uygulayabilirsiniz.
• E-ticaret siteleri: Kategori ve ürün açıklamalarının şablonlardan önce planlanması.
• Blog ve bilgi merkezleri: Konu kümeleri ve iç bağlantı yapısının önceden belirlenmesi. İçerik stratejisi için içerik pazarlaması nedir yazımıza göz atabilirsiniz.

Sık sorulan sorular

İçeriği merkeze alan bir site tasarlayalım. Duende Dijital, içerik stratejisiyle başlayan bir web tasarım hizmeti sunar. Site içeriklerinizin üretimi için içerik pazarlama hizmeti sayfamıza da göz atın. Projenizi konuşmak için brifinizi paylaşın.

Kaynakça

• GOV.UK: Understand content design
• GOV.UK: Identify user needs
• W3C: Web Content Accessibility Guidelines (WCAG) 2.2
• Google Arama Merkezi: Faydalı, güvenilir ve kullanıcı odaklı içerik oluşturma