Mobil cihazlar, tasarımcıları ve geliştiricileri, hamburger menüsü ve artan popülaritesi için teşekkür ederiz. Ancak şimdi, giderek daha fazla masaüstü sitesi de bu tasarım ve navigasyon çözümünü benimsiyor.

Mobil cihazların daha küçük ekranları nedeniyle, ekran alanı bir prim geliyor. Tasarımcılar, tasarım seçimlerinin diğerlerine göre öncelik kazanmasını öncelikli hale getirmelidir. Aynı zamanda daha küçük alanların çoğunu yapmak konusunda akıllı olmalılar. Bir hamburger menüsü, kullanıcılar aktif olarak sembol üzerine tıkladığında gezinme başlıklarını ve seçimlerini gösterir. Aksi takdirde, genellikle sitenin sol üst veya sağında yer alan gizli veya neredeyse görünmez bir simge (mobil veya masaüstü).

Bunun minimalizm epihi olduğunu söylemek bir understatement. Yol dışında kalırken üstün işlevsellik sağladığından, artan sayıda tasarımcı tarafından kullanılıyor.

Hamburger minimalizm

Son birkaç yılın en kalıcı tasarım trendlerinden biri, temiz, basit ve kolay gezinilebilir estetiğe odaklanması nedeniyle minimalist olmuştur. O zaman sürpriz değil, hamburger menülerinin popüler olması, çünkü hem tasarım hem de işlev açısından herhangi bir sitede minimalizmi teşvik ediyor.

001

tasarımcı Brian Hoff Bunu sitesinde iyi anlar. Ana sayfanın sağ üst kısmının yakınındaki gizli menüye dikkat edin. Tasarım açısından temiz ve basittir, çünkü kullanıcı hareket etmeye karar verene ve gezinme seçeneklerini açmak için tıklamaya karar verene kadar dikkat çekmeden oturur. Bununla birlikte, bir fonksiyon açısından, aynı zamanda minimalizmle ilgili bir çalışmadır, çünkü onunla etkileşime girmesi gereken tek şey, kullanıcının imleci imlecin üzerine getirmesi ve üzerine tıklamasıdır. Ardından, ekranın sağ tarafından, yalnızca birkaç gezinme seçeneği ile bir menü görüntülenir. Tereyağından kıl çeker gibi!

Tabii ki, bu kullanıcı deneyimine de sızıyor, çünkü Brian'ın sitesini dolaşmaya çalışan herkes, bu minimalist gizli menüde, kolay gezinme ve çok fazla seçenekle boğulmaktan rahatsız olan büyük bir menüden ziyade bu minimalist gizli menüden yararlanmanın keyfine varacak. .

Hamburger odak

Web tasarımı, site ziyaretçilerinin bilgiyi nasıl özümsediklerine öncelik verme çabasıyla, bazı unsurları ortaya koymak ve bazılarını diğerlerine vurgulamakla ilgilidir. Bilgi mimarisinin nasıl işlediğinin bir parçası: eğer ziyaretçilerin sitenizde nelerin göze çarptığı andan itibaren ne olduğunu anlamasını istiyorsanız, o zaman sitenin sloganı veya değer önerisine dikkat çekerken diğer yandan önemini küçümseyeceksiniz. elementler.

002

eWebDesign bunu anlar ve siteyi buna göre tasarlamıştır. Gizli menünün ana sayfanın sağ üst köşesinde ne kadar gizli olduğunu unutmayın. Yapışkan bile değil, bu yüzden aşağı kaydırmak onu ortadan kaldıracaktır. Gizli menünün bu göze çarpmayan varlığı, ziyaretçilerin dikkatinin hemen sitenin benzersiz değer önerisine çekildiği anlamına gelir. Bu, bloguna abone olanların web haberlerini doğrudan sektör uzmanlarından aldıklarıdır. Bu aynı zamanda teklifin hemen altında “abone olun” harekete geçirici mesaj düğmesine de sorunsuzca bakar.

Menü geleneksel olarak ortaya çıkarsa - bu teklifin üzerinde yatay bir gezinme menüsü biçiminde - ziyaretçilerin yerine tıklamaları gereken sayısız şey tarafından hemen dikkat dağıtıcı olmaları olasılığı yüksektir! Bu, siteye üye olan kişilerin sayısını zararlı bir şekilde etkiler.

