internet pencereler Android

Navigasyon basit, net ve kullanışlıdır. Seyahat navigasyon seçeneğim

Bu yazıda, iyi bir site navigasyonunun nasıl olması gerektiğini ve onu gerçekten etkili hale nasıl getireceğini gözden geçireceğiz. Materyal öncelikle kendi web sitelerini kendi başlarına oluşturmak isteyenler için faydalı olacaktır.

Gezinme, sayfaları arasında gezinmenizi sağlayan yöntemler, teknikler ve özel öğelerdir.Her şey ne kadar iyi düşünüldüğüne bağlıdır: kaynak tanıtımının hem dönüşümü hem de başarısı.

Bir evin düzeni ile karşılaştırılabilir. Düzen iyiyse, ihtiyacınız olan odayı kolayca bulacaksınız, mutfak girişini oturma odası girişi ile karıştırmayacaksınız. Çok sayıda geçit, koridor ve kapı varsa, böyle bir evde kaybolabilirsiniz.

Aynı şekilde sitelerde. Navigasyon kötüyse, olması gereken yere gitmeyen çok sayıda bağlantı var veya nereye gidecekleri belli değil - kullanıcıların kafası karışıyor ve ihtiyaç duydukları sayfaları ve ihtiyaç duydukları bilgileri bulamıyorlar.

Arama motorları için iyi, mantıklı gezinme de önemlidir. Arama motoru, bu sayfanın sitenizdeki rolünü anlamalıdır. İyi düşünülmüş gezinme, kullanıcılar ihtiyaç duydukları bilgileri daha hızlı buldukları için davranışsal faktörleri de geliştirir.

Navigasyonun temel unsurları ve teknikleri

Öncelikle sitede gezinmenize yardımcı olacak temel unsurlara aşina olmanızı öneririm.

Geniş anlamda navigasyon, temel görevi kullanıcının istenen sayfaya gitmesini ve bilgileri tanımasını sağlamak olan birçok teknik ve öğeyi içerir.

Sitede uzun süredir zorunlu hale gelen bu unsurlardan biri de şudur:şirket logosu, üzerine tıklayarak.

Örneğin burada başlangıç ​​sayfasına dönmek için logoya tıklamanız yeterlidir.

Bu teknik, kullanıcılara zaten aşinadır ve sitedeki herhangi bir sayfadan ana sayfaya dönmenizi sağlar.

İkinci "klasik" öğe,Üst Menü.

Başlığın altında bulunur ve sitenin ana bölümlerine yönlendiren düğmelerden veya bağlantılardan oluşur. Bu tür menüler, alt bölümlere veya tek tek sayfalara giden açılır listelerle daha karmaşık olabilir.

Son birkaç yılda başka bir teknik popüler hale geldi - buhamburger menüsütüm bağlantıların şematik üç yatay çizgiyle gizlendiği . İlk başta, bu öğe yalnızca mobil cihazlarda yaşıyordu, ancak şimdi sitelerin masaüstü sürümlerinde giderek daha fazla bulunuyor:

Ayrıca bazı sitelerde görebilirsinizdikey menü... Çoğu zaman, gerekli her şeyi üst menüye sığdırmak mümkün olmadığında veya kullanıcıların bazı kategorilerde gezinmesini kolaylaştırmanız gerektiğinde kullanılır.

Veya sayfanın üst kısmında yatay bir menü olmadan kendi başına yaşıyor olabilir. Ve burada olduğu gibi birkaç menü bile olabilir - solda ve sağda:

(mikro işaretleme), yalnızca sayfaların hiyerarşisini ayarlamakla kalmayan, aynı zamanda herhangi bir sayfadan istediğiniz bölüme veya ana bölüme kolayca dönmenizi sağlayan başka bir gezinme öğesidir:

Makaleler içindeki bağlantılarsitenin diğer sayfalarına - bunlar aynı zamanda gezinme öğeleridir. Örneğin, bunlar:

Sadece ilerlemenize yardımcı olmakla kalmaz, aynı zamanda SEO açısından da iyidirler - bu teknik, görüntülenen sayfa sayısını artırmanıza olanak tanır.

