En iyi yaratıcı web sitesi ve uygulama menüsü tasarımı
Sitenin kullanımı, web siteleri oluştururken veya bakarken ana hususlarınızdan biri olmalıdır. Web sitenizin kullanımı zorsa, insanlar IT’yi kullanma konusunda isteksiz olacaklar veya tekrar geri dönecektir. Buna ek olarak, birçok durumda, iyi kullanımlar doğrudan SEO açısından daha iyi sonuçlara çevrilir. İyi web sitelerinin kullanımının avantajlarından bazıları şunlardır:
Hücresel Duyarlılık: Giderek daha fazla kişi cep telefonları aracılığıyla internete erişir (ve Google bunu, aramayı mobil ilk girişimlerinin bir parçası olarak sıralamak için önemli bir şey olarak belirler).
Yükleme Hızı Sayfaları: İnsanların web siteleriyle etkileşime girme biçiminin korelasyonu sayesinde Google’dan diğer önemli sıralama sinyalleri. KissMetrics’e göre, tüketicilerin% 47’si web sayfalarının 2 saniye veya daha kısa sürede yüklenmesini bekliyor!
Web Sitesi Gezinme: Media Studios Orbit’e göre, web sitenizin kullanımı kolaysa ve içeriğini bulmak kolaysa, bu, arama motorlarından alacağınız web sitesinin trafiğini olumlu etkiler. Gerry McGider, insanların% 70’inin bir şey ararken arama yapmak yerine navigasyona güvendiğini gösteren sonuçlarla araştırma yapar, çünkü web sitesindeki belirli bir sayfaya bir bağlantıyı tıklamak daha kolay ve daha hızlıdır.
Bu makalenin amacı için, web sitesi menü tasarımı, en iyi uygulama ve menü tasarımı ilhamı açısından kullanıma odaklanacağız.
Web Web Sitesi Navigasyonu Web Navigasyonu, bir sitenin dahili bağlantısının mimarisini ifade eden genel bir terimdir. Her şeyin üstünde, asıl amaç, kullanıcıların web sitenizde kolayca alakalı içerik bulmasına yardımcı olmaktır. Gezinme yapınız ayrıca Google gibi dev bir arama motorunun web sitenizi dizine eklemesine yardımcı olan web sitesi haritanızın temelini oluşturur. Tabii ki, etkili web sitesi navigasyonu oluşturan birkaç yön var, ancak şimdilik, özellikle odaklanacağız çünkü bu genellikle yeni bir web sitesi açtıklarında kullanıcılarla etkileşime giren ilk sayfa öğesidir. Web sitesinin önünde ve ortasında (mecazi olarak – Ortadaki menü ilginç olacak). Farklı kategorilere sahip web siteleri için, gerilme işlevselliği yerden tasarruf etme ve kategorizasyon ihtiyaçlarını karşılama seçeneğidir. Şu anda, minimalist bir görünümde (ve hücresel kullanım), birçok web sitesi hamburger menü tasarımını benimsedi (temel olarak, menünün tek bir tıklamayla genişletilebileceğini gösteren üç kısa yatay çizgiye sahip kutular). Vitrin WooCommerce teması, sağ üst köşede pratik bir örnek sunar:
Hamburger web sitesi tasarım menüsü tasarımı, hücresel web sitesi tasarımı açısından en yaygın olanıdır, çünkü geliştiriciler çok küçük alanlarda kullanılabilecek navigasyon yapmak üzere atanır. Tabii ki, hücresel bölgelerde kullanılabilecek bir gerilme menüsü yapmak zor olacak! Söylenen her şey, birçok tasarımcı, eğlenceli ve işlevsel web sitesi navigasyonu yaratmak için yaratıcı yollar bulmak için yeni hareketlere yol açan Hamburger menüsünden nefret ediyor. Bunu göz önünde bulundurarak, genellikle menü navigasyonunun her bir web sayfasının üstüne kalıcı ekipman olarak yerleştirilmesini içeren sezgisel web sitesi menü tasarımı, böylece kullanıcılar ‘evin’ arkasını kolayca bulabilir veya ziyaret ettikleri bir sonraki sayfayı bulabilirler. İlgilenen. Navigasyon web sitesi menü tasarım en iyi uygulama çoğu wordpress temaları önceden belirlenmiş web sitesi menü tasarımı ile birlikte gelir. İster haklı çıkarmak isterse de tam olarak tekrarlamayı planlamak istiyorsanız, kullanımı ve SEO’yu dikkate alarak menü navigasyonu tasarlamak için en iyi uygulama:
Buna ek olarak, Media Orbit, tüm videolar, tüm infographics vb. Bunun nedeni, insanların biçimlere değil, konulara göre arama yapmasıdır.
Önemli bir gezinme menüsüne yerleştirme (veya ayar) öğeleri. ‘Hakkında’ sayfalar, ‘iletişim’ sayfaları vb. Gibi web sitelerinde olması önerilen genel sayfaların bir listesi vardır. – Bu, site ziyaretçileri tarafından en sık aranan sayfadır. Genellikle yüksek trafiğe sahip olan (net bir şekilde gösterildiği için) genellikle düşük bir tutuluma sahiptir. En önemli sayfanızı belirlemek ve optimizasyon için fırsatlar bulmak için Google Analytics’i kullanın. Navigasyon öğelerinin en önemli görünümü ilkdir (veya menü çubuğunun yönüne bağlı olarak üstüdür).
Menü öğesini en fazla 7’ye kaydedin. Araştırmalar, insanların en fazla yedi bilgi öğesini aynı anda hatırlayabileceğini veya alabileceğini göstermiştir. Çok fazla menü öğesi kategorisine sahip olmak, aramadaki sıralamayı belirleme yeteneğinizi etkileme potansiyeline sahiptir, çünkü Google, web sitenizin belirli bir niş ayarlamadığının bir işareti olarak ilgisiz görünen çok fazla kategoriyi yorumlayabilir. 7’den fazla menü öğesine ihtiyacınız olacağını biliyorsanız, alt kategoriyi daha fazla açıklayın.
Yukarıda belirtilen noktalar söz konusu olduğunda, United’ın web sitesi menü tasarımı çok karmaşıktır – kullanıcıların görmesi için çok fazla seçenek:
Görüntünün ters kaynağı olan cafebond.com, basit kategorizasyonla ilgili iyi organize edilmiş bir örnek sunmaktadır:
Menü denetiminiz ara sıra. Nadiren tıklanan bağlantıları silin. İnsan ziyaretçileri ve arama motoru örümceğiniz için daha açıklayıcı olacak genel etiketin adını değiştirin.
Yaratıcı web sitesi menü tasarımları büyük uzay aracının sezgisel tasarımları yok saydığı tasarımlar tipik web sitesi menü tasarımını (üstte veya ana sayfa içeriğinin yanında), büyük uzay gemisi menüsü düğmesi verandalarında ön ve ortada bulunur. Tıklandıktan sonra kullanıcı yönlendirilir Yalnızca dört menü seçeneği ile yeni sayfaya. Nereye gitmek istediğinizi seçtikten sonra ek seçenekler sunulacak. Her sayfa bu yeni alt menü seçeneğini ilginç ve yaratıcı bir şekilde sunar. Örneğin, ‘iş’ bağlantısı tıklanan fotoğraflara yol açarken, ‘kariyer’ sayfası, her öğe için bir açıklama görüntülemek için tıklandığında ok ile açık bir konum dahil olmak üzere farklı bir menü gezintisi sunar. Kullanıcılar, sayfanın altındaki “Menü” düğmesini (Hamburger menüsünde değişen) tıklayarak ana menü gezinmesine kolayca dönebilir.
Equus tasarımı Singapur’un bu marka ve iletişim ajansı, minimalist web sitesi menü tasarımının hiç sıkıcı olmadığını gösteriyor. Web sitesi ana sayfasının üstünde sabit bir menü var, ancak en iyi bağlantılardan birini tıkladığınızda, her sayfa kendi benzersiz gezinme stilini görüntüler. Örneğin, ‘Hakkında’ sayfasında, ziyaretçilere mevcut menü gezinme tasarımında kullanıcı deneyimini çekici hale getiren bir sayfa tasarımı sunulur. Yukarıda belirtilen büyük uzay gemisi web sitesi menü tasarımı gibi, ana menü öğesi farklı bir dahili düzene sahip yapılandırılmış bir sayfaya bağlıdır. NKI Stüdyosu
Kni Studio menüleri alışılmadık bir konumda var: sayfanın altında ortalanmış. Ayrıca, ilgili sosyal bağlantılar için “+” yı tıklayabilirsiniz. 2018 Navigasyon Trendleri ImpactBND’ye göre, birçok tasarımcı minimalist hücresel hamburger menüleri için alternatifler arıyor. Aslında, Spotify sekme menüsü için hamburger menüsünü sildi, bu da gezinme menüsünü tıklamada% 30 artışa neden oldu. İronik olarak, Hamburger menü tasarımı hala menü tasarım trendleri hakkında birçok makaleyi süsleyin! Buna ek olarak, mega açılır ve sabit üst menü kullanımı (2017’den itibaren her iki menü tasarım trendleri) 2018’de hala sıcak bir konudur. Bazı sabit menüler veya mega menü, simgeler, fotoğraflar ve hatta gibi görsel öğeler girmeye başlıyor. bir harita. Kellogg, mega çok boyutlu açılır menü için iyi bir örnek sağlar: Universal Navigation, son zamanlarda birçok kişi tarafından gözlemlenen başka bir web sitesi menü tasarım trendidir. Web sitesi sayfalarının en üstünde web sitesi ana web sitesine bir geri bağlantıdır. Bu, Disney gibi birçok bağlı ortaklık veya franchise’lı işletmeler için yararlıdır. Disney Frozen Web Alt Sitesinde bu konsepte bakın: Köşe köşesi bağlantıları diğer ilginç yaratıcı menü tasarım trendleridir. Bu, sezgisel ve simetrik hisseden profesyonel bir nüans web sitesi verir. Sosyal filizler gibi bu menü tasarım trendini kullanan web siteleri, paylaşmak için çok fazla bilgiye sahiptir, ancak bunu aşırı olmayan bir şekilde yapmaktadır:
Bright Hue, Sans-Serif yazı tipi ve ekstra alan, bu menü tasarım trendini başarılı hale getirmeye yardımcı olur.Site gezinme öğeleri hakkında en iyi yaratıcı web sitesi menü tasarımı ve yaratıcı düşünme, web sitenizi genel olarak daha unutulmaz hale getirebilir.Ancak tasarım yaparken, site navigasyonunun gerçek amacını unutmayın: kullanıcıların içeriği bulmasını ve erişmesini kolaylaştırmak.Dünyadaki tüm çanlar ve ıslıklar, kullanılamayan veya diğer SEO çabalarınıza aykırı web sitelerinin navigasyonunun yerini alamaz. Son zamanlarda karşılaştığınız en yaratıcı menü tasarımları nelerdir?Kendi menü navigasyonlarını tasarlamanın yeni yollarını arayan diğerlerine ilham vermek için aşağıdaki yorumlarda örneği paylaşın. Etiket:
Menü taksonomi