3 Satır Menü Simgesi: Hamburger Menüsü Nedir?

Size web sitelerinin ve akıllı telefonların içinde hamburger olduğunu söylesem? Muhtemelen ilaçlarımı bıraktıktan sonra tamamen kaybettiğimi düşünürdünüz. Ama kesinlikle doğru, seninle dalga geçmiyorum.

Bugün akıllı telefonunuzda veya bazı web sitelerinde bir uygulama açtığınızda, bir hamburgere, yani bir hamburger menü simgesine bakıyor olabilirsiniz.

Hamburger Menüsü Nedir?

Hamburger menüsü (bir yan patates kızartmasıyla birlikte gelmez), şu anda birçok ekranın üstünde, en solda veya en sağda gördüğünüz üç yatay çizgidir.

Aslında bir ikon.

Simgeye dokunulduğunda, dokunulduğunda veya tıklatıldığında, çeşitli seçenekler veya ek sayfalar içeren bir yan menü açılır.

Bazı geliştiriciler, uygulamalarına veya navigasyonlarına daha fazla özellik eklemelerini sağladığı için hamburger 3 satırlı menü simgesini seviyor. Küçük simge, minimum miktarda ekran alanı kaplar. Uygulamaya veya siteye temiz, minimalist bir görünüm verir.

Uygulama kullanıcısı veya web sitesi ziyaretçisinin menüyü içeri ve dışarı kaydırmak için düğmeye basması yeterince kolaydır.

Ya da öyle düşünebilirsiniz.

Bununla birlikte, diğer geliştiriciler ve bazı kullanıcılar, hamburger menü simgesinden kesinlikle nefret ediyor veya sadece şaşkına dönüyor. Neden? Çünkü üç satırın aslında bir menü simgesi olduğu tüm kullanıcılar için açık değildir ve kullanıcılara orada ne olduğunu söylemez.

Hamburger Menüsü İkonunu Kim “İcat Etti”?

Her yerde bulunan hamburger menüsü simgesinin arkasındaki vizyoner, Norm Cox adlı yaratıcı bir öncüdür. Otuz yılı aşkın bir süre önce dünyanın ilk grafik kullanıcı arabirimi olan Xerox Star için orijinal olarak tasarladığı evrensel bir sembol olan artık her yerde hazır olan hamburger menü simgesini yarattı.

Bununla birlikte, ortaya çıkışından sonra ikonik görüntü, göreceli bir belirsizlik dönemine girmiş gibi görünüyordu.

Simgenin yeniden dirilişi, mobil cihazların yükselişine kadar izlenebilir. Bu dönemde, 2008'de, üç çizgili simge ilk olarak Twitter uygulaması Tweetie'de görünerek yavaş yavaş geri gelmeye başladı.

Ertesi yıl, simge, iPhone 3GS için Sesli Notlar uygulamasının arayüzünde yeni bir yuva buldu.

Small Business Trends ile yaptığı bir röportajda Cox, eserinin yeniden dirilişinden duyduğu şaşkınlığı paylaştı: “Son zamanlarda küçük 'hamburger' sembolünün gördüğü tüm ilgiye kıkırdamalıyım. Yaklaşık dokuz ay öncesine kadar, 30 yılı aşkın bir süredir 'tasarım kariyeri kovamdaki damlaları' düşünmemiştim!

Sembol için beyin fırtınası yapılırken birkaç alternatif düşünüldü:

• Ortaya çıkan menünün görüneceği yönü gösteren, üçgen şeklinde aşağıyı gösteren bir ok. Ancak bu, genellikle bir işaretçi olarak yorumlandığı için reddedildi.
• Yıldız işareti (*) veya artı (+) sembolü de dikkate alındı, ancak soyut yapıları nedeniyle sonunda atıldı.

Sonunda Cox, üç çizgili hamburger görüntüsünün mükemmel dengeyi yakaladığını söyledi: "Bu sembol görsel olarak basit, kolayca açıklanabiliyor ve işlevsel olarak akılda kalıcıydı. Üç satır mükemmel sayıydı.”

Basit ama güçlü bir tasarım öğesi olan hamburger ikonu böylece kullanıcı arabirimi tasarımı dünyasındaki yerini sağlamlaştırdı ve sadeliğin zamansız çekiciliğinin bir kanıtı olarak ayakta kaldı.

Bu Ünlü Hamburger Menüsü Simgesini Hangi Web Siteleri veya Uygulamalar Kullanıyor?