Altbilgideki bağlantılar(altbilgi, altbilgi) başka bir gezinme öğesidir. Genellikle, kişiler, kullanıcı sözleşmesi, siteyi kullanma kuralları vb. için bir bağlantı altbilgiye yerleştirilir. Ve bazen sitenin farklı sayfalarına, kategorilere göre gruplandırılmış birçok bağlantı görebilirsiniz:

Uzun açılış sayfalarında ve üst kısımdaki bazı sitelerde görebilirsiniz.ilerleme çubuğu, bu sayfayı ne kadar kaydırdığınızı gösterir:

Form uzunsa ve birkaç adıma bölünmüşse, ilerleme çubuğu başvuru ve kayıt formlarında da bulunabilir.

Bu, sayfada gezinmeyi kolaylaştırır - sonuna kadar kaç tane olduğunu görebilirsiniz. Aynı zamanda ziyaretçiyi başlamış olanı tamamlamaya iten küçük bir psikolojik numaradır.

Uzun sayfalarda ve açılış sayfalarında başka bir harika gezinme öğesi bulunabilir -en üste hızlı dönüş için düğme:

Bu düğme, hızlı bir şekilde sayfanın başına dönmenizi sağlar.

Üst menüyü, kişileri veya diğer önemli bilgileri sürekli olarak gözünüzün önünde tutmak için "yapışkan başlık" veya "yapışkan gezinme çubuğu" adı verilen bir şey kullanılır. Kullanıcı aşağı kaydırırken her zaman sayfanın en üstünde kalır.

Burada gözümüzün önünde sürekli bir arama, ana sayfaya dönebilen bir logo ve küçük bir menü var.

Tüm bu unsurları nasıl etkili ve karlı bir şekilde kullanabilirsiniz?

Sitede gezinme nasıl kullanışlı hale getirilir

Sitenizde gezinme üzerinde çalışırken, unutmayın ve basit bir kuralı kullanmaya çalışın:ana sayfadan sitenin herhangi bir sayfasına, kullanıcı en fazla üç tıklama almalıdır... Ve tam tersi.

1. Ana sayfaya dönüş logosunu sağ üst köşeye yerleştirin.

Bu, genel olarak kabul edilen bir standarttır ve bunun iyi bir nedeni vardır: logonun hemen göze çarptığı yer burasıdır. Ve kullanıcının geri dönmek için neye tıklayacağını araması gerekmez.

2. Birincil ve ikincil öğeleri göz önünde bulundurun.

Üst menü birincil olabilir. İkincil - yan, metin içinde, altbilgide ek bağlantılar. Ekmek kırıntıları, ikincil gezinme öğeleri olarak da işlev görebilir.

Burada, üst menü ana gezinme öğesi olarak işlev görür ve kırıntılar yardımcı bir öğe olarak işlev görür.

Sitenin en önemli bölümlerini ana menüye ekleyin.

3. Hangi sayfaları gruplayabileceğinizi düşünün.

Her şey üst (veya yan) menüye uymuyorsa. Örneğin, sitenin bazı bölümleri tek bir düğme "Bilgi", "Diğer", "Diğer" vb. altında gizlendiğinde genellikle bir seçenek bulabilirsiniz.

Mail.ru mail böylece şirketin projelerini "sakladı":

4. Bilgi bağlantıları için iyi bir yer bulun.

Bilgi bağlantıları "Kişiler", "Kamu teklifi" ve benzerleridir. Kullanıcı bu bağlantıları sitenin tüm sayfalarında bulmalıdır. Bu nedenle onlar için en uygun yer alt bilgidir (alt bilgi).

İşte bu tür bilgi bağlantılarının yerleştirilmesine en iyi örnek:

5. Tasarım hakkında unutma.

Tüm gezinme öğeleri açıkça görülebilir olmalı ve bir bağlantının bir bağlantı ve bir düğmenin bir düğme olduğu açık olmalıdır. Bağlantıları renkle vurgulayın, kalın veya altı çizili yapın. Kullanıcının, önünde kendisini sitede başka bir sayfaya gönderecek tıklanabilir bir öğe olduğunu anlaması önemlidir.

