We all know the infamous hamburger menu. It's those three lines that stretch horizontally, that tries to look like a vertical list. It's become incredibly ubiquitous ever since website had to update their websites to support mobile resolutions.
And I hate it. I despise it. The user-experience is terrible; why hide such an import piece of your website behind a mandatory interaction? Do you have more than four items? Having more then four/five items in a menu will overwhelm many people, so maybe you should not even bother.
Why not show the four most important items, and hide the rest behind a menu? You don't have to hide your entire menu. Let people click on 'Contact' without first having to wade through the terrible experience of opening a drawer.
Why not use a horizontal scrolling menu? It's sleek, and doesn't overwhelm the user.
They're also nearly always at the top of the page. That was fine when phones where smaller, but with the current trend of tall and big phones (not to mention smaller tablets) it takes me having to reorient my hand to get to it.
Hamburger menus add bulk, they add useless complexion. They add a terrible interaction that should have never existed in the first place.
But I have to use it, because clients demand it. Because it's recognisable.
Do any of you have any tips how to deal with this?
I haven't written many posts. Would you like to read more things? About JS, ES6, ReactJS, Preact, (S)CSS? Might be able to whip something up if you want, so let me know.
20+ Free Startup and SaaS Business Landing Pages
Ayro UI -
🚀10 Trending projects on GitHub for web developers - 21st August 2020
Iain Freestone -
Things I'd do differently if I had to start with programming all over again!
Reasons why I love using Chakra UI for React
Burhanuddin Udaipurwala -