Web sitesinde gezinmenin 10 emri

Yeni bir tişört almaya hazır bir şekilde bir mağazaya girdiğinizi hayal edin. İstediğiniz markayı, istediğiniz rengi biliyorsunuz ve hassas cildiniz için mükemmel olan %100 pamuk istediğinizi biliyorsunuz.

Aniden önünüzdeki mağazanın tam bir karmaşa olduğunu fark ediyorsunuz. 

Kot pantolon tabelasının altında yığınla kazak ve hırka görüyorsunuz. 'Beyzbol şapkaları' etiketli geniş bir sergide, her boydaki çoraplar birbirine karışmış durumda ve üstüne kışlık bir atkı saçılmış. 

Şaşkın bir halde mağazanın haritasına bakıyorsunuz ve bu haritanın, yalnızca Bahçe ve Mutfak Gereçleri bölümlerine giden talimatları içerdiği için tişört bulma görevinizde pek işe yaramadığını anlıyorsunuz . 

Sinirlenerek, bir daha geri dönmeyeceğine yemin ederek mağazadan ayrılırsın.

Çevrimiçi bir müşteri, bir web sitesinin gezinmesi kafa karıştırıcı olduğunda tam olarak aynı türden bir hayal kırıklığı hissedebilir; nereye gideceğini bilmemek veya istediklerini yapmalarına yardımcı olacak bilgi eksikliğinden rahatsız olmak. 

Ancak her şey kaybolmamıştır. Bu makalede tasarım uygulamalarını, site haritalarını ve web siteniz için en iyi navigasyonu oluşturmanın sırlarını öğreneceksiniz.  

Bilgi mimarisi (IA), kullanıcı arayüzü (UI) ve kullanıcı deneyimi (UX) tasarımına giriş

Web sitesinde gezinmeye yönelik en iyi uygulamaları araştırmaya başlamadan önce, aşağıdaki tasarım türlerine ilişkin temel bir anlayışa sahip olmak iyi bir fikirdir:

• Bilgi mimarisi (IA) – Bu tür tasarım, içeriğin organizasyonuna ve yapısına bakar. Temelleri anladıktan sonra müşterilerinizin ihtiyaç duydukları bilgileri bulmalarına ve yapmalarını istediğiniz işlemleri tamamlamalarına yardımcı olabilirsiniz. 

• Kullanıcı deneyimi (UX) – Bu tür tasarım, kullanıcının ürün veya hizmetinizi nasıl deneyimlediğiyle (tahmin ettiğiniz gibi) ilgilidir ve web sitenizin genel hissini olumlu hale getirmeye çalışır. 
  
  Bir UX tasarımcısı, kullanıcı ihtiyaçlarını ve sorun noktalarını anlamak için inceleyecek veya araştırma yapacaktır . Kullanıcı yolculuğunu dikkate alacaklar, kullanıcının neye ihtiyaç duyabileceğini belirlemek için IA'ya bakacaklar ve sayfa öğelerini içeren tel çerçeveler çizecekler. 
  
  UX tasarımcıları, kullanıcıyı gerçekten anlamak ve onlara hizmet etmek için web geliştiricileri ve içerik stratejistleriyle yakın işbirliği içinde çalışabilir.

• Kullanıcı arayüzü (UI) – Bu tür dijital tasarım, simgeler, aralıklar, harekete geçirici mesaj düğmeleri ve duyarlı tasarım gibi kullanıcı ile ürününüz veya hizmetiniz arasındaki temas noktalarıyla ilgilidir. Kullanıcı arayüzü tasarımcısı bir sayfanın ne kadar erişilebilir olduğuna, metnin renklerinin okunmasının kolay olup olmadığına ve sayfanın farklı ekran boyutlarında çalışıp çalışmadığına bakacaktır.

Web sitenizi, özellikle de web sitenizin navigasyonunu oluştururken her tasarım türü önemlidir. 