Burada menüyü başarılı olarak adlandıramam. Yazı tipi çok küçük. Ancak burada farklı bir yaklaşım var - ana sayfadan en sevdiğiniz markanın kataloğuna gidebilir veya indirimleri görüntüleyebilirsiniz:

6. Sayfaları yeni pencerelerde açmayın.

Bu, kullanıcıların kafasını karıştırır.

7. Ek öğeler.

gibi ek unsurları göz önünde bulundurun"İlgili Ürünler", "Önerilen İçerik" veya "İlgili Makaleler", Bu, kullanıcının aradığını hızlı bir şekilde bulmasına yardımcı olacaktır.

8. İpuçları.

ile gezinmeyi basitleştirinaraç ipuçları kullanıcının düğmenin veya simgenin ne işe yaradığını anlamasına yardımcı olmak için:

9. Menüyü göze çarpan bir yerde bırakın.

Ziyaretçinin her sayfada menüyü yeni bir şekilde aramak zorunda kalmamasını sağlamaya çalışın.... İkincil sayfalardaki menüleri değiştirmeyin veya kaldırmayın.

10. Kişilerinizi uzakta saklamayın.

Telefon numaranızı başlığa bırakın. Geri arama düğmelerinin ve çevrimiçi asistanla sohbetin hemen görünür olduğundan emin olun - genellikle sayfanın alt kısmında solda veya sağda, ancak yan tarafta değil.

Adres hem üst bilgide hem de alt bilgide bırakılabilir. Ziyaretçiyi tüm bu bilgileri sitede aramaya zorlamayın.

Tüm bu teknikler sitede gezinmeyi büyük ölçüde basitleştirecek, daha kolay ve verimli hale getirecektir.

Site için barındırma seçin:

Navigasyon üzerinde çalışırken, önce kullanıcıyı düşünün.Acaba aradığı her şeyi kısa sürede bulabilecek midir? Sadece sitenizle değil, genel olarak kürenizle ilk kez karşılaşan bir kişi için net mi? Sayfalar çok uzakta mı gizleniyor, her birine en fazla üç tıklama ile ulaşmak mümkün mü?

Hangi sitelerde gezinmenin sizin için en kolay olduğunu kendiniz düşünün ve en iyilerinden bir örnek izleyin.

Kendi İnternet kaynağınızı geliştirmede iyi şanslar!

İyi günler!

Sevgili dostlar bugün sizlere blog tanıtım sisteminden bahsetmek istiyorum.

Sizinle tartıştığımız gibi, birçok acemi blog yazarının çalışmalarında sonuç elde etmek için eksik olduğu tutarlılıktır.

Bu arada, iyi haber şu ki, bir blog üzerinde çalışmak size bu tutarlılığı bizzat öğretiyor. Doğru, bu zaman alır. Geçenlerde koçumdan aldığım bir iltifatı sizlerle paylaşacağım (sürekli bir şeyler öğrendiğimi söylemiş miydim 🙂?).

Yani blog yazmak her halükarda faydalıdır. Ama yine de sonuçlara ihtiyacımız var!

Pek çok şeye gözlerinizi açacağımı düşünmüyorum, aşağıda sunulan sistemden tüm adımlar büyük ihtimalle sizin tarafınızdan bilinmektedir. ANCAK! Eylemlerinizi ve etkinliklerini değerlendirerek kendinizi test etmenizi öneririm.

Aşama 1. Hedef belirleme

Blog oluşturma hedeflerinden zaten bahsettik, kendimi tekrar etmeyeceğim. Blogunuz için kendi hedefleriniz olmalıdır ve bunlardan birkaçının olması daha iyidir (para kazanma arzusuyla sınırlı kalmamalısınız).

Belirli bir son tarihe kadar belirli blog metriklerini elde etme niyetiniz varsa daha da iyidir. S. Blog yazmaya başladığım ilk yılın sonunda 1.000 ziyaretçiye ulaşma hedefim olduğunu söylemiştim. Bunun gibi birden fazla hedef olsa da, daha da iyi.

