Information Architecture Temelleri: İçeriği Organize Etmenin Sanatı

Seviye: Başlangıç - Orta
Kategori: UX Design
Son güncelleme: Ocak 2025

---

Giriş

Bir e-ticaret sitesinde "laptop çantası" arıyorsun. Nereye bakarsın?

• Elektronik → Bilgisayar Aksesuarları?
• Moda → Çantalar?
• Ofis → Laptop Aksesuarları?

Eğer siteye bağlı olarak farklı yerlere bakıyorsan, bu bir Information Architecture problemi.

IA, kullanıcıların içeriği nasıl bulduğunu, anladığını ve gezindiğini belirleyen görünmez iskelet. Kötü IA, güzel UI'ı bile kullanılamaz kılar. "Aradığımı bulamıyorum" şikayetinin arkasında genellikle IA sorunları yatar.

Bu yazıda Information Architecture'ın ne olduğunu, temel bileşenlerini ve nasıl oluşturulacağını öğreneceksin.

---

Information Architecture Nedir?

IA terimi 1976'da Richard Saul Wurman tarafından ortaya atıldı. Dijital dünyada ise özellikle web sitelerinin karmaşıklaşmasıyla önem kazandı.

IA'nın temel sorusu: "Kullanıcı aradığını nasıl bulacak?"

---

IA Neden Önemli?

1. Bulunabilirlik (Findability)

Kullanıcılar aradıklarını bulamazsa, site ne kadar güzel olursa olsun işe yaramaz. IA, içeriği bulunabilir kılar.

2. Anlaşılabilirlik (Understandability)

"Bu link nereye götürür?", "Bu kategori neyi içerir?" sorularının cevabı net olmalı. İyi IA, belirsizliği azaltır.

3. Ölçeklenebilirlik (Scalability)

Bugün 50 ürün var, yarın 5000 olacak. İyi IA, büyümeye hazır yapı sağlar.

4. SEO Etkisi

Arama motorları da IA'yı anlar. Mantıklı URL yapısı, breadcrumb, site haritası SEO'yu güçlendirir.

---

IA'nın Dört Bileşeni

Information Architecture dört temel sistemden oluşur:

1. Organizasyon Sistemleri (Organization Systems)

İçeriğin nasıl gruplandığı ve sınıflandırıldığı.

Organizasyon şemaları:

[TABLE] | Şema Tipi | Açıklama | Örnek | |-----------|----------|-------| | Alfabetik | A'dan Z'ye sıralama | Sözlük, telefon rehberi | | Kronolojik | Zamana göre sıralama | Blog yazıları, haber arşivi | | Coğrafi | Lokasyona göre | Mağaza bulucu, hava durumu | | Konu bazlı | Temaya göre gruplama | E-ticaret kategorileri | | Görev bazlı | Yapılacak işe göre | Online bankacılık | | Hedef kitleye göre | Kullanıcı tipine göre | Bireysel / Kurumsal | [/TABLE]

Organizasyon yapıları:

• Hiyerarşik: Ağaç yapısı, ana kategoriler ve alt kategoriler
• Veritabanı: Metadata bazlı, filtreleme ve arama
• Hipertekst: İçerikler arası çapraz linkler, wiki tarzı

2. Etiketleme Sistemleri (Labeling Systems)

İçeriğin nasıl adlandırıldığı. Menü isimleri, buton metinleri, kategori başlıkları.

İyi etiketleme özellikleri:

• Açık ve anlaşılır
• Tutarlı (aynı şey için aynı terim)
• Kullanıcının dilinde (jargon değil)
• Kısa ama açıklayıcı

3. Navigasyon Sistemleri (Navigation Systems)

Kullanıcının içerik içinde nasıl hareket ettiği.

Navigasyon tipleri:

[TABLE] | Tip | Açıklama | Örnek | |-----|----------|-------| | Global | Her sayfada aynı, ana menü | Header navigation | | Lokal | Bölüme özel alt menü | Sidebar, category nav | | Contextual | İçerik içi linkler | "İlgili ürünler", inline link | | Supplemental | Yardımcı navigasyon | Site haritası, index | | Breadcrumb | Konum göstergesi | Ana Sayfa > Kategori > Ürün | [/TABLE]

4. Arama Sistemleri (Search Systems)

Kullanıcının içeriği arayarak bulması.

Arama bileşenleri:

• Arama kutusu konumu ve tasarımı
• Arama sonuçları sayfası
• Filtreleme ve sıralama
• Öneri ve otomatik tamamlama
• "Sonuç bulunamadı" durumu

---

IA Nasıl Oluşturulur?

Adım 1: İçerik Envanteri

Mevcut içeriği listele. Ne var, ne yok?

İçerik envanteri tablosu:

| Sayfa/İçerik | URL | Kategori | Durum | Notlar | |--------------|-----|----------|-------|--------| | Ana sayfa | / | - | Aktif | - | | Hakkımızda | /hakkimizda | Kurumsal | Güncel değil | Güncelleme gerek | | Ürün A | /urunler/a | Ürünler | Aktif | - |

Adım 2: İçerik Denetimi (Audit)

Mevcut içeriği değerlendir:

• Güncel mi?
• Değerli mi?
• Duplicate var mı?
• Eksik ne var?

Adım 3: Kullanıcı Araştırması

Kullanıcılar içeriği nasıl düşünüyor? İki temel yöntem:

Card Sorting: Kullanıcılara içerik kartları verip gruplamalarını istersin.

• Açık card sort: Kullanıcı grupları ve isimleri kendisi belirler
• Kapalı card sort: Kategoriler sabit, kullanıcı kartları yerleştirir
• Hibrit: İkisinin karışımı

