Web Sitesi Bilgi Mimarisi: Menü ve Navigasyon Nasıl Kurulur?
Web sitesi bilgi mimarisi, ziyaretçinin aradığını birkaç tıklamada bulmasını sağlar. Menü ve navigasyonu kullanıcı odaklı kurmanın yolları burada.
Web sitesi bilgi mimarisi, sayfalarınızın hangi başlıklar altında toplanacağını ve ziyaretçinin onlara hangi yoldan ulaşacağını belirleyen düzendir. İyi kurulmuş bir yapıda kullanıcı aradığını birkaç tıklamada bulur. Aşağıda menüyü, gruplamayı ve sık yapılan hataları somut örneklerle ele alıyoruz.
Menü tasarımından önce sayfa envanteri çıkarın
Çoğu kurumsal site menüyle başlar, oysa menü yapının sonucudur. Önce elinizdeki ve olması gereken tüm sayfaları tek bir tabloya dökün. Hizmetler, hakkımızda, referanslar, blog, iletişim, ikinci dereceden sayfalar; hepsi listede yer almalı.
Bu listeyi çıkarırken her sayfanın tek bir amacı olup olmadığına bakın. İki sayfa aynı soruya cevap veriyorsa birleştirmeyi düşünün. Hiçbir soruya cevap vermeyen sayfa ise genellikle silinmeye ya da yeniden yazılmaya adaydır.
Biz ajans olarak bu envanter adımının atlandığı sitelerde, menünün zamanla şişip karmaşıklaştığını sık görüyoruz. Her yeni sayfa menüye eklenir, kimse neyin yerini aldığını sormaz.
Ziyaretçi sizin iç dilinizi bilmez
Şirket içinde kullandığınız departman adları, ziyaretçi için çoğu zaman anlamsızdır. 'Çözüm Ortaklığı Birimi' gibi bir başlık yerine 'Hizmetler' ya da 'Ürünler' daha çabuk anlaşılır. Menü etiketi kısa, tanıdık ve tek anlamlı olmalı.
Basit bir sınama yapın. Çalışanı olmayan üç beş kişiye menüyü gösterin ve 'Fiyat bilgisini nerede ararsınız?' diye sorun. Tereddüt eden her kişi bir etiket sorununa işaret eder.
Etiketlerde hem ziyaretçinin hem arama motorunun anlayacağı sözcükleri tercih edin. Anahtar kelime doldurmak gerekmez; müşterinizin kendi cümlesinde kullandığı kelime yeterlidir.
Kart eşleştirme ile gruplamayı veriye bağlayın
Sayfaları hangi başlık altında toplayacağınıza karar verirken tahmin yürütmek yerine kart eşleştirme yöntemini kullanın. Her sayfa başlığını bir karta yazın, birkaç kullanıcıdan bunları kendi mantığıyla gruplamasını isteyin. Çıkan ortak kümeler ana menü başlıklarınızın ilk taslağıdır.
Kâğıt kartlar yeterlidir, özel bir araç şart değil. Önemli olan, katılımcıların sizin yapınızı görmeden gruplama yapmasıdır.
Sonuçlar sizi şaşırtabilir. 'Referanslar' çoğu kez 'Hakkımızda' altında aranır, 'SSS' ise destek ya da iletişimle birlikte düşünülür.
Ana menüde kaç başlık olmalı?
Kesin bir sayı yok, ancak ana menüyü kısa tutmak her zaman işe yarar. İnsanlar çok seçenek karşısında yavaşlar ve yanlış seçime yönelir. Genelde beş ile yedi arası başlık, kurumsal bir site için okunabilir bir denge sunar.
Alt menüleri de ölçülü kullanın. Üç katmanlı açılır menüler, özellikle mobilde, parmakla yönetilmesi zor bir yapı oluşturur. İkinci katmanda durabiliyorsanız durun.
Bir de öncelik meselesi var. Sizin için en değerli eylem, örneğin teklif almak ya da iletişime geçmek, menüde ayrı bir düğme olarak görünmeli. Bunu sıradan bir bağlantı gibi gömmeyin.
Menü modellerini karşılaştırın
Her site için aynı model uygun değildir. Seçimi sayfa sayınız ve ziyaretçinin tipik görevi belirler. Aşağıdaki tablo yaygın üç yaklaşımı özetliyor.
Model | Uygun olduğu durum | Dikkat edilecek nokta |
|---|---|---|
Tek katmanlı yatay menü | Az sayfalı, tanıtım odaklı site | Sayfa arttıkça sığmaz |
Açılır alt menülü yapı | Birden çok hizmet grubu olan firma | Mobilde sadeleştirilmeli |
Geniş (mega) menü | Çok sayıda ürün ve kategori | Düzensiz kalabalığa dönüşebilir |
Yolu gösteren yardımcı öğeler
Ana menü tek başına yetmez. Ziyaretçi derin bir sayfaya arama sonucundan doğrudan inebilir ve nerede olduğunu anlamaya çalışır. Ekmek kırıntısı (sayfanın üstündeki 'Ana sayfa > Hizmetler > Kurumsal Web' gibi yol göstergesi) bu noktada hayat kurtarır.
Sayfa içi bağlantılar da mimarinin parçasıdır. Bir hizmet sayfasından ilgili blog yazısına, oradan teklif formuna giden doğal bir yol kurun. Örneğin sürecin nasıl işlediğini merak eden biri kurumsal web sitesi hizmetimizi incelerken sitenin yapısını da görmüş olur.
Alt bilgi (footer) alanını da boşa harcamayın. Gizlilik, iletişim ve kurumsal sayfalar için tutarlı bir ikinci navigasyon alanı olarak kullanın.
- Her sayfadan ana sayfaya dönüş mümkün olsun.
- Aktif sayfa menüde görsel olarak belirgin olsun.
- Site içi arama, çok içerikli sitelerde mutlaka bulunsun.
- Bağlantı metinleri 'buraya tıklayın' yerine hedefi anlatsın.
Sık yapılan hatalar ve nasıl fark edilir
İlk hata, menüyü organizasyon şemasına benzetmektir. Ziyaretçi sizin iç yapınızla değil, kendi derdiyle geliyor. İkinci hata, her şeyi öne çıkarmaya çalışmaktır; her şey önemliyse hiçbir şey önemli görünmez.
Üçüncü hata, yapıyı bir kez kurup bir daha bakmamaktır. Sitenizin arama ve ziyaret verilerini düzenli inceleyin. Hiç tıklanmayan menü başlıkları ve sık aranan ama menüde bulunmayan terimler size neyi değiştireceğinizi söyler.
Sıfırdan bir site planlıyorsanız bu kararları tasarım başlamadan vermek en ucuz yoldur. Fiyatı, teslim süresini ve örnekleri hazır görmek isterseniz Konsept Web Sitesi paketimize göz atabilirsiniz.
Bu hafta atacağınız üç adım
Önce mevcut sayfalarınızı tek bir listeye dökün ve her birinin amacını yazın. Ardından üç kişiye menünüzü gösterip beş basit görev verin; takıldıkları yerleri not edin.
Son olarak ana menüyü yedi başlığın altına indirin, en önemli eylem için ayrı bir düğme belirleyin. Değişiklikleri küçük adımlarla yapın ve her adımdan sonra ziyaretçi davranışını izleyin. Web sitesi bilgi mimarisi bir kerelik iş değil, düzenli bakım isteyen bir düzendir.
İlgili hizmet
kurumsal web sitesiNasıl çalıştığımızı görün →Bu yazı sende ne uyandırdı?
İlk tepkiyi sen ver
Faydalı bulduysan paylaş:
Sık sorulan sorular
Web sitesi bilgi mimarisi nedir?
Web sitesi bilgi mimarisi, sayfaların hangi başlıklar altında toplanacağını ve ziyaretçinin onlara hangi yoldan ulaşacağını belirleyen düzendir. İyi kurulmuş bir yapıda kullanıcı aradığını birkaç tıklamada bulur.
Ana menüde kaç başlık olmalı?
Kesin bir sayı yoktur, ancak ana menüyü kısa tutmak işe yarar. Genelde beş ile yedi arası başlık, kurumsal bir site için okunabilir bir denge sunar. Alt menülerde de ikinci katmanda durmak, özellikle mobilde daha kullanışlıdır.
Kart eşleştirme yöntemi menü gruplamasında nasıl kullanılır?
Her sayfa başlığı bir karta yazılır ve birkaç kullanıcıdan bunları kendi mantığıyla gruplaması istenir. Çıkan ortak kümeler ana menü başlıklarının ilk taslağı olur. Kâğıt kartlar yeterlidir; önemli olan katılımcıların mevcut yapıyı görmeden gruplama yapmasıdır.
Menü etiketlerini nasıl test edebilirim?
Şirket çalışanı olmayan üç beş kişiye menüyü gösterip örneğin 'Fiyat bilgisini nerede ararsınız?' diye sorabilirsiniz. Tereddüt eden her kişi bir etiket sorununa işaret eder. Kısa, tanıdık ve tek anlamlı etiketler tercih edilmelidir.
Menü tasarımında sık yapılan hatalar nelerdir?
İlk hata menüyü organizasyon şemasına benzetmektir. İkinci hata her şeyi öne çıkarmaya çalışmaktır. Üçüncü hata ise yapıyı bir kez kurup bir daha bakmamaktır; arama ve ziyaret verileri düzenli incelenmelidir.
İlgili yazılar
- Web & Yazılım
Kurumsal Web Sitesi Yapısı: Hangi Sayfalar Gerçekten Gerekli
Kurumsal web sitesinde hangi sayfalar şart, hangileri sonraya kalabilir? Sahadan notlarla sayfa yapısı, içerik sırası ve sık yapılan hatalar.
3 dk okuma - Web & Yazılım
Konsept Eğitim Kurumu Web Sitesi Neyi Değiştirir
Program, kadro ve kayıt talebini tek sayfada netleştiren konsept eğitim kurumu web sitesi yaklaşımını, şablon siteyle karşılaştırarak anlatıyoruz.
2 dk okuma - Web & Yazılım
Tek Sayfa mı Çok Sayfa mı? Doğru Site Mimarisini Seçin
Tek sayfa mı çok sayfa mı sorusunun cevabı projenin hedefine bağlı. Her mimarinin güçlü yanını, sınırını ve seçim ölçütlerini inceleyin.
3 dk okuma