Bu neden gerekli?

Sadece belirli göstergelere ulaşmak için bir niyet varsa, bunları elde etmek için bazı eylemlerde bulunmak mantıklıdır. Niyet yoksa, bazı soyut hedeflere ulaşma olasılığı sıfıra yönelecektir. Tabii ki, şansa güvenebilirsiniz (ya sadece şanslıysanız?), Ama ... pratiğimde bu tür durumlarla karşılaşmadım, bu yüzden kendi başınıza hareket etmek daha iyi - hedefleri kesin olarak vurmak çekim 🙂.

Dolayısıyla hedefler ve niyet, başarılı bir blog oluşturmada önemli bir adımdır.

Adım 2. Blogun teknik temeli

Eminim başlamanız gereken yer burasıdır - web sitenizin teknik dolgusu ile. Bir blogun tanıtımı elbette faydalı ve ilginç bir iştir, ancak ziyaretçi çekmek için çalışma zamanı geldiğinde, blog saat gibi çalışmalıdır. Şahsen, bu paragrafa aşağıdaki noktaları ekliyorum:

  • blogda büyük hatalar yok,
  • blog sayfalarının iyi yüklenme hızı,
  • işlevsel ve hoş tasarım (bunun hakkında daha fazla bilgi edinin),
  • uygun blog navigasyonu,
  • makalelerin metin yazarlığı kurallarına uygun olarak tasarlanması (bilgiyi algılama kolaylığı için)

Blogunuz bir saat gibi çalışmalı - kullanışlı, hızlı, güvenilir.

Aşama 3. İçerik

Muhtemelen şu ifadeyi duymuşsunuzdur: Blogun kralı, majesteleri içeriğidir. Belki de yüksek sesle söylendi. Ancak, çoğu zaman ziyaretçilerin blogunuza geleceği bilgi için olduğunu hatırlamak önemlidir.

Konuyu ortaya çıkarmak için yazmak ilginçtir - bu basit kurallar her blogcu tarafından bilinir.

Ancak bunun yanında hemen hemen her yayın, hedef kitlenizin belirli bir sorusuna cevap olmalıdır.

Neden neredeyse? Çünkü kişisel olarak ilginizi çeken şeyler hakkında da yazmanız gerekiyor. Bir bloga sahip olmak ve sizi heyecanlandıran ya da şaşırtan bir şey hakkında yazmamak en hafif tabirle gariptir. Ancak bu tür "soyut" makalelerin yüzdesi, doğrudan blogunuzun konusuyla ilgili bilgilere kıyasla önemli ölçüde daha az olmalıdır.

Bu arada, önemli bir nokta: ücretsiz promosyon ile sahip olmak çok önemlidir. açık blog konusu... "Her şey hakkında her şey" bloglarını tanıtmak çok daha zordur. Bu anı dikkate almanızı ve blogunuzun ana konusuna mümkün olduğunca erken karar vermenizi tavsiye ederim.

Adım #4 Blogunuza ziyaretçi çekmek

Blogunuz ne kadar ilginç olursa olsun, takdir edilmesi için sürekli bir ziyaretçi akışı sağlamanız gerekir.

Okuyucuları blogunuza çekmenin en basit yolları şunlardır:

  • SEO optimizasyonu (arama motorlarından gelen trafik)
  • Sosyal ağlar (yayınlama, kendi gruplarınızı koruma)
  • Youtube (kendi kanalınızı oluşturma ve daha sonra bloga trafik aktarımı ile optimize etme)
  • Posta hizmetleri
  • Diğer bloglara yorum yapma

Muhtemelen başka yollar da vardır. Ben şahsen sadece bunları kullandım ve etkili olduklarına ikna oldum.

Adım 5. Seyirci çekirdeğinin oluşumu

Bloga yeni ziyaretçiler gerekli, gerçekten öyle. Ancak blogdaki okuyucuları güvence altına almak için çalışmak da aynı derecede önemlidir.

