Anyforweb sharing: How to use the charm of mobile navigation to conquer users

Although the mobile side of the screen is now showing the trend is more and more, but the best position is still the size of gold, how to take advantage of these gold areas, and for the "confused" users to point to the maze, this is the work of the interaction designers focus.

If you're a novice in interactive design, this article may be rewarding. In fact, the interaction of mobile navigation does not seem so complex, as long as it can clarify the relationship between the type of navigation and user psychology have a basic understanding, such design results will make customers more satisfied.

Navigation no matter in the Web page or the mobile side all plays the irreplaceable guidance function, once the user cannot easily use the navigation function function, will immediately loses the interest to the website, jumps out is the inevitable result. Therefore, it is necessary to be well prepared before starting an interactive design.

The following is a anyforweb combined with their own summary of experience sharing, I hope to have just joined the interactive design ranks of the new people have been helpful.

Mobile navigation type with high frequency

Label Navigation

Label navigation is one of the most common forms of navigation, usually located at the top or bottom of the screen, so that users constantly switch on the function, so the comparison is suitable for the content is not clear enough to distinguish the navigation name, but because the screen size is limited, the number of categories generally controlled within 5.

The user experience of top label navigation is not as good as the label navigation at the bottom, based on the strong use of the mobile side. Top navigation is better for reading, and bottom navigation is more convenient for clicking.

Drawer navigation

Drawer navigation belongs to the hidden navigation, from the user's point of view is a better navigation experience, a good navigation should be "Beck, lingering." Compared to the label navigation, the drawer navigation design has almost no limit on the number of classifications, the user can click the Hamburger icon to expand the navigation list.

Gongge Navigation

Gongge navigation is a relatively beautiful navigation in the type of navigation, but for the new user's guidance is very small, the main problem is that the specific content is not clearly reflected in the navigation, just as the form of the site portal appears.

Mobile Navigation Design Friends Tips

Highlighting features

The importance of navigation in mobile applications is beyond doubt, and it is precisely because of this that the most streamlined and clear way to articulate content is the effect users need most. In addition, in the use of navigation, the user's visual design requirements will be reduced, whether the high-operability is the problem they really care about.

Maintain consistency

In the interactive effect of mobile navigation, designers should remember to maintain consistency. When the user has become accustomed to a way of operation, do not let users go through the process of learning familiar. In addition, it is also a user-like behavior to include some arrow markers and color differences to guide navigation.

internal and external structures are versatile

Navigation can be distributed across the mobile side of the interface, the design style can be adjusted according to the style of the interface changes, but the basic structure of navigation should always remain consistent.

Anyforweb Summary

All designs cannot be "gourd-based", and the navigation design of mobile applications is no exception. Navigation interaction Type There is no best solution, each has pros and cons, designers need to grasp the pros and cons of each type, and then according to the actual selection of the project to adapt to the most appropriate navigation mode.

This article was originally released by Anyforweb UDC Front end, for more information, please click on "Anyforweb share: How to conquer users with the charm of mobile navigation"

Anyforweb and Anyforweb UDC's official micro-blog has now been officially opened, welcome attention!

Sina Weibo : @AnyForWeb, @AnyForWeb UDC

attention please sweep :

Anyforweb Anyforweb UDC

Anyforweb sharing: How to use the charm of mobile navigation to conquer users