31 Tem 15
menu icon Web Tasarım menu icon D/A

Web Tasarımda Temel Navigasyon Kuralları

Web Tasarımda Temel Navigasyon Kuralları
Kullanıcıların web sitenizde kolayca gezinebilmeleri ve istedikleri bilgilere erişebilmeleri için temel navigasyon kurallarına dikkat etmeniz önemlidir. Web sitesi navigasyon tasarımı, web tasarım en önemli kısımlarından birini oluşturuyor. Web sitesini sağlam bir temel, kolay kullanım ve iyi bir görünüme sahip olacak şekilde tasarlamak gerekiyor. Web siteniz yoluyla satışlarınızı, yatırım dönüşümünüzü ve tüketiciler ile etkileşiminizi artırmak için hedef kitlenizin içerikten nasıl faydalanabilecekleri, web sitesinin düzeni ve sunumun en iyi şekilde planlanması konusunda çalışmalısınız.
Navigasyon nedir? Navigasyonu birden fazla şekilde tanımlamak mümkündür. Tüketicilerin gereksiz tıklamalar yapmadan ve kafa karışıklığına maruz kalmadan aradıkları şeyi kolayca bulabilmelerine imkan veren web sitesindeki odak elementtir diyebiliriz. Aynı şekilde tüketicilerin web sitesindeki en önemli bilgilere kolayca ulaşabilmelerini sağlamak amacıyla yönlendirilmesi olarak tanımlayabiliriz. Navigasyon tasarımı, web tasarımdaki pek çok ayrıntı ile ilgilidir ve navigasyon tasarımı için uzmanlar tarafından kabul gören evrensel bir doğrudan söz edemeyiz. Her web sitesi, tasarımda ve tasarım sonrasında pek çok sorunla karşı karşıya kalabilir. Bu sorunları ve hataları ortadan kaldırmak için belirli kurallara uymanızda fayda vardır.
1. İlk olarak bilgi mimarisini tamamlayın. Büyük bir web sitesinin içeriğinin planlanması, navigasyonun tasarlanmasından önce tamamlanması gereken temel iştir. Bir başka deyişle bilgi mimarisi (information architecture) olarak bilinen web sitesi veya kurum-içi haberleşme ağları içindeki navigasyon sistemlerinin, kullanılabilirlik ve bulunabilirliği desteklemek amacıyla yapısal tasarım, organizasyon, etiketleme ve aramalarla bilgi ürünleri ve deneyimlerin oluşturulması gerekmektedir. İyi bir bilgi mimarisi oluşturulmadan navigasyonun tasarlanması, bir kitabın dizgisi yapılmadan “içindekiler” bölümünü hazırlamak gibi olacaktır. Bilgi mimarisi üzerinde çalışırken içeriği kullanıcının bakış açısıyla görebilmelisiniz. Bazı durumlarda web tasarımcıların içeriklerin uygun şekilde planlanması konusunda müşteriyi ikna etmeleri gerekebilir. Böyle durumlarda tasarımcıların aşağıdaki sorulara cevap vermeleri, web sitesinin taslağını hazırlamalarını kolaylaştıracağı gibi tasarımda müşteriyi ikna etmelerine de yardımcı olacaktır:
  • Web sitesi için hangi sayfalara ihtiyaç var?
  • Her bir sayfa bir amaca hizmet ediyor mu?
  • İçerik mantıklı ve ilişkilendirilebilir parçalara ayrılabiliyor mu?
  • İlerde içerik eklemek için nelere dikkat edilmelidir?
  • Hangi kullanıcı grupları ile çalışıyorsunuz?
  • Her kullanıcı tipi için öncelikli amaç nedir?