Blogunuza bir kez gelenlerin size tekrar tekrar dönme, düzenli okuyucularınız, arkadaşlarınız, ortaklarınız olma arzusunu hissetmeleri önemlidir. Bu hangi yollarla sağlanabilir?

  • Blogunuzun kullanılabilirliğini artırma
  • İlginç içerikler yayınlıyorum
  • Kendinizi bir yazar, gerçek bir insan ve ilginç bir kişilik olarak göstermek
  • Okuyucularla iletişim (yorum yapmaya teşvik etme, yorumlara zorunlu yanıtlar, anketler, soruları yanıtlama vb.)
  • Ödüllerin verilmesiyle ilginç yarışmalar yapmak
  • İlgi çekici ve yeni makalelere abone olmaya davet

Blogunuzu ziyaret eden bir ziyaretçi rahat ve iyiyse, blogunuzun kendisi için yararlı olduğunu, bir kişi olarak sizin onun için hoş ve ilginç olduğunuzu görürse, size bir kereden fazla memnuniyetle geri döner ve hatta yeni ziyaretçiler getirebilir. sana.

Yaygın bir web sitesi kullanılabilirlik hatası, müşterileri kapatan karmaşık veya kafa karıştırıcı gezinmedir. Basit bir kuralı unutmayın: Sitenizde gezinmek ne kadar kolaysa, kullanıcı ihtiyaç duyduğu bilgileri o kadar hızlı bulur ve muhtemelen sipariş verir.

Uygun site navigasyonunun temel ilkesi, potansiyel müşterinin hangi bölümde/sayfada olduğunu, buradan nereden geldiğini ve bir sonraki adımda nereye gidebileceğini her zaman anlamasını sağlamaktır. Kullanıcının kaynağınızın derinliklerinde "kaybolmaması" için siteye hangi gezinme öğelerinin eklenmesi gerektiğini anlayalım.

Şantiye Navigasyonu: Temel Unsurlar

Aşağıdaki unsurlar, sitenin tüm sayfalarında bulunması ve aynı tarzda olması gereken ana unsurlardır. Bunların yokluğu kullanıcıyı şaşırtacaktır.

Site başlığı... Sayfanın diğer öğelerinden görsel olarak ayrılmalı ve aşağıdaki öğeleri içermelidir:

  1. Logo, sol üst köşeye daha iyi yerleştirilmiş, çünkü bu seçenek kullanıcılara daha tanıdık geliyor.
  2. Şirket adı ve faaliyetlerin kısa açıklaması - slogan(eğer bu bilgi logoda belirtilmemişse). Ek olarak, USP'nizi belirleyebilirsiniz (ne olduğu ve doğru olanı nasıl seçeceğiniz hakkında daha fazla bilgi).
  3. Çalışma bölgeleri, mal teslimi... Tüm listeyi listelemenize gerek yoktur, lütfen bu bilgileri kısaca veriniz.
  4. İletişim bilgileri... Birkaç ofisiniz veya mağazanız varsa, site başlığında, başlığı aşırı yüklememek için yalnızca ana şey için önemli bilgileri belirtmeye değer.
  5. Telefon numarasının yanına eklediğinizden emin olun çalışma modu Böylece kullanıcılar şirketi ne zaman arayabileceklerini görebilirler.
  6. Sepet sayfasına bağlantı bir çevrimiçi mağazanız varsa.
  7. ... Yalnızca uzmanlarınızın ondan uygulamaları hızlı bir şekilde işlemek için zamanı varsa ekleyin. Herhangi bir nedenle şirketi arayamayan kullanıcılar için gereklidir.

Bilgilendirici bir site başlığı örneği:

Ana menü... Bu bağlantıları site başlığı altında yatay olarak düzenlemek en iyisidir. Bölümler için başlık seçerken anlamsal tasarımı unutmayınız. Ana menüde olması gereken ana bölümler:

  1. Hizmet veya mal kataloğu (açılır menü öğesi).
  2. Şirket sayfası.
  3. Ödeme ve teslimat yöntemleri (çevrimiçi mağazalar için).
  4. Garantiler ve iadeler (çevrimiçi mağazalar için).
  5. Portföy (gösterecek bir şeyiniz varsa).
  6. Promosyonlar ve indirimler.
  7. İncelemeler (servis siteleri için).
  8. Blog (varsa).
  9. Kişiler.