Kötü yürütülen bir kullanıcı arayüzü (IU), kötü gezinmeye neden olur ve bu da berbat bir kullanıcı deneyimine (UX) neden olur. Ancak güçlü bir kullanıcı arayüzü, kullanıcının istediğini bulmak için nereye gideceğini bulmasını kolaylaştıracak, çok daha iyi bir kullanıcı deneyimi ve dolayısıyla çok daha mutlu bir kullanıcı üretecektir. Bu mutlu kullanıcıların bir şeyler satın alma, bülteninize abone olma ve ürünlerinizi, hizmetlerinizi ve bilgilerinizi arkadaşlarıyla paylaşma olasılıkları daha yüksektir.

Ana amacınız, kullanıcılarınızın siteniz ve sunduklarınız hakkında olumlu hissetmelerini sağlayacak, kullanımı kolay gezinme oluşturmaktır, böylece sitenizden istediklerini başarabilmiş gibi hissetmelerini sağlar.

Site haritası nedir ve neden faydalıdır?

Site haritası, arama motoru web tarayıcılarının web sitenizi nasıl anladığıdır. Bu, video ve ses içeriği gibi sayfalar ve dosyalar hakkındaki bilgileri içerir. Site haritası aynı zamanda arama motorlarına web sitesinin hiyerarşisini ve hangi sayfaların önemli olduğunu da bildirir. 

Site haritanızı oluşturup Google'a gönderdikten sonra, her şeyin yolunda olup olmadığını kontrol etmek için Google Search Console'u kullanabilirsiniz. Ziyaretçileri ve web tarayıcılarını hayal kırıklığına uğratmamak için bağlantılarınızın doğru olduğunu kontrol etmeniz önemlidir.

Site haritası, web sitenizin navigasyonunu oluşturma konusunda kullanışlı olacaktır. Sonuçta, büyük olasılıkla web sitenize eklediğiniz tüm sayfalara sahip olacaktır. Bu, kullanıcınız için en önemli kategorileri ve navigasyonunuza neleri dahil etmeniz gerektiğini hızlı bir şekilde tanımlayabileceğiniz anlamına gelir.

Web sitesinde gezinmenin önemi

Bu makalenin başındaki alışveriş örneğinde olduğu gibi, bir web sitesinde gezinmek zorsa, kullanıcılar ve arama motorları bunun neyle ilgili olduğunu anlamakta zorlanacaktır. 

Web sitesinde gezinme, Bilgi Mimarisi (IA) tasarımının bir parçası olarak görülüyor. İşte doğru olanı yapmanın bu kadar önemli olmasının üç nedeni:

1. SEO’yu etkiler

Ana sayfanız genellikle web sitenizde en fazla otoriteye sahip olan sayfadır. Buradan bağlantı verilen sayfalar da önemli olarak görülüyor. Kullanıcılarınızı ana sayfanızdan alakalı sayfalara yönlendirmiyorsanız, o sayfaların sıralama şansı oldukça düşer.  

2. Trafiği etkiler

Bir kişi sitenizde ne kadar uzun süre kalırsa, arama motorları sizi o kadar çok sevecektir. Bir ziyaretçi ana sayfanıza gelir ve bir bağlantıya tıklamaz veya sayfanızla etkileşimde bulunmaz ve arama motoru sonuç sayfasına geri dönerse bu, kullanıcının içeriğinizle ilgilenmediğini gösterir. Bu 'hemen çıkma oranı', bir sayfaya gelip ayrılan kişilerin yüzdesi olarak hesaplanır. Bu oranı Google Analytics'te bulabilirsiniz .

3. Dönüşüm oranınızı etkiler

Web sitenize gelen ziyaretçiler, içeriğinizde kalmak ve onlarla etkileşim kurmak istemezlerse, istediklerini bulamadıkları için ayrılacaklardır. Ürün sayfalarınıza trafik çekemezsiniz, satış yapamazsınız ve bu ziyaretçilerin hiçbiri müşteriye dönüşmez.

Gezinme türleri

