Web siteleriniz ne kadar karmaşık olursa olsun, en küçük web sitesinden en kapsamlı dokümana sahip web tasarım projelerine kadar her siteyi en anlaşılır şekilde planlayabilirsiniz. Her tıklanan sayfa içine, sadece o sayfaya özel tüm modül çeşitleri eklenebilir. Alt menüler ve onlara bağlı 2. 3. adım menüler oluşturulabilir.
Menü modülü, BulutPress® ile hazırlayacağınız web sitenizin kalbini oluşturur. Bir web sitesi çok sayıda sayfadan ve bu sayfalara verilen bağlantılardan oluşur. Bağlantılar ziyaretçilerinizin sayfalarınız arasında gezinmesini sağlar.
Inception filmini izleyenler hatırlayacaktır, kahramanlarımız rüya içinde rüya görüyordu. Tıpkı bu filmde olduğu gibi, BulutPress® web sitelerinizde, site içinde site oluşturabilirsiniz. Daha basit anlatımla, menü içindeki bir sayfaya tıkladığınızda farklı konumda yeni bir menü, onun içindeki bağlantıya tıklayınca da başka bir menü grubu yaratabilirsiniz. Anlatması zor oldu ancak uygulaması çok kolay.
Web sitenizin tüm sayfalarını, hele karmaşık bir ürün/hizmet yapısı varsa tek bir menü grubuna yükleyerek (dropdown / üzerine gelince açılan bağlantılar ve onun üzerine gelince açılan alt bağlantılar v.b.) karmaşa yaratmak yerine, her grubu minik menü gruplarına bölerek, kullanımı ve yönetimi kolay bir yapı oluşturabilirsiniz.
Yani özetle, ana menü grubunda açılan bağlantı (dropdown) oluşturacaksanız tek seviye olmalı, diğer alt bağlantılar için ilgili sayfalarda (sol veya sağ konumda) alt menü grupları oluşturulmalıdır.
Eğitim videomuz: https://www.youtube.com/watch?v=cMXiJgF_Nxc
İyi gezinme, bir web sitesinin en önemli özelliklerinden biridir. Bunu sadece biz söylemiyoruz - bunu destekleyecek önemli araştırmalar var.
Gezinmenin ziyaretçiler için neden bu kadar önemli olduğunu anlamak kolaydır. Bir blog gönderisi veya eticaret ürün sayfası gibi aradıkları bilgileri hızlı ve kolay bir şekilde bulmalarını sağlar. Ayrıca fiyatlandırma planı, e-posta kayıt sayfası veya iletişim bilgileri gibi ihtiyaç duyduklarını bilmedikleri önemli bilgileri bulmalarına da yardımcı olabilir.
Bu, gezinmeyi kullanıcı deneyiminin ve web sitesi stratejinizin önemli bir parçası haline getirir. Ziyaretçilerin arama yaparak ve göz atarak içerik bulmalarını sağlayan bir navigasyon sistemi, ziyaretçilerin sitenizde daha uzun süre gezinme şansını artırmakla kalmaz, aynı zamanda sitenizde işlem yapma şanslarını da artırabilir.
Ziyaretçilerinizin ihtiyaçlarını karşılayan bir navigasyon sistemi tasarlamanıza yardımcı olmak için, web sitesi navigasyonunun ne olduğuna ve bunu sitenizde uygulayabileceğiniz farklı yollara daha yakından bakalım. Ardından, gerçek web sitelerinden örnekleri inceleyeceğiz ve gezilebilir bir arayüz tasarlamak için bazı en iyi uygulamaları keşfedeceğiz. Başlayalım.
Web sitesinde gezinme, ziyaretçilerin bir sitedeki içeriği ve özellikleri web tasarım arayüzünde bulmasına yardımcı olan bir kullanıcı arabirimi bileşenleri koleksiyonudur. Bu bileşenler, kopya, bağlantı metni ve düğmeleri ve menüler şeklini alır.
Bu son öge özellikle navigasyonla alakalıdır, bu nedenle web tasarımında bir menünün gerçekte ne anlama geldiğini hızlı bir şekilde tanımlayalım:
Bir web sitesinde, gezinme menüsü, genellikle dahili sayfalar olmak üzere diğer web sayfalarına giden düzenli bir bağlantı listesidir. Gezinme menüleri, bir web sitesinde en yaygın olarak sayfa başlıklarında veya kenar çubuklarında görünür ve ziyaretçilerin en kullanışlı sayfalara hızla erişmesine olanak tanır.
Şimdi, onu orada bırakmak ve bir gün aramak kolay olurdu. Ancak gezinme, bir web sayfasından diğerine geçmemize yardımcı olmaktan daha fazlasını yapar - aynı zamanda bir web sitesindeki tek tek sayfalar arasındaki ilişkileri anlamamıza da yardımcı olur.
Bunun nedeni, navigasyonun bir web sitesinin bilgi mimarisi (IA) olan buzdağının görünen kısmı olarak kabul edilmesidir. Suyun yüzeyinin altında, ön ziyaretçinin göremediği buzdağının parçaları var: web sitesinin iç denetimini oluşturmaya giden araştırma, strateji, yönetim ve organizasyon. Yüzeyin üzerinde, genellikle bir dizi köprü metni bağlantısı ve bir arama çubuğu olarak temsil edilen gezinme arabirimi bulunur.
Başka bir deyişle, web sitesinin IA'sı gezinme arayüzünde görünmez, ancak bu arayüzün temelidir. Bu, ziyaretçilere, içeriğiniz arasındaki bu ilişkileri belirlemeye ve düzenlemeye giden tüm elektronik tabloları ve diyagramları fiilen göstermeden, içeriğin ihtiyaçlarını ve beklentilerini karşılayacak şekilde bağlantılı ve kategorize edilmiş olduğu hissini verir.
Yerel gezinme olarak da bilinen alt gezinme, ziyaretçilerin bir sitenin IA'sının alt düzey kategorilerini bulabileceği arayüzdür. Bunlar genellikle ana gezinme bağlantılarının alt kategorileridir. Menü içinde menü gibi.
Gezinme, bir web sitesindeki en önemli tasarım ögelerinden biridir. Sonuç olarak, ziyaretçilerin ana sayfanıza gelip göz atmalarını veya "Geri" düğmesini tıklamalarını etkiler.
Web sitenizin gezintisini nasıl yapılandıracağınız, hedef kitlenize ve onlar için en sezgisel ve erişilebilir olacağını düşündüğünüz formata bağlıdır. Aralarından seçim yapabileceğiniz en yaygın web sitesi gezinme türlerinden birkaçına bakalım.
Yatay Gezinme Çubuğu: Yatay gezinme çubuğu, en yaygın gezinme menüsü türüdür. Ana sayfaları yan yana listeler ve web sitesi başlığına yerleştirilir. Birçok web sitesi, ziyaretçilerin görmeyi beklediği için "Hakkında", "Ürünler", "Fiyatlandırma" ve "İletişim" gibi aynı bölümleri içerir. Ancak bu bölümler, tüm sitelerde ziyaretçiler için en yararlı bölümler olmayabilir.
Açılır Gezinme Menüsü: Açılır gezinme menüleri, karmaşık bir iç denetime sahip zengin içerikli siteler için idealdir. Gezinme çubuğunuza çok sayıda sayfa bağlantısı eklemek istiyorsanız, hepsini yan yana listeleyemezsiniz - ya karmaşık görünür ya da hepsini yatay olarak sığdırmak imkânsız olur. Bunun yerine, üst düzey gezinme çubuğunda en önemli veya genel ögeleri listeleyin ve geri kalanını bir açılır menüye ekleyin.
Hamburger Navigasyon Menüsü: Hamburger menüsü en çok mobil web tasarımında karşımıza çıkmaktadır. Bu yaklaşımla, gezinme ögeleri genellikle daha büyük ekran boyutlarında yatay olarak listelenir ve daha küçük ekran boyutlarında bir hamburger düğmesinin arkasına daralır. Ziyaretçiler bu üç çizgili simgeye tıkladığında, gezinme bağlantılarıyla birlikte dikey bir açılır menü veya yatay bir açılır pencere görünür. Bu tür tasarım, gayrimenkulün sınırlı olduğu mobil uygulamalar veya siteler için idealdir.
Dikey Kenar Çubuğu Gezinme Menüsü: Bu menü tipinde, ögeler üst üste istiflenir ve kenar çubuğunda konumlandırılır. Yatay gezinmeden daha az popüler olsa da, dikey gezinme çeşitli avantajlar sunar. Emlak bu kadar sınırlı olmadığı için, daha uzun gezinme bağlantıları yazabilir ve daha fazla üst düzey seçenek ekleyebilirsiniz. Ayrıca daha dikkat çekicidir, bu da bu tarzın ajanslar ve diğer yaratıcı işletmeler için iyi çalışmasını sağlar.
Alt Bilgi Gezinme Menüsü: Bir alt bilgi menüsü tipik olarak yatay bir gezinme çubuğuyla eşleştirilir ve üzerine genişler. Bir ziyaretçi başlıkta aradığı bağlantıyı bulamazsa, daha fazla seçenek için sayfanın en altına kaydırabilir.
Web sitenizin navigasyonunu tasarlamanın tek bir "doğru" yolu yoktur. İlk kez gelen ve tekrar eden ziyaretçilerin sitenizden en iyi şekilde yararlanmalarını nasıl sağlayabileceğinizi düşünmeniz yeterlidir.
Tasarım sürecinizi benzersiz ziyaretçilerinize odaklayarak, gezinme yapınız başka bir sitedeki gezinme yapısından farklı görünebilir ve işlev görebilir ve bu iyi bir şeydir.
Hedef kitlenizi göz önünde bulundurarak, aşağıdaki web sitesi gezinme çubuğu tasarım sürecinin aşamalarını inceleyelim.
Web sitenizdeki tüm sayfalardan hangilerinin evrensel gezinmenin bir parçası olacak kadar önemli olduğunu belirlemek zor olabilir. SEO ve kullanıcı deneyimi adına gezinmenizi en fazla yedi ögeyle sınırlı tutmanızı öneriyoruz.
Peki, alanı daraltmaya nasıl başlarsınız? Şirketinizin dört bir yanından paydaşların neyin gezilmeye değer olup neyin olmadığı konusunda farklı fikirleri olabilir, ancak nihayetinde en iyi yönü belirlemenize yardımcı olması için web sitenizin ziyaretçilerine bakmalısınız.
Kart Sıralama: Kart sıralama, web sitenizin ziyaretçilerinin zihinlerine girmenize ve gezinmeyi onların bakış açısından tasarlamanıza yardımcı olan basit bir kullanıcı deneyimi tekniğidir. İyi haber şu ki, bu alıştırmayı çalıştırmak için herhangi bir UX deneyiminizin olması gerekmiyor.
20 dakikalık basit bir alıştırma için kuruluşunuzun dışından kişileri davet edin. Her biri sitenizdeki önemli bir sayfayı temsil eden dizin kartları destesini masaya yerleştirin. Ardından katılımcıdan kartları uygun gördüğü şekilde düzenlemesini isteyin. Katılımcılarınızın sitenizdeki sayfaları nasıl gruplandırdığına ilişkin eğilimleri araştırın ve onlara her kategoriyi nasıl adlandıracaklarını sorun. Ortaya çıkan organizasyon, site gezintinizin omurgasını oluşturmaya yardımcı olabilir.
İlişkilendirme Raporları: Pazarlama analitiği yazılımınız sağlıyorsa, ilişkilendirme raporlaması, ana navigasyonunuza nelerin girmesi gerektiğine karar vermek için mükemmeldir. Bu rapor, yeni oluşturulan ilgili kişilerin sayısını işletmenizle olan etkileşimleriyle ilişkilendirir, böylece sitenizdeki ziyaretçileri potansiyel müşterilere dönüştüren içerik ve işlevleri daha iyi anlayabilirsiniz.
Kullanıcı Akışı: Bir ilişkilendirme raporunuz yoksa, Google Analytics'teki Kullanıcı Akışı raporu aracılığıyla sitenizdeki hangi sayfaların önemli olduğu konusunda fikir edinebilirsiniz. Bu rapor, müşterilerden gelen standart trafiği ayırt etmese de, insanların sitenizdeki deneyimlerinde nasıl gezindiklerini vurgular. Google'ın kendi sözleriyle:
"Kullanıcı Akışı raporu, kullanıcıların kaynaktan çeşitli sayfalara kadar sitenizde izledikleri yolların ve bu yolların neresinde sitenizden çıktıklarının grafiksel bir temsilidir."
Web sitesi gezintisinde sıralama önemlidir. Bilişsel çalışmalar, web sayfasını görüntüleyenlerin, gezinmenin her iki ucundaki bağlantıları en canlı şekilde hatırlama eğiliminde olduklarına dair kanıt sağlar. Öncelik ve sonralık etkileri olarak adlandırılan bu etkiler, bir listede ilk veya son olarak sunulan kelimelerin izleyicilerin dikkatini daha fazla çekme eğiliminde olduğu fenomeninden bahseder. Bu nedenle, web siteniz için, bu noktalara hangi ögeleri yerleştireceğiniz konusunda çok dikkatli olmak isteyeceksiniz. Tipik ziyaretçiniz için neyin en önemli olduğunu düşünün.
"En önemli ögelerinizi gezintinin başına ve en az önemli ögeleri ortaya koyun. 'İletişim' listedeki son öge olmalı."
Gezinme seçeneklerinizi nasıl ifade ettiğiniz, bulunduğunuz işletme veya kuruluşun türüne bağlıdır. Doğrudan yönlendirmeyi tercih edebilir veya daha yaratıcı etiketlerle denemeler yapabilirsiniz. Ana gezinme bağlantılarınızda kullanılacak kelimeleri seçerken akılda tutulması gereken en önemli şey, öncelikle müşterilerinizin bu sayfaları tanımlamak için kullanacağı terimleri düşünmektir. Ardından, arama motoru optimizasyonunu düşünün.
Nesne tabanlı: Muhtemelen web siteleri için en net seçenek, nesne tabanlı gezinmedir. Nesne tabanlı gezinme, içeriği somut (genellikle yalnızca isimden oluşan) kategoriler altına yerleştirir. Sağdaki gezinme bağlantılarının nesne tabanlı olmaktan çok eylem tabanlı olduğuna dikkat edin. Bunu aşağıda tanımlayalım.
Eylem tabanlı: Bazı siteler, eylem odaklı gezinmelerle daha iyi hizmet verebilir. Bunun ne zaman uygun olduğunu öğrenmek için hedef kitlenize web sitenize öncelikle bir şey öğrenmek için mi yoksa belirli bir eylemde bulunmak için mi geldiklerini sorun.
Kitle tabanlı: Net çizgilere sahip birden çok kitleye sahip şirketler için, aşağıdaki örnekteki gibi hedef kitle tabanlı bir gezinme veya alt gezinme düşünebilirsiniz. Ancak bu, yalnızca bir ziyaretçi kendilerini kolayca sınıflandırabiliyorsa işe yarar. Örneğin, küçük ve orta ölçekli şirketi veya pazarlama ve reklam ajanslarını kullanmak istemezsiniz, çünkü bu satırlar genellikle bulanıktır ve hedef kitlenizin ilk olarak nereye gidecekleri konusunda kafası karışabilir.
Arama Motoru Optimizasyonu Tabanlı: Kitlenizin sitenizi içgüdüsel olarak organize etme biçimine uymanın yanı sıra, gezinme terimlerinizi arama için en iyi şekilde nasıl optimize edeceğinizi düşünmek isteyeceksiniz. İnsanları sitenize en sık getiren arama terimlerini belirlemek için Google Analytics'i ve Google'ın Anahtar Kelimeler aracını kullanmanızı ve web sitenizde gezinme kılavuzu olarak bu kelimelerin varyasyonlarını kullanmanızı tavsiye ediyoruz.
Web sitesinde gezinmenin altın kuralı? İnsanları düşündürmeyin. Kullanıcıların kaybolmuş veya hayal kırıklığına uğramış hissetmeden web sitenizde kolayca gezinmesini sağlamak için bu en iyi uygulamaları izleyin.
Navigasyon arayüzünüzü biçimlendirme ve tasarlama şeklinizde tutarlı olun. Bu, ziyaretçinin mevcut bilgi ve beklentileriyle uyum sağlamakla ilgilidir.
Diyelim ki ana sayfanızda, bağlantılarınız siyah ve bir kullanıcı faresini üzerlerine getirdiğinde bir alt çizgi görünüyor. O halde bu, sitenizin her sayfasındaki tüm gezinme bağlantılarınızın stili olmalıdır. Aksi takdirde ziyaretçiler, gezinme menülerinizde hangi metnin hiper bağlantılı olduğunu ve hangisinin olmadığını bilemez.
Bu yıl organik arama motoru ziyaretlerinin yarısından fazlasını oluşturan mobil cihazlarla, web sitenizi mobil ve diğer ekran boyutları için optimize etmek hiç bu kadar önemli olmamıştı. Buna navigasyon menüleriniz de dahildir.
Web sitenizin navigasyonunu tasarlarken, önce mobil düşünerek başlayın. En küçük ekran boyutundan başlayarak, birincil gezinmenize hangi bağlantıların dahil edilmesinin en önemli olduğunu ve hangi sırayla öncelik vermeniz gerektiğini düşünün. Ayrıca, mobil cihazlarda hamburger düğmesi gibi hangi gezinme özelliklerinin gerekli olduğuna ve bunların masaüstü tasarımınıza nasıl sığacağına karar vermeniz gerekecek. Bu, hangi sayfaların ve gezinme özelliklerinin en önemli olduğu konusunda net bir fikirle daha büyük ekran boyutları için tasarlamaya geçmenize yardımcı olacaktır.
Üç tıklama kuralını hiç duydunuz mu? Her web sitesi gezinme yapısının, birinin bir web sitesindeki herhangi bir sayfaya ulaşmasını ve üç tıklamayla ihtiyaç duyduğu şeyi bulmasını sağlaması fikridir.
Bu fikir web tasarımı dünyasında derinden yerleşmiş olsa da, büyük ölçüde gözden düştü. Aslında, bir çalışma, kullanıcıların bir görevi üç tıklamadan sonra bırakma olasılığının, 12 tıklamadan daha fazla olmadığını buldu. Aşağıdaki grafik, bazı kullanıcıların 25 tıklamaya kadar istedikleri içeriği bulmaya çalıştıklarını göstermektedir.
Ancak, kuralın temeli iyidir. Ziyaretçilerin sitenizde önemli bilgilere erişmesi veya bir görevi gerçekleştirmesi için gereken çabayı sınırlamak istiyorsunuz. Tıklamaları saymak çok yüzeysel bir ölçümdür. Bunun yerine, net yollar oluşturmaya, sayfa yükleme süresini azaltmaya ve kullanıcı yolculuğundaki diğer anlaşmazlık noktalarını ortadan kaldırmaya odaklanmalısınız.
İçerik haritası navigasyonunu anlamak için Hansel ve Gretel'deki peri masalını düşünün. İki çocuk ormana giderken eve dönüş yolunu bulabilmek için ekmek kırıntıları bırakır. Breadcrumb navigasyonu aynı amaç için tasarlanmıştır: kullanıcıların web sitesinin yapısında nerede olduklarını görselleştirmelerini ve adımlarını daha üst düzey sayfalara geri dönebilmelerini sağlamak.
Çok fazla yer de kaplamıyor. Bu ikincil gezinti çubuğu tipik olarak "büyüktür" simgesiyle (>) ayrılmış ve başlığın altına yerleştirilmiş metin bağlantılarından oluşur.
Web sitenizin navigasyonunu tasarlamak, ziyaretçilerinizi ve web sitesi hedeflerinizi dikkatli bir şekilde değerlendirmenizi gerektirir. İnsanların ve arama motoru botlarının aradıkları içeriği veya işlevi bulabildiğinden ve sayfalarınız arasındaki ilişkiyi anlayabildiğinden emin olmak istiyorsunuz. Bu şekilde kullanıcılar, hayal kırıklığı içinde web sitenizden ayrılmak yerine sitenize göz atmaya ve bir hesap oluşturmak veya bir satın alma işlemini tamamlamak gibi istenen işlemleri yapmaya devam edeceklerdir.
interAnaliz Yazılım Ltd. Şti. Tescilli Markasıdır.
©2014 / 2023
Her hakkı saklıdır.