Her site için liste bireyseldir, ancak kolay algılanması için menüye 5-7'den fazla bağlantı yerleştirmenizi önermiyoruz. Bunlardan daha fazlası varsa, yardımcı bölümlere bağlantılar içeren ikinci bir menü - "hizmet" menüsü olarak adlandırılan site başlığının üzerinde vurgulanabilir. İki menü içeren bir web sitesi başlığı örneği:

Kullanıcının hangi bölümde olduğunu görebilmesi için menünün aktif bölümünü görsel olarak vurgulayın. Bir menü bölümünü vurgulamaya bir örnek:

Arama Formu... Büyük siteler, özellikle çevrimiçi mağazalar ve bilgi portalları için olmazsa olmaz. Ne olması gerektiği ve siteye yerleştirmenin daha iyi olduğu yer hakkında, biz.

Site altbilgisi... Birçok site bu bloğu görmezden gelir, ancak sayfayı görüntüledikten sonra, kullanıcının başka bir bölüme hızlı bir şekilde geçmesine veya ana menüde olmayan ek bağlantıları bulmasına yardımcı olur. Bodrum şunları içermelidir:

  1. Sitenin tüm bölümlerine bağlantılar... İstisnasız her şey için. Ana menüden bağlantıları çoğaltın ve ek bölümler belirleyin. Bunları sütunlar halinde düzenleyin ve içinde gezinmeyi kolaylaştırmak için mantıksal alt gruplara bölün.
  2. İletişim bilgileri... Adres ve şirket ayrıntılarını ekleyerek sitenin başlığından daha ayrıntılı olarak belirtmek daha iyidir.
  3. Sosyal ağlara bağlantılar. Burada engel olmayacaklar.
  4. Geri arama sipariş formu(yalnızca site başlığına eklediyseniz.)

Özellikle bölümlere çok fazla bağlantınız varsa, logonun ve şirketin adının sitenin altbilgisine yerleştirilmesi gerekli değildir. Uygun bir site altbilgisi örneği:

Ek gezinme öğeleri

Ayrıca kullanıcının sitenin yapısını anlamasına yardımcı olurlar, ancak tüm kaynaklar için uygun değildirler.