Web siteleri için en yaygın gezinme stillerinden üçü şunlardır:

• Standart yatay – Bu en yaygın gezinme stilidir ve bir listeyi yatay olarak görüntüler. 

• Açılır menüler – Büyük mağazalar gibi ele alınacak çok sayıda kategoriniz varsa, açılır gezinme, içeriğinizi kolayca listelemenize olanak tanır. Kullanıcıya daha fazla seçenek sunmak için genişler. Ancak çok fazla seviye oluşturmamaya dikkat edin, çünkü özellikle engelli kişiler için kullanımı zor olabilir.

• Dikey kenar çubuğu –  Artık biraz eskimiş olsa da, kenar çubuğu gezinmenizi tek bir yerde tutacaktır. Çok fazla kategoriniz yoksa bu, navigasyonunuz için hâlâ geçerli bir seçenektir. 

Gezinmenizi tasarlarken kaç sayfaya bağlantı vereceğinizi anlamak çok önemlidir. Sayı yüksekse açılır menüler mükemmel bir seçimdir, ancak yediden azsa standart yatay en iyisidir. Çoğu web sitesi standart yatay kullanır, bu nedenle web ziyaretçilerinizin ne yapacaklarını bilmeleri hızlı ve kolaydır. 

Uyulması gereken 10 emir

Artık iyi gezinmenin neden bu kadar önemli olduğunu ve en yaygın üç gezinme türünü keşfettiğinize göre, bunu doğru şekilde yapmanın kurallarını size vermenin zamanı geldi.

1. Kullanıcı için yazacaksınız –  Kullanıcınız web sitenize girer girmez gezinme çubuğunu görecektir. Aşırı karmaşık, kafa karıştırıcı veya belirsiz bir dil kullanmaktan kaçının; onlara ne sunduğunuzu anlatmak için popüler kelimeleri veya cümleleri kullanın. Namecheap gezinme çubuğunda Etki Alanları , Barındırma ve WordPress gibi kelimeleri bulacaksınız . TLD'ler , Barındırma hizmetleri veya açık kaynaklı içerik yönetim sistemleri gibi kelimeleri bulamazsınız .
   
   Hedef kitlenizi düşünün. Eğer çoğunluk sektöre özel bir terimi anlamıyorsa, onu kullanmayın. Bu aynı zamanda arama motoru optimizasyonu (SEO) açısından da önemlidir. Gezinmeniz açıklayıcı ve iyi yapılandırılmışsa, arama motoru tarayıcılarının hangi sayfalarınızın önemli olduğunu belirlemesine yardımcı olur. 

2. Navigasyonunuzdaki öğe sayısını en aza indirmeye çalışmalısınız –  Navigasyonunuza çok fazla seçenek eklerseniz ziyaretçilerinizi bunaltmanız çok kolaydır. Az ama öz. Kategorileriniz ve etiketleriniz ne kadar kısa ve öz olursa, arama motoru optimizasyonu (SEO) için de o kadar iyi olur. 

3. Gezinme düzeylerini en aza indirmeye çalışmalısınız –  Bir müşterinin sitedeki belirli bilgilere ulaşması için gereken tıklama sayısını en aza indirdiğinizde, müşteri o kadar memnun olacaktır. Nielsen Norman Grubu şunu doğruluyor: "...hiyerarşi ne kadar derin olursa, ziyaretçilerin yönünü kaybetme olasılığı da o kadar artar."
   
   Kolayca tanınan kategorilere sahip düz bir hiyerarşi, kullanıcının aradığını hızlı bir şekilde bulmasına yardımcı olur. Ancak web sitenizde müşteriyi bunaltabilecek çok sayıda kategori varsa, işi kolaylaştırmak için bu kategorilerin önüne bir seviye daha eklemek mantıklı olabilir. 

