Jan 9, 2020
seen from China
seen from United States
seen from United States
seen from China
seen from United States
seen from United States
seen from Netherlands
seen from Germany
seen from China
seen from China
seen from United States
seen from United States
seen from Germany
seen from Türkiye
seen from Malaysia
seen from Russia
seen from Germany
seen from United States
seen from T1
seen from United States
'Hamburger menu' advantages and disadvantages
Many of us like hamburgers. We are not an exception. And we are talking about the hamburger menu, a navigation element you can find on websites, apps, and programs. And what did you think about? It’s a very popular tool for mobile UX design. So, let’s explore the ‘Hamburger ...
It turns out that the burger comes from the Xerox "Star" personal workstation, one of the earliest graphical user interfaces. Its designer, Norm Cox, was responsible for the entire system's interface—including the icons that would effectively communicate functionality to the earliest computer users.
Who Designed the Hamburger Icon?
Great web design is about putting the customer in control of their journey, not controlling their journey.
Great web design is functional and fast-downloading, not some carousel of organizational egos. The next time your customer wants a link, please don’t give them a hamburger.
The hamburger button has become a common symbol on our smartphones, tablets and computers. But what is it?
"The results all came out the same - the icon is not as clear to some users as developers and designers think it is."
“Hamburger icon: How these three lines mystify most people,” BBC Magazine
20 Website Examples with Hamburger Icon Design You’ll Love
Advertise here with BSA The hamburger icon is one of those UI features that are so old you could not even find an author. But after browsing the web for a while, it turned out that the hamburger icon comes from the Xerox Star personal worksection. It’s one of the earliest graphical user interfaces. Its designer, Norm Cox, designed system’s interface including the icon itself. The hamburger icon looks like a list and is a great way to remind users of a menu list. These days hamburger icon is used to save space on the screen and denotes a hidden menu. Lately a lot of websites with video and full-size image backgrounds appeared, so hamburger icon is the best option for such kind of pages. When clicked on it, the user would be allowed to navigate the website menu. I collected 20 website examples with hamburger icon designs which mean hidden menu. Scroll down and enjoy! Jam3 Outdated Browser Port SERGE THORAVAL Wild Fixed Agency Huge Adventure Cantina Negrar Biamar Editions Flat or Not PRPL Mobee Minute of Silence HLK Agency Pollen Kirichik WandaPrint Killing Kennedy http://dlvr.it/6flqjG www.regulardomainname.com
Hamburger icon. Good or bad?
I've been reading some articles about the famous hamburger icon and it's been interesting. Should it be avoided? Do you need it? Is it a bad thing even though it's a common convention? Would moving away from it mean using other types of different design patterns? Should the hamburger icon applicable to certain devices (mobile vs. desktop)?
Do you think about design trends and instantly hop on them?
Why and How to Avoid Hamburger Menus
Annnnd another article on why hamburger menus can be bad for user engagement and usability. :)
In particular I appreciated his addressing of navigation menus with more than 5 items:
But how does the Tab Bar scale beyond 5 items?
Such situation isn’t ideal and it might indicate again an issue with the IA of your app, but if you must expand beyond 5 tabs, a common pattern is to use the last Tab Bar to provide access to the remaining options, similar to a basement menu unfortunately.
Read the full article here.