Ekmek kırıntıları veya yerel gezinme... Kullanıcının kat ettiği yolu veya sayfanın site hiyerarşisindeki yerini gösterir. Çok seviyeli bir siteniz varsa (2'den fazla seviyeyi iç içe geçirme) eklemeye değer. Tasarım Kuralları:

  1. Ana sayfa hariç sitenin tüm sayfalarında bulunmalıdır.
  2. Ekmek kırıntılarını ana menünün altında solda ve tüm sayfalarda tek bir yere yerleştirin.
  3. Küçük bir yazı tipi boyutu kullanın.
  4. Sonuncusu hariç tüm öğeler, sitenin ilgili sayfalarına bağlantılar olmalıdır.
  5. Son öğe sayfa başlığıyla eşleşmeli ve vurgulanmalıdır (tercihen kalın harflerle).

Anlaşılabilir kırıntılara bir örnek:

kenar çubuğu... Sitenin bir bölümü alt bölümlere ayrılmışsa, bunları yan menüde göstermeye değer. Menüyü sayfanın ana bölümünün soluna yerleştirmek daha iyidir.

Bu menüyü sitenin tüm sayfalarında çoğaltmaya gerek yoktur, sadece ait olduğu bölüme yerleştirin. Anti-örnek, blogunuzda veya iletişim sayfalarınızda bir ürün kategorileri menüsü gördüğünüzde:

Seçilen bölüm ayrıca yan menüde vurgulanmalıdır.

Malların filtrelenmesi ve sınıflandırılması... Çevrimiçi mağazalar için gereklidir. Bir dizin aramasının nasıl olması gerektiği hakkında.

Yukarı düğmesi... Kullanıcıların hızlı bir şekilde sayfanın başına dönmesine yardımcı olur. Sağ alt köşeye yerleştirmek daha iyidir. Bu düğmenin görsel tasarımına bir örnek:

Ama hepsi bu değil

Bu konu çerçevesinde bahsetmek istediğim birkaç unsur daha var.

sayfa url'si... Bağlantılar için basit ve anlaşılması kolay URL'ler oluşturun. Sayfa adresinin tamamının Latin alfabesinde olması arzu edilir.

İyi bir örnek: https://site.ru/company/portfolio/

Kötü örnek: https://site.ru/site/28787343/

Çözüm

Tüm öneriler uygulama tarafından doğrulanmıştır, böylece listelenen öğeleri siteye güvenle ekleyebilirsiniz. Uygun site navigasyonu, ulaşılabilecek gerçek bir hedeftir. Bu nedenle zaman kaybetmeyin ve gerekli iyileştirmeleri planlayın. Size başarılar diliyoruz!

Sitenizde gezinmenin ne kadar net ve mantıklı olduğunu kontrol etmek istiyorsanız, denetim için bizimle iletişime geçebilirsiniz. Ayrıca navigasyon sorunlarını hızlı bir şekilde tespit eden ve görsel olarak gösteren kullanılabilirlik testleri de yapıyoruz.

Bir şirketin her web sitesinin dört ana hedefi olduğu bir sır değil: marka sadakatini teşvik etmek, trafiği artırmak, hemen çıkma oranlarını azaltmak ve olası satışlara veya satışlara dönüşüm oranlarını artırmak! Burada çok şey sitenize gelen kullanıcıların kendilerini ne kadar rahat hissettiklerine bağlıdır.

Bu nedenle, bugünkü makalemizde, "rahat bir atmosfer" yaratıldığı için site navigasyonunun ne olduğu hakkında konuşacağız. Daha doğrusu, gelişimi sırasında yapılan en yaygın hatalar hakkında.

Hata 1: özel stil

Öyle oldu ki, kullanıcılar site navigasyonunu sayfanın üstünde veya solunda görmeye alışkındır, bu yüzden onları aramak için sitede dolaşmaya zorlamayın, çünkü bu saklambaç oyunlarını sevmeyebilirler. dönüşüm oranlarını olumsuz etkiler ve hemen çıkma oranını artırır.

Evet, sayfaların / sitelerin geliştirilmesinde yaratıcı bir yaklaşım her zaman teşvik edilir, ancak sitede gezinme açıkça hayal gücünüzü serbest bırakmanız gereken bir durum değildir. Bu tür deneylerle, kaynağın ana içeriğini değil, yeni bir gezinme stilini incelemek zorunda kalacak olan kullanıcıların dikkatini dağıtırsınız.

Hata # 2: genel menü öğesi etiketleri

Site navigasyonu yapmanın bir diğer altın kuralı da navigasyon menü etiketlerinin bilgilendirici olması gerektiğidir. Bu nedenle, örneğin, "Ürünler" veya "Hizmetler" menü öğelerinin kullanımı tüm şirketler için ortaktır ve bu tür adlar kullanıcılar için çok az şey ifade eder. İşte başka bir örnek: "Ne yapıyoruz" - aynı meçhul ifade.

Bu durumda, site navigasyonu nasıl geliştirilir? Gezinme menüsündeki her simge için en doğru etiketleri bulmaya çalışın ve bunların kullanıcılarla nasıl konuştuğunu göreceksiniz. Site ziyaretçileri, sorularına cevap aramak için size geldi, bu yüzden onları kalıplaşmış ifadeler ve kelimelerle reddetmemelisiniz.

Müşterilerinizin soyut "Ürünler" veya "Hizmetler" aramadığını ve bu tür simgelerle gezinmenin sitenizin arama sonuçlarındaki tanıtımını etkilemeyeceğini kabul edin. Kendini tanıdın mı? Yani iyileştirme zamanı! Site menüsü ve yapısı bir bütün olarak arama motorları için optimize edilmeli ve hedef kitlenin anlayabileceği bir dil konuşmalıdır. Yazımızı sonuna kadar okuduktan sonra benzer bir sorunu kaç firmanın çözdüğünü göreceksiniz.

Hata # 3: açılır menü

Açılır menü, bir gezinme öğesi olarak son derece popüler hale geldi, ancak onu kullanırken dikkatli olmanız için iki iyi neden var.

Birçoğunuz muhtemelen bir açılır menüyü tam anlamıyla yakalamak zorunda kaldınız. Garip bir hareket - ve senden kaçıyor! Ve şimdi siz, gücünüzü topladıktan sonra tekrar arayın, tıklayın ve orada - bir sürpriz! - eylem için başka bir seçenek listesi. Bu tür yakalamalar çok can sıkıcı! Bir düşünün, belki de potansiyel müşterilerinizi bir kez daha sallamamalısınız?

Açılır menüyü reddetmenin başka bir nedeni: sitenin sonraki sayfalarına düşük trafik veya görüş derinliği. Üst düzey sayfalara giden trafiğin düşük olmasıyla ilgili bir sorununuz varsa, bunun nedeni açılır menünün kullanılmasında yatıyor olabilir. Ancak her zaman kuralın istisnaları vardır. Bu durumda, istisnalar birçok bölümü olan büyük siteler için geçerlidir, çünkü burada böyle bir menü kullanılarak sitenin kullanılabilirliği önemli ölçüde iyileştirilir.

Hata # 4: çok fazla menü öğesi

Daha önce de böyleydi ama bugün acil ihtiyaç duymadan bu geleneğe bağlı kalmamalısınız, çünkü bazen 8 puan bile çok fazla olabiliyor. Kendinizi 5'i geçmemek üzere bunlardan daha azıyla sınırlamaya çalışın: ikincil noktalar ne kadar azsa, kullanıcılar bunlara o kadar az rastlar ve en önemlileri o kadar yüksek sesle konuşur.

Bu kural, yalnızca gezinme için değil, tüm site içeriği için de geçerlidir. Kaldırılan her öğe, kalanları daha görünür hale getirir. Kısa gezinme SEO için de önemlidir. Çoğu zaman, kullanıcılar sitenin iç sayfalarına değil, ana sayfaya giden bağlantıyı takip eder, bu nedenle arama motorları için "yetkili" olur. Navigasyonunuz bağlantılarla dolup taştığında, sitenin ana sayfası dahili olanlara kıyasla daha az yetkili hale gelir.

Hata # 5: menü öğesinin sipariş için uygun olmayan şekilde yerleştirilmesi

Psikolojik araştırmalar, herhangi bir listenin ilk ve son öğelerini hatırlamanın ortadakilere göre daha kolay olduğunu göstermiştir. Benzer bir eylem kullanıcılarla gerçekleşir. Bu fenomene "Seri Konum Eğrisi" denir ve bir grafik şeklinde açıkça ifade edilir:

Listenin başında (öncelik etkisi) ve sonunda (yenilik etkisi) dikkat yoğunluğu çok daha yüksektir. Bu nedenle, en önemli noktaları navigasyonun başlangıcında, ikincil olanları merkezde yerleştirmek doğrudur. "İletişim" menü öğesi, en sağ köşedeki ÜST navigasyonun sonuna yerleştirilmelidir.

Bonus ipucu: sonsuza kadar bağlantı, düğmeler asla!

Web tasarım trendlerinin 8 yıl gerisindeyseniz ve hala metin bağlantıları yerine grafik gezinme düğmelerini kullanıyorsanız, işte alışkanlıklarınızı yeniden gözden geçirmeniz için 5 neden:

  • Düğme metni arama motorları tarafından görülmez.
  • Düğmeleri güncellemek, metin bağlantılarını güncellemekten daha zordur.
  • Düğmeler daha yavaş yüklenir ve bu da onları mobil uygulamalar için kabul edilemez hale getirir.
  • Düğmeler, konuşma ve metin tarayıcıları tarafından okunamaz.
  • Örneğin TypeKit gibi araçlarla standart olmayan yazı tiplerini kullanmak isteseniz bile düğmeler gereksizdir.

Ve şimdi, söz verdiğimiz gibi: 5 hatasız web sitesi gezinme örneği.