Etkili Gezinme Tasarımı için 3 Temel Kural
Web sitenizin navigasyonunu tasarlamak, evinizin temelini atmak gibidir. Vakfınızı uygun bir şekilde planlamamanız, ne kadar hoş göründüğüne bakılmaksızın, binanızın çökme riskine girebilir. Sitenizden mümkün olan en iyi satış veya dönüşümlerden faydalanmak istiyorsanız, kitlenizin içeriğinizle nasıl etkileşimde bulunacağını planlamak için zaman harcamanız gerekir. Bunu organize etmenin ve temsil etmenin en sezgisel yolunu öğrenin.
Her zaman hatırlayın, eğer bu kısmı yanlış kullanırsanız, kitlenizin büyük bir bölümünü yabancılaştırmakla riskiniz vardır.
Navigasyon nedir?
Navigasyona bakmanın birden fazla yolu var. Web sitenizde müşterilerinizin aradıkları şeyi kafa karışıklığı veya gereksiz tıklamalar olmadan bulmalarını sağlayan bir odak öğesi olduğunu söyleyebilirdiniz. Aynı şekilde, satış veya sorgulama yapmak için müşterilerinizi sitenizdeki en önemli bilgilere nazikçe yönlendirmenin bir yolu olduğunu iddia edebilirsiniz.
Şanslar, ikiside.
Gezinme tasarımı, tasarımdaki diğer pek çok şey gibidir: Bunu yapmak için evrensel olarak üzerinde anlaşılmış “doğru yol” yoktur. Her web sitesi, çeşitli şekillerde ele alınabilecek kendi zorluklarını sunar. İyi haber, başarısızlık riskini en aza indiren içerikler hakkında düşünmenin ve düzenlemenin yolları.
70percentpure sitesi dikey ve yatay hem de basit navigasyon özellikleri.
1) İlk önce IA'nizi kesinleştirin
İçeriği geniş bir web sitesi için planlamak, navigasyonunuzu tasarlamadan önce tamamlanması gereken önemli bir görevdir. Aksi takdirde IA (Bilgi Mimarisi) olarak bilinen bu genel bakış, içeriğinizin anlaşılması ve ele alınması, web sitenizin kullanılabilirliğinin bel kemiğini oluşturan şeydir. Navigasyonunuzu daha önce (veya bunun yerine) doğru bir şekilde tasarlamanız, sayfalarınızı dizgelemeden önce bir kitap dizini oluşturmak gibi olurdu. İyi bir fikir değil.
Büyük resmi görmek için doğal bir yetenek, IA üzerinde çalışırken yardımcı olur. Daha da önemlisi, içeriği bir kullanıcının bakış açısından görebilmeniz gerekir. Bazen bu, müşterinin kendi içeriklerini kategorize etme yoluna karşı çıkmak anlamına gelir - bu durumda, direnç için hazır olun.
Planınızı hazırlamanıza yardımcı olmak için kendinize sorabileceğiniz ve müşteriye haklı çıkarabileceğiniz birkaç şey:
- Bu site için hangi sayfalara ihtiyaç var?
- Her sayfanın daha geniş bir plan içinde bir amacı var mı, ve içerik duyarlı, birleştirilebilir parçalara ayrılmış mı?
- Gelecekte içerik eklemek için ne gibi ayrıntılar yapılmalıdır?
- Hangi kullanıcı gruplarıyla çalışıyorsunuz? (örneğin giriş / çıkış, abonelik türleri, reklamverenler, vb.)
- Her kullanıcı türü için birincil hedef nedir?
Yukarıdakilerin tümünü yanıtlayın ve içeriğinizin kullanıcılarınızla nasıl bağlantılı olduğunu anlamak, iyi bir gezinme tasarımı için temeldir.
2) ÖPÜCÜK: Bazen basit olsun
Bir web sitesini kullanan herkes muhtemelen aynı fikirde olabilir: bir navigasyon alanı mümkün olduğunca basit olmalıdır. Kullanıcıyı seçimlerle ezmek ve gezintiyi metinle doldurmak kötü bir fikirdir ve web sitenizin genel kullanılabilirliğini ciddi şekilde engeller.
Bloomberg'in basit navigasyonu, sitelerinde bulunan bilgilerin karmaşıklığına inanmaktadır.
Ve yine de, sadelik aldatıcı olabilir. Daha derine inersiniz ve aslında oldukça karmaşık olan şeylerin akıllıca basit bir şekilde paketlendiğini keşfedebilirsiniz. Bu eylemde IA.
Örneğin Microsoft'un ana sayfasını alın. Ana navigasyonları, ürün yelpazesini göz önünde bulundurarak neredeyse yeterli olmayan dört maddeye sahiptir. Ancak açılan bölümler çok akıllıca bölümlere ayrılır ve aradığınız şeyi hızlı ve kolay bir şekilde bulabileceğiniz şekilde sunulur.
Alt sayfalar, aynı gezinme biçimini izleyen mini siteler gibidir. Menü aynı şeyi hisseder ve aynı şekilde davranır, ancak siteye girdiğinizde daha fazla ayrıntı sunmak için adapte olur.
Kullanımı kolay, tahmin edilebilir ve tutarlı. Ürün yelpazesi ve web sayfalarındaki sayfa sayısı göz önünde bulundurulduğunda, bu durum hiç de feat anlamına gelmez ve açık bir şekilde birçok saat iteratif gelişimin ürünüdür. Sadece ürünlerinden biri gibi hissetmiyor, bu da ziyaretçiye çok güven veriyor, ama içeriği hem müşteri hem de Microsoft için iyi bir şekilde düzenliyor.
3) yönünü dikkatli seçin
Bir bilgisayar ekranının geleneksel olarak yatay formatta kullanıldığı göz önüne alındığında, yatay gezinme çok anlamlıdır. Zamanın çoğunda sadece daha dengeli, daha az müdahaleci ve tasarım perspektifinden kolayca yerleştirilebiliyor.
Sanal enstantaneleri yatay bir menü ile konuşmazlarsa, VR kulaklık üreticileri Oculus aptalca olurdu. Sadece güzel bir metafor taşımakla kalmaz, aynı zamanda kullanıcının sayfayı aşağı kaydırarak içeriğinin daha derinlemesine incelenmesini sağlar.
Bununla birlikte, yatay menüler her bağlamda değer katmaz, bu nedenle özellikle e-ticarette çok sayıda dikey gezinme görürsünüz. Ürünleri fiziksel bir katalogda bulmanıza yardımcı olan renkli sekmelerin yankılarını taşır ve çok fazla metin içeren yatay bir çubuğu ve çok fazla seçeneği engeller.
Özellikle çok fazla ürününüz varsa, iyi bir dikey navigasyon kolay değildir. Bu yüzden Jack Jones’dan hoşlanıyorum.
Metnin yanındaki simgeler okunabilirliğe gerçekten yardımcı oluyor. Basit şekiller şaşırtıcı derecede iletişimseldir ve navigasyon alanını odaklanmış ve düzenli tutmaya yardımcı olur. Bir kategoriye tıklayın ve menü, alt seçeneklerin ortaya çıkması için genişler, göze çok kolay gelen bir şekilde.
Dikey menünün daha alışılmadık bir kullanımı Squarepusher'ın sitesinde bulunabilir. Burada, gezinme, kullanıcının basitçe kaydırıp tıklayabileceği ana içeriğin dışında bir sekme gibi kullanılır. Bu daha doğrusal bir yaklaşım ve bir Squarepusher pistinin sıralı doğasını yankılanıyor.
Kurallar değişiyor
Web'deki her şeyde olduğu gibi, yeni teknikler, teknolojiler, cihazlar ve eğilimler, masaya kendi zorluklarını ve yeniliklerini getiriyor. Duyarlı web tasarımı, geleneksel yatay navun da artık dikey bir nav olduğu anlamına gelir (daha küçük ekranlarda). Paralaks teknikleri, sayfadaki konumunuza bağlı olarak gezinme bölgelerini ebon ve akıntıya benzer şekilde akar.
Mükemmel bir site yaratmanın tek bir yolu yoktur. Ancak, tercihen sitenizin istatistiklerine ve dönüşüm verilerine erişimin tasarlanması ve test edilmesi için yinelenen bir yaklaşım, en iyi sonuçları vermesidir.
Web sitenizi yönlendiren motor olmak, navigasyonunuz öngörülebilir, basit, tutarlı ve iyi yerleştirilmiş olmalıdır.