App Navigation Design Nine method

Recently in the design of the app prototype, using Excel, with Axure. But no matter how the tool, the interface layout of the product itself and the interactive design really can not escape! The web has a summary of app navigation design:

The First kind: App tag navigation Ease of use: ★★★★★ fun: ★

The label navigation is located at the bottom of the page and usually contains 5 labels that are more appropriate. This kind of navigation is very common and can be used if you need to switch frequently between pages. Its disadvantage is that it will occupy a certain height of space. such as the latest version of the app interface design diagram.

The second type:app rudder navigation ease of Use: ★★★★★ fun: ★

A variant of label navigation is now popular, as the individual calls it "rudder navigation" because it is styled like a rudder on a ship, with other operating buttons on either side. This app navigation mode can be used when the page has several large sections at the same level and requires a very important and frequently-operated portal. such as the Grape Club app.

The third type:app drawer navigation mode

Drawer navigation is a menu hidden after the current page, click the Portal to pull the menu like pull drawer, the advantage of this navigation is to save the page display space, let the user focus more attention to the current page. More suitable for apps that don't need to switch content frequently, such as setting, about, and so on. This navigation design needs to be aware of the need to provide a menu-drawn transition animation.

Fourth: APP Gongge navigation (e.g. nine Gongge)

This Gongge navigation is all about aggregating the main portals in the page, allowing the user to make a choice. Such organizations do not allow users to see the content in the first time, the choice of pressure, the use of such navigation has become less, often used in the level two page as a graphical form of the table of contents, or as a series of tools to aggregate the entrance.

Fifth: App hybrid Combo navigation

Combined navigation is used when users need to focus on the content and need some shortcut portals to connect to certain pages. The shortcut entry is shown in the Gongge form above the combined navigation, and unlike the label navigation, there is no need to have a lateral relationship between the entrance gates, or to include the entire hierarchy of content, which you can interpret as a graphical text chain. This kind of navigation is more flexible and can adapt to the rapid adjustment of architecture.

Nineth Type Point-Clustered navigation

Point-and-click Navigation, which gathered multiple core functions to the main interface for user-friendly use. Because of the small footprint of the point-clustering, it often occurs in some major process interfaces. Will generally incorporate some dynamic interaction effects to make navigation more interesting. In the gradual evolution, the dot-form will carry other navigational styles (such as tabbed). in the design process, according to the actual needs, combined with content selection of the most appropriate navigation form, should not follow the following or start from the form to ignore the navigation menu of its own characteristics.

App Navigation Design Nine method