4. Gezinmenizi kullanıcı akışına göre güncelleyeceksiniz –  Google Analytics, kullanıcı akışına ilişkin bir rapor sunar. Ana sayfanız, kullanıcılarınızın web sitenizle etkileşimde bulunduğu ana sayfa ise, gezinme öğelerinden hangilerinin kullanıldığını, hangilerinin kullanılmadığını görüntüleyebilirsiniz.
   
   Hangi yolların en çok kullanıldığına dair gerçek bir fikir edinmek için bunu ara sıra kontrol etmeye özen gösterin. Birçok gezinme öğesi tıklanmazsa bunları kaldırın veya kullanıcı için yeterince anlaşılır olmadığını düşünüyorsanız öğeleri yeniden adlandırın. 

5. Gezinmenizi bulmak zor olmayacak –  Gezinme çubuğunuzda yaratıcı olmaya çalışmayın. Üst tarafa yatay olarak veya sol tarafa dikey olarak yerleştirin. Bulunması zorsa, ziyaretçileriniz hayal kırıklığına uğrayacak ve arama motoru sonuç sayfasına geri dönüp bunun yerine başka bir web sitesi bulma olasılıkları daha yüksek olacaktır. 

6. Konumlandırmaya karar vermek için site haritasına başvurmalısınız –  Gezinmenizi oluşturmak için site haritasını kullanarak hangi sayfaların en önemli olduğunu ve bu nedenle en yüksek önceliğe sahip olması gerektiğini hızlı bir şekilde bileceksiniz. En önemli sayfayı menünüzün derinliklerine gömmenin bir anlamı yok. Kullanıcının bulması için önde ve ortada olması gerekir.

7. Mobil cihazlar için de navigasyon tasarlamalısınız –  Parmaklar farklı boyutlardadır, dolayısıyla bağlantılar söz konusu olduğunda bunu hesaba katın. Yeterince büyük olduklarından emin olun. Gezinmenizdeki öğeleri azaltmayı ve önce önemli sayfaları görüntülemeyi düşünün. 

8. Fareyle üzerine gelme efektlerini kullanacaksınız –  Bir kullanıcı faresini bir metnin üzerinde tutuyorsa, ne yaptığını kolayca görebilmesi için onlara nerede olduklarını göstermek iyi bir fikirdir. Bu, haritada nerede olduğunuzu işaret etmek için parmağınızı kullanmaya eşdeğerdir. Ayrıca metnin rengini de değiştirebilirsiniz, böylece göze çarpacaktır. Tıklanabilir metnin kullanıcının etkileşim kurabilmesi için anlaşılır olması gerekir.

9. Gezinmenizi farklı ekran boyutlarında test edeceksiniz –  Web sitenizin ziyaretçilerinin çeşitli ekran boyutlarına sahip birçok farklı cihazda olacağını unutmayın. Kullanıcı tablet veya masaüstü bilgisayar kullanıyorsa gezinmenin kolay olduğundan emin olun. 

10. Kapsayıcı olacaksınız –  Web kullanıcılarının hepsi aynı değildir. Bazıları görme ve işitme engelli olabilir veya bilişsel ve öğrenme engelleri olabilir ve bu durum web sitesi deneyimini etkileyebilir. İyi bir gezinme tüm kullanıcılar için iyi olmalıdır; bu nedenle kontrast renklere, yazı tipi boyutunu değiştirme yeteneğine, bağlantılar ve düğmeler için açıklayıcı etiketler kullanmaya ve klavye erişimi sunmaya dikkat edin. W3C'de yönergeler ve web erişilebilirlik standartları hakkında daha fazla bilgi edinebilirsiniz .

Başarılı bir navigasyon

Dikkatlice düşünülmüş gezinme, başarılı bir web sitesinin anahtarıdır. Bu, önemli bilgileri kullanıcının önüne çıkarmanın, onu kolay, bilgilendirici ve hızlı hale getirmenin bir yoludur, bu da onların daha fazla bilgi için geri gelmelerini sağlayacak olumlu bir deneyimle sonuçlanır. 

Umarız bu blog yazısı kendi web sitenizde gezinmenizi planlamak için bazı yararlı rehberlik sağlamıştır.