Whether to use the hamburger menu or use the tabbed navigation is a question that mobile UI designers often struggle with. For now, with the uncontrollable expansion of mobile screen size, tabbed navigation seems to be more and more popular.
However, it is worth noting that on mobile APPs will be more inclined to use tabbed navigation, while the vast majority of mobile websites will still use the hamburger menu as the main navigation tool. It is worth noting that the design of the hamburger menu is gradually b2b data decreasing in usability on the current larger and larger mobile phone screens.
key pain points
Most of the time, we use our mobile phones while traveling, on the subway, in the supermarket, or on the way to and from get off work. At this time, we often cannot operate with both hands, carrying a bag, or holding a cup of coffee, or holding on to the subway. armrest. But often at this time, we need to interact quickly with the interface.
Most traditional mobile website navigation is either at the top or the bottom of the page, but the problem is that the mobile screen is too big. The hamburger menu icon on a web page is often located in the upper left or upper right corner of the phone, exactly where the thumb is furthest away.
challenges faced
Faced with this pain point, UI and UX designers have not ignored it. Many designers work with developers to place a small fixed navigation bar at the bottom of the website interface. When browsing on the desktop, it looks like a navigation floating in the header, and on mobile, it is a combination of quick-access small navigation buttons that are suspended and fixed at the bottom of the page.
This attempt then evolved into a series of quick-access function buttons near the hamburger icon, which represent important, commonly used functional elements of the site, which could be navigation, phone calls, links to specific pages, and so on.
The problem is that on the iPhone X, even with this designed navigation, there are still usability problems, and the buttons that carry the main browser interaction need to be triggered from the top of the interface. At the same time, the built-in menus at the bottom of web pages are actually distracting and the whole experience is fragmented.