Yaratıcı problem çözme

İnşa edilen her site, sopanın hemen önünde büyük bir sorunla karşı karşıyadır: Bir tasarımcı bir şeyleri nasıl planlamaktadır, böylece site hem işlevsel hem de estetik açıdan caziptir? Navigasyon hakkını, hem kullanıcı deneyimi hem de kullanılabilirlik açısından doğru yapmak.

Hamburger menüsü, yaratıcı ve pratik tasarımcıların, hem işleve hem de güzelliğe hizmet eden navigasyon çözümleriyle gelmelerini sağlar. Bazen, çözüm gerçekten beklediğiniz şey değildir ve ziyaretçiler, nadiren ya da daha önce hiç görmedikleri bir şeyle onları memnun eden bir gezinme düzeni tarafından havaya uçurulur.

003

Nokta durumda: dijital stüdyo Biz imparatorluk Manchester’dan. Web sitesi yoğun olarak beyaz alan, devasa görüntüler ve temizlik gibi kavramlara dayanıyor, ancak yüzeyi sadece çiziyor. Kullanıcılar gizli menüyü tıkladıklarında - tekrar, ana sayfanın sağ üst köşesinde gizli bir şekilde yerleştirilmişlerdir - işlevsel navigasyon için yaratıcı bir çözümden kesinlikle memnunlar.

Hamburger menüsü tıklandığında, herhangi bir kenardan dışarı açılan menü görünmez. Bunun yerine, tüm ekran kendi başına ekranda görünen gezinme menüsüne geçer; Beyazdan pembeye doğru renk değişimi bu değişimi güçlendirir. Oradan, kullanıcılar sitede istediklerini tam olarak bulmakta serbesttirler.

Basit iletişim

Herhangi bir web sitesinin amacı, ziyaretçilere siteye göz atmaya başladıkları andan itibaren kolaylık ve verimlilik kazandırmaktır. Bunu sağlamanın en güçlü yollarından biri, ziyaretçilere bir sitenin çeşitli unsurlarının ne anlama geldiğini ve nasıl kullanılabileceğini bildiren satın almalarla ilgilidir.

Desen uygunluğu, ziyaretçilere örneğin bir simgenin ne için kullanılabileceğini hemen söylemek için alışkanlık kullanır. Ergo, kalıp uygunluğu, bir ziyaretçiye, bir ziyaretçiye, istenen bir sonucu elde etmek için bir simgeyle nasıl etkileşimde bulunabileceklerini hızlı bir şekilde anlatır.

Hamburger menüsü neredeyse her yerde son yıllarda mobilde. Bu nedenle, çok sayıda kullanıcının buna aşina olduğu güvenli bir bahistir: nasıl göründüğü, nasıl kullanabileceği (bir menüyü açmak için dokunarak) ve hatta ekranın neresinde olduğu genellikle bulunur. Herhangi bir web sitesinde bulunması, söz konusu sitenin nasıl gezinileceği hakkında anında iletişim sağlar.

004

Dijital reklam ajansı Xander bunu kendi web sitesinde gösterir. Ana sayfa, minimalizminde neredeyse aşırı olmakla birlikte, gerçekten de, gözün üst kısmındaki göze çarpmayan bir şeyin yokluğuna dikkat edin. Kullanıcılar, gizli menüyü hemen arayabilir ve sağ üst köşede bulabilirler. . Desenin bu itaati, kullanıcıların bakış açısından kafa karışıklığını ortadan kaldırır ve hemen sitede ne istediklerini bulmaya çalışır.

Sadece bir fad değil

Şimdi bile, hamburger menünün her yerde bulunmasına rağmen, hala bazı çevrelerden eleştiriler çekiyor. Hem mobil hem de masaüstü olarak birçok sitede yaygın olarak benimsenmesi, bunun için bir talep olduğunu gösterir, ancak şüpheler devam eder.

Bu noktada, hamburger menünün hem küçük hem de büyük birçok ana sayfada kalıcı bir fikstür olduğu aşikar. Tasarımcılar, navigasyon problemlerini verimli, akıllı ve kolay bir şekilde çözdüğünü anladığından geçen bir faddan daha fazlası. İşte bu yüzden navigasyon menüsündeki bu yaklaşım, web tarama alışkanlıklarımızda sağlam bir şekilde yer alıyor.