Tree Testing: Oluşturduğun yapıyı test edersin. "X'i bul" görevi verip, kullanıcının doğru yolu izleyip izlemediğini ölçersin.

Adım 4: Yapıyı Oluştur

Araştırma bulgularına göre:

• Ana kategorileri belirle
• Alt kategorileri oluştur
• Çapraz ilişkileri düşün
• Derinliği dengele (çok derin = kaybolma, çok sığ = kalabalık)

Adım 5: Site Haritası Çiz

Yapıyı görselleştir. Tüm sayfalar ve ilişkileri.

Adım 6: Test Et ve İtere Et

Tree testing ile yapıyı doğrula. Sorunları düzelt, tekrar test et.

---

Site Haritası Oluşturma

Site haritası, IA'nın görsel temsili. Tüm sayfaları ve hiyerarşiyi gösterir.

Site Haritası İçeriği

Her sayfa için:

• Sayfa adı
• Sayfa ID veya URL
• Hiyerarşik konum
• Sayfa tipi (landing, content, form vs.)

Site Haritası Formatları

Liste formatı:

Ana Sayfa 1.1 Ürünler 1.1.1 Kategori A 1.1.2 Kategori B 1.2 Hakkımızda 1.3 İletişim

Görsel format: Figma, Miro veya özel sitemap araçlarıyla kutular ve bağlantılar şeklinde.

Site Haritası İpuçları

• Tutarlı isimlendirme kullan
• Derinliği 3-4 seviyeyle sınırla
• Büyük sitelerde bölümlere ayır
• Versiyon kontrolü yap

---

Navigasyon Tasarımı

Navigasyon Prensipleri

1. Tutarlılık Global navigasyon her sayfada aynı yerde, aynı görünümde olmalı.

2. Netlik Her link nereye gittiğini açıkça belirtmeli.

3. Bağlam Kullanıcı nerede olduğunu bilmeli (aktif state, breadcrumb).

4. Erişilebilirlik Klavye navigasyonu, ekran okuyucu uyumu.

Navigasyon Kararları

Kaç ana menü öğesi? 5-7 öğe ideal. Daha fazlası göz karmaşası yaratır.

Mega menü gerekli mi? Çok içerik varsa faydalı, az içerik için overkill.

Hamburger menü ne zaman? Mobilde yaygın, desktop'ta tartışmalı. Kritik linkleri gizlememeli.

Footer navigasyon ne içermeli? Yasal linkler, secondary sayfalar, site haritası linki.

---

Card Sorting Detayları

Card sorting, IA için en değerli araştırma yöntemi.

Nasıl Yapılır?

Araçlar

[TABLE] | Araç | Ücretsiz | Özellik | |------|----------|---------| | OptimalSort | Sınırlı | Kapsamlı analiz | | Maze | Sınırlı | Kullanıcı testi entegrasyonu | | UXtweak | Sınırlı | Tree testing dahil | | Miro | Kısmen | Manuel analiz gerekir | | Fiziksel kartlar | Evet | Yüz yüze seanslar için | [/TABLE]

---

Tree Testing Detayları

Oluşturduğun yapıyı test etmenin yolu.

Nasıl Yapılır?

1. Site yapısını araca yükle (sadece yapı, görsel yok)
2. Görevler oluştur: "X'i nerede ararsın?"
3. Katılımcıları yönlendir
4. Başarı oranını ve yolu analiz et

Metrikler

• Başarı oranı: Doğru yeri bulan yüzdesi
• Doğrudanlık: İlk denemede bulanlar
• Zaman: Görevi tamamlama süresi
• Yol: Kullanıcının izlediği rota

---

IA Hataları

1. Organizasyon bazlı yapı

[COMPARISON] ❌ Şirket organizasyonuna göre: "Pazarlama", "Satış", "Operasyon" ✅ Kullanıcı ihtiyacına göre: "Ürünler", "Destek", "Hesabım" [/COMPARISON]

Kullanıcı şirketin iç yapısını bilmez, bilmek zorunda da değil.

2. Çok derin hiyerarşi

4+ seviye derinlik kullanıcıyı kaybettirir. "3 tık kuralı" tam doğru olmasa da, derinliği sınırla.

3. Tutarsız etiketleme

Bir yerde "Ürünler", başka yerde "Çözümler", başka yerde "Hizmetler". Aynı şey için aynı terim.

4. Arama ve navigasyon ayrımı

İkisi birbirini tamamlamalı. Sadece arama veya sadece navigasyon yetmez.

5. Test etmemek

"Bence mantıklı" yetersiz. Kullanıcılarla test et.

---

IA Dökümanları

Site Haritası

Tüm sayfalar ve hiyerarşi.

Navigasyon Spec

Menü yapısı, dropdown davranışı, mobile adaptasyon.

Taksonomi

Kategori ve etiket listesi, tanımlarıyla.

URL Yapısı

URL patternleri ve kuralları.

---

---

---

İlgili İçerikler

Önceki: Wireframe vs Mockup vs Prototype

Sonraki: User Journey Map Oluşturma

İlgili konular:

• User Flow ve Task Flow
• Card Sorting Nedir? (yakında)
• Tree Testing Nedir? (yakında)

İlgili Roadmap: UX Designer Roadmap → Yapı ve Mimari

---

Kaynaklar

Derinleşmek istersen:

• Information Architecture - NNGroup (İngilizce, 8 dk)
• Information Architecture - IxDF (İngilizce, 12 dk)
• Information Architecture for the Web and Beyond - Rosenfeld & Morville (Kitap, IA'nın kutsal kitabı)