Yukarıdaki sorulara cevap vererek içeriğin kullanıcılarla nasıl bir etkileşim sağlayacağını kavramak iyi bir navigasyon tasarımı için çok önemlidir.
2. Sade tutun. Navigasyon bölgesi olabildiğince basit olmalıdır. Kullanıcıyı çok sayıda seçeneğe maruz bırakmak ve navigasyonu metinlerle doldurmak web sitesinin kullanılabilirliğini ciddi bir şekilde olumsuz etkileyecektir. Bloomberg web sitesindeki içerik yoğunluğu ve karmaşıklığının aksine çok basit bir navigasyon sunuyor. Kullanıcılar sitede kolayca gezinti yaparak istedikleri bilgilere ulaşabiliyor. web sitelerinde navigasyon Bazen sadelik yanıltıcı olabilir. Web sitesinin oldukça sade bir kullanıma sahip olduğunu düşünürken bir anda oldukça karmaşık olduğunu fark edebilirsiniz. Örneğin, Microsoft’un web sitesi ilk açıldığında oldukça basit görünüyor. Üst navigasyon menüsünde 4 farklı seçenek mevcut iken, seçeneklere tıklandığında pek çok kategori ve seçenek ortaya çıkıyor. web sitelerinde gezinti Seçenekler kullanıcıların istedikleri bilgi ve ürünlere kolayca ve hızlıca erişebileceği şekilde tasarlanmış olduğu için oldukça sade olduğu izlenimi veriyor. Alt sayfalar mini-siteler gibi tasarlanmış ve aynı format izlenmiş. Kullanımı kolay, tahmin edilebilir ve tutarlı bir yapıya sahip. Ürün yelpazesi ve pek çok sayfanın var olduğu düşünüldüğünde içerik organizasyonu kullanıcılar için oldukça başarılı bir deneyim sunuyor.
3. Yönlendirmeye dikkatli bir şekilde karar verin. Bir bilgisayar ekranının genel olarak görüntülenme formatını düşünürsek yatay navigasyon çok kullanışlı olacaktır. Çoğu zaman daha dengeli ve kullanışlı görünür ve tasarım açısından da içeriğin yerleştirilmesi kolaydır. Sanal gerçeklik cihazları üreticisi Oculus’un web sitesi yatay bir menü ile kullanıcıların sayfayı kaydırarak istediği bilgilere erişmesini kolaylaştırıyor ve kolay bir kullanım sunuyor. web sitesi navigasyon tasarım kuralları Yine de yatay menüler her içerik için uyumlu değildir. Bu nedenle çoğunlukla, özellikle e-ticaret sitelerinde, dikey navigasyon tercih edilir. Dikey navigasyonda renkli içerik etiketleri ve şeritler sayfanın aşağı kaydırılması sırasında ekranın izlenmesini ve ürünlerin bulunmasını kolaylaştırır. Yatay bir web sitesi seçenek ve metinler eklendikten sonra dikey bir web sitesine göre daha karmaşık görünebilir. Jack Jones dikey navigasyonu başarılı bir şekilde kullanarak ziyaretçilerin pek çok ürün arasından istediğini kolayca bulabilmesine imkan veriyor. İmleç hareket ettiğinde metinlerin yanında beliren ikon okunabilirliği artırıyor. Sade şekiller navigasyon alanının odaklı ve düzenli olmasına yardımcı oluyor. Bir kategoriye tıklandığında menü genişleyerek alt seçeneklerin görüntülenmesini sağlıyor. e ticaret site tasarımı Squarepusher’ın web sitesi daha sıradışı bir dikey menü sunuyor. Sitede navigasyon bir sekme gibi kullanılıyor. Ana menü dışında kullanıcı tıkladığı sayfayı aşağı yukarı kaydırarak istediği içeriğe ulaşabiliyor. web navigasyon tasarımı 70percentpure’un web sitesi ise hem yatay hem dikey navigasyon özelliğine sahip. navigasyon tasarımı
Sonuç Web’deki her şeyde olduğu gibi yeni teknikler, teknolojiler, cihazlar ve trendler kendi talep ve yeniliklerini getiriyor. Örneğin artık responsive web tasarım, bilinen yatay navigasyonun küçük ekranlarda dikey navigasyon olarak görüntülenebilmesi anlamına geliyor. Bir web sitesi tasarımında iyi bir navigasyon oluşturmak için tek bir seçeneğe bağlı kalınması şart değil. Tabii ki web sitesi istatistiklerine ve dönüşüm verisi analiz edilerek yapılan bir tasarım ve test etme yaklaşımının en iyi sonucu verme olasılığı yüksektir. Arama motorunun web sitesine trafik sağlaması için navigasyonun tahmin edilebilir, sade, tutarlı ve iyi yerleştirilmiş olması gerekir.

İlgili Haberler

Tasarımcılar İçin En İyi 88 Ücretsiz Font
Web Tasarım menu icon
2 May 20
Tasarımcılar İçin En İyi 88 Ücretsiz Font
Devamını Oku >
Değişim Geçiren Marka Logoları
Web Tasarım menu icon
6 Ara 17
Değişim Geçiren Marka Logoları
Devamını Oku >
Web Tasarımda Görsel Hiyerarşi İlkeleri
Web Tasarım menu icon
24 Tem 15
Web Tasarımda Görsel Hiyerarşi İlkeleri
Devamını Oku >
Uygulamalar İçin UX Tasarımı Önerileri
Web Tasarım menu icon
13 Tem 15
Uygulamalar İçin UX Tasarımı Önerileri
Devamını Oku >
Etkileşim Tasarımı Nedir Ve Geleceği Nasıl Olacak?
Web Tasarım menu icon
3 Tem 15
Etkileşim Tasarımı Nedir Ve Geleceği Nasıl Olacak?
Devamını Oku >
Web Tasarımda Uyumlu Renk Paletleri Nasıl Oluşturulur?
Web Tasarım menu icon
1 Tem 15
Web Tasarımda Uyumlu Renk Paletleri Nasıl Oluşturulur?
Devamını Oku >
Web Tasarımcılar İçin Font Kombinasyon Önerileri
Web Tasarım menu icon
9 Haz 15
Web Tasarımcılar İçin Font Kombinasyon Önerileri
Devamını Oku >
Web Tasarımda Yaratıcı Fotoğraf Kullanım Teknikleri
Web Tasarım menu icon
22 May 15
Web Tasarımda Yaratıcı Fotoğraf Kullanım Teknikleri
Devamını Oku >