2015 için 3 Temel Navigasyon Eğilimi
Tüm okuyucularımıza Mutlu Yıllar! Bugün, 2015'e hükmeden üç önemli navigasyon trendine göz atacağız.
Biri, web'deki her türlü navigasyon varyasyonunu araştırdığımızı düşünebilir, ancak bu çok özel niş içerisinde devam eden araştırmayı görüyoruz. Alçakgönüllü bir bağlantı listesine kaç tane tasarım çeşidi uygulanabileceği gerçekten şaşırtıcıdır.
Burada navigasyon alanındaki 3 popüler trendin göz önünde bulundurulmasını istiyorum: ilk önce navicon (veya hamburger ikonu) kullanımı nasıl değişiyor, ikincisi tam ekran menüleri kullanarak yeni bir yaklaşım ve nihayet mega açılan menünün mükemmelliğini düşündüğüm şey. Bu yaklaşımları iş başında görelim ve görelim.
Navicon için çok yaşa / ölüm!
Facebook, navigasyon seçeneklerini ekrandan veya tuvalden gizlemek için navicons kullanımını yaygınlaştırmak için kredi veriliyor. Duyarlı web tasarımının doğuşuyla, web tasarım topluluğu navigasyona yönelik bir çözüm için çaresizdi. Her şeyi tuval üzerine oturan bir gezinti paneline ambalajlamak ve navicon'u seçerek hareket etmek çekici bir çözümdü. Toplum, tasarımcı ve geliştirici için hayatı daha kolay hale getirecek gibi görünen, kolay bir çözüm olarak, ona kilitlenmiş gibi görünüyor. Sonuç olarak navicon, mobil uygulamalar ve web siteleri için bir go-to seçeneği haline gelmiştir.
Son zamanlarda, navicon saldırı altında geldi. Bu tartışmaların çoğunda, önemli bir ayrıntı atlanmış gibi görünüyor. Mobil uygulamalar endüstrisi, ekran seçenekleri dışında ekran dışı gezintiden kolayca uzaklaşıyor. Bu eğilim, odaklanmış, tek amaçlı uygulamalara yöneliyor. Bu, değişikliği daha makul yapar. Buna karşılık, küçük bir web sitesi bile navigasyonda yüzlerce bağlantı olmasa bile düzinelerce paketlenebilir. Örneğin sony.com gibi bir siteyi veya bu siteyi bile alın. Bu siteler, basit bir sekme şeridi ile mümkün olanın ötesine geçen gezinme gereksinimlerine sahiptir. Bu nedenle bana öyle geliyor ki, naviconlar ve ekran dışı menüler kalmak için burada. Sadece onların sınırlamalarını, potansiyel problemlerini ve benzerlerini bilmeliyiz. Ve elbette, her zaman kullanımı göz önünde bulundurun: bu bir mobil uygulama veya mobil / yanıt veren bir web sitesidir. Çünkü aynı değiller.
Tasarım ajansı Long Story Short'ın web sitesi, navicon'u anlamlı ve kısıtlı bir şekilde nasıl kullanacağınıza dair güzel bir örnektir. Bu site, navigasyon seçeneklerinin tamamını gizlemek için navicon'u kullanır. Sitenin hem mobil hem de masaüstü sürümlerinde bunu yapar. Masaüstünde navicons kullanımı aslında tam bir alt eğilim. Bu siteyi yaklaşımın en önemli örneği yapan şey, navigasyonun en kritik unsurlarının menü dışında görünmesidir. Ana sayfa, sitenin en önemli üç bölümüne ait bir portaldır. Bu şekilde gizli menü birincil gezinme değil, boşlukları dolduran bir ikincildir.
Squarespace sitesi gizli menüleri etkili bir şekilde kullanmanın güzel bir örneğidir. Bu sitede tur ve giriş seçenekleri her zaman görülebilir. Kayar menüde toplamda yaklaşık 23 menü seçeneği bulunur. Açıkçası, en önemli gezinti seçeneklerinin merkeze girmesine izin vermek için gizli menüler kullanıldığında parlaklıktan başka bir şey yoktur. Masaüstünde navicons kullanımı konusunda gerçekten çok düştüğüm bir aşamadan geçtim; tekniğin bir yanlış kullanımı gibi görünüyordu. Ancak, sitelerin kullanıcıları en kritik öğelere yönlendirmek için nasıl kullandıklarını gördükten sonra yardım edemem ama sevemiyorum.
Son olarak, naviconların kullanımı konusunda üzüntü duyuyorsanız veya gizli menüler herkesin sözünü tutmaz. Bunun yerine, siteniz için çalışıp çalışmadığını görmek için kendi kullanılabilirlik testlerinizi yapın. Büyük bir kural, tartışmayı önlemek ve bunun yerine sınamaktır.
Tam ekran gezinme
Bakmak istediğim ikinci eğilim, tam ekran gezinme menülerinin kullanılması. Bu menüler tipik olarak bir düğme veya bir tür bağlantı ile aktive edilir; oldukça sık bir navicon. Buradaki fark, kayan küçük bir panel yerine, navigasyonun tüm ekranı devralmasıdır. Cep telefonunda bu normal hissettiriyor, ancak masaüstünde bu aslında yeni ve ilginç bir yaklaşım.
Gezinme yerleşimi, menüye çok fazla yumruk atması açısından bu sitede gezinme gerçekten ilginç. Burada beklenen menü seçeneklerine sahipler, ancak tam ekran olduğundan tam iletişim formu, iletişim bilgileri, sosyal medya bağlantıları, yeni bir blog yazısı ve önemli bir harekete geçirici mesaj için de yer var.
Herhangi bir zamanda bir menüyü başlatan bir kullanıcının yönünü aradığını düşünmek ilginçtir. Bu, onları yapmak istediklerine doğru yönlendirmek için büyük bir fırsat yapar. Bu durumda kullanıcının iletişime geçmesini veya proje planlayıcılarını ziyaret etmesini isterler.
Bu örnekte, işteki örüntüyü de görüyoruz, ama çok daha minimalist bir şekilde. Ekstra seçenekler içinde paketlemek yerine, çok hassas bir navigasyon seçenekleri listesi sunmayı tercih ettiler. Ayrıca menüyü kapatmak için navicon'u “x” e dönüştürmek için bonus puanları alırlar.
Süper menünün mükemmelliği
Son olarak, süper boyutlu veya mega açılır menüyü düşünmek istiyorum. Süper boyutlu menü sistemlerinin kullanımı yeni bir şey değildir. İlginç bulduğum içeriğin içerdiği içerik. Tasarımcıların yaptıkları şeyleri değerlendirmemde, bu yeni alanı güçlü yollarla çalışmak gerçekten işe koydu.
Lowes web sitesi aklımda ne olduğunu mükemmel bir şekilde göstermektedir. Burada menü sisteminin içerik için bir yer olduğunu görebilirsiniz. Bu içerik, kullanıcıların siteden akışını yönlendirmek için kullanılabilir. En önemlisi, onları en önemli içeriğe yönlendirebilir. Soru olur, en önemli içerik nedir? Belki de mağazanızdaki en karlı öğelerdir. Ve bu şekilde navigasyon, en karlı ürünleri iterek bir satış elemanı olarak hareket eder. Ya da belki de kullanıcıları en popüler öğelere yönlendirmek için kullanılır.
Bu seçeneği biraz farklı bir şekilde kullanan başka bir site, New Balance web sitesidir. İşte ilk üç açılırsa, doğada büyük, ama aslında bağlantılar listesidir. Ancak, özel ayakkabılar oluşturmak için son seçenek, yukarıda gösterilen açılır menüyü oluşturur. Bu menü seçeneği tek bir bağlantıdır. Bu tek öğeyi, bağlantının arkasındaki içeriğe gerçekten ilgi çekici bir giriş haline getirme fırsatını yakaladım.
Sonuç
Bu üç eğilim, ayrı ayrı tartışabilsek de, birçok ortak özelliği vardır. Bunlar arasında birincil, navigasyonun yıllar içinde nasıl değiştiğidir. Açılır menüler genellikle düzenli bir bağlantı listesi olarak kullanılır. Çoğunlukla, her şey eşit şekilde sunulduğundan bir şekilde tarafsızydı. Şimdi, navigasyon sistemlerinin, kullanıcıları istenen hedeflere doğru yönlendirmek için önemli bir yol olduğunu görüyoruz.
Benim için meydan okuma açıktır. Gezinme düşüncemizi yükseltmemiz ve yarattığımız web sitelerini kullanma deneyimindeki etkisini gerçekten kucaklamalıyız. Çoğu zaman ben bu navigasyon biraz sonradan bir keşif olduğunu düşünüyorum. Aslında, tasarımda en kritik olarak göz önüne alınan ve rafine edilmiş unsurlar arasında olmalıdır.