Uygulamalarında hamburger simgesini kullanan öne çıkan isimlerden bazıları Gmail, Facebook, Reeder, Twitter ve Starbucks'tır.

Ve artık web siteleri ve tarayıcılar da 3 satırlı menü simgesini benimsemiştir. Sağ üst köşedeki menüyü kullanan Chrome ve Firefox tarayıcıları buna bir örnektir. Hamburger menüsü tüm seçenekleri, ayarları ve uzantıları gizler. Ve tarayıcıdaki bir şeyin düzeltilmesi veya güncellenmesi gerektiğinde simge turuncu renkte yanar.

Time.com, hamburger menüsünü kullanan büyük bir web sitesine örnektir - bu durumda sol üst köşede. 3 satırlı menü simgesine tıkladığınızda, ek içerik bağlantılarını gösteren bir slayt belirir.

Bazı uzmanlar, hamburger menüsündeki fonksiyonların neredeyse hiç kullanılmadığına dikkat çekiyor.

Her şeyden önce, birçok kişi 3 yatay çizginin aslında bir görüntü değil, aslında bir menü simgesi olduğunu henüz anlamadı.

İkincisi, hamburger simgesi gizli menüdeki bilgileri "gözden, akıldan ırak" hale getirir. 3 satırlı menü simgesine gerçekten tıklamadıkça veya dokunmadıkça, oradaki seçenekleri görmezler.

Gerçekten de, Time.com örneğinde, sembolün ne olduğunu daha açık hale getirmek için simgenin altına "menü" kelimesinin eklenmesi gerekiyordu.

Hamburger Menüsüne Daha Az Bağlı

Çeşitli geliştiriciler, hamburger simgesi ve eksikliklerinden duydukları hoşnutsuzluğu dile getirdi.

Bazıları, moda olmasına rağmen simgeyi kullanmayı reddediyor.

Ancak değişiklik yapan en yüksek profilli şirket Facebook'tur. Kesinlikle açık olmak gerekirse, Facebook ondan tamamen kurtulmak istediğini hiçbir zaman açıkça belirtmedi. Ancak Facebook, daha önce hamburger simgesinin arkasına gizlenmiş olan bazı mobil özellikleri ortaya çıkarıyor.

Artık ekranın alt kısmında, sekme çubuğu adı verilen yatay bir çubukta görüntülenirler.

Alt sekme çubuğu ekranda biraz daha fazla yer kaplıyor, ancak belirli işlevleri daha belirgin hale getiriyor.

Addappt CEO'su ve Kurucu Ortağı Mrinal Desai ile konuştuk. Aynı zamanda kitle kaynaklı bir uzak teknoloji uygulaması olan ve sonunda AVG Anti-Virus'a satılan Crossloop'un da arkasındaydı.

Small Business Trends ile konuşan Desai, "Hamburger menüsü gerçekten ayarlar için değil," dedi. “Neredeyse bir 'daha' gibi ya da 'sekme çubuğu'na bir alternatif olarak bile düşünülebilir. İkisini birden görmek nadirdir, ancak Addappt'ta biz bunu bir prototiple keşfettik ama sonunda 'sekme çubuğu' rotasına gitmeyi seçtik.”

"Bu kararlar genellikle uygulamanın amacına bağlıdır. Hamburger simgesi, işlevleri devre dışı bırakma eğilimindeyken, sekme çubuğu onları daha belirgin hale getiriyor," diye ekledi Desai.

Hamburger Simgesi Oluşturucu Son Sözü Söyledi

Peki kendi web sitenizde, mobil temanızda veya uygulamanızda bir hamburger menü simgesi kullanmalı mısınız?

Simgenin orijinal geliştiricisinin son sözü söylemesi gerektiğini düşünüyoruz.

Cox, hamburger ikonunu öldürme çağrıları sorulduğunda, "Sembolün uzun ömürlülüğü (1980'lerden beri) basitliğinin, kullanışlılığının, öğrenilebilirliğinin ve akılda kalıcılığının bir kanıtıdır" dedi.

"Kötü kullanım veya uygulamaya dayalı olarak bir UI aracını veya parçacığını 'öldürmeye' veya 'kaldırmaya' çalışmak hem biraz ileri görüşlülük hem de aşırı tepkiseldir."

Bu tablo, simgenin geçmişini ve yaratılışından yeniden tanıtımına ve mevcut yaygın kullanımına kadar farklı dönemlerdeki kullanımını inceleyerek, alımının ve uygulamasının zaman içinde nasıl değiştiğini vurgulamaktadır:

Shutterstock üzerinden Hamburger, Red Icon Fotoğrafları