As I mentioned above, the radial menu is more suitable for a bigger screen as this work is mainly for a touch pad instead of mobile screen. Nico Salomone designed the radial menu for picking elements in a VR project. Though this menu design is trying to simplify the scrolling process by putting all the menu categories in a circle, it actually has a higher interaction cost and users might get confused when using the menu. Here's a concept of the radial menu idea by Howard Moen. However, this radial menu design is more suitable for touch screen devices and it seems a bit old-fashioned when applied to today’s mobile menu design. Usually, the sub-menu options pop out from the hamburger menu icon. The radial menu or pie menu is a variation of the hamburger navigation. With a hamburger icon menu and smooth animation of sub-navigation icons, it is a truly awesome concept applying minimalism and usability.
This financial app concept is designed by Johny Vino.
This combination increases the usability and yet keeps the UI clean. Created by Taras Migulko, it uses both a bottom menu bar and a hamburger menu as a sub-navigation. The lively mood and the smoothness of the animations are great eye candy. This design is a book store app using the outline of a white fox on a bright red background as a logo. The hamburger menu below is designed by Alex Zubenko, who combines vertical icons layout and Neumorphism. By playing with light and shadow to highlight a content area or module, the overall feeling becomes more immersive than a flat design. New entry animationĪt the end of 2019, Neumorphism, a new quasi-physical design style became a thing. A bonus point is that the hamburger menu is available for both left-handed and right-handed users.
Each has its pros and cons based on usability and user interface.Īccording to the thumb zone design, the hamburger button is more comfortable for the user compared to the top and side bar menu. In this article, we present a list of curated 20 mobile menu designs which cover hamburger, radial, top, bottom, and side navigation categories for your inspiration. However, we still find other menu navigation designs such as the sidebar and the top menu bar. According to this design discipline, UI/UX designers need to place the menu navigation at the bottom in most cases so as to decrease interaction cost. As phone sizes get bigger and bigger, there now exists what is called a thumb zone for mobile screens: easy-to-reach, hard-to-reach, and in-between areas.
0 kommentar(er)
