The following picture is a screenshot of the book "UI Design Patterns for Mobile Applications", which lists some navigation modes suitable for main navigation. Among them, springboard navigation, list navigation and tag navigation are the most common, tool navigation and metaphor navigation are generally more common in quasi-physical design or tool-based apps, and super menu navigation is rarely used now. Due to the rapid development of this industry, there are also some navigation modes that are not listed in the book, but they are also common now. For example, the design of side drawers in Android has also been widely used in ios. The drop-down menu will also appear as the main navigation. Below are some modes listed in the book that are only suitable for secondary navigation: such as page roulette, picture roulette, inline expansion of list, and some super menu navigation are also used as secondary navigation. One: Springboard Navigation The characteristic of springboard navigation is that the menu options in the login interface are the starting point for entering various applications. There is no special requirement for the operating system, and it performs well on various devices. It is sometimes called. Quick start board? (Launch pad). Generally, as the main navigation, the commonly used layout methods are 3*3 (commonly known as nine-grid layout), 2*3, 2*2, 2* 1 grid. But you don't have to stick to the grid, you can also enlarge or shrink the grid in different priority order to highlight the layering of the content. Meitu Xiu Xiu adopts 2*3 springboard navigation mode, and highlights the priority by turning pages up and down. ASM uses the springboard navigation of irregular grid to highlight the priority of content. In the combination of springboard navigation and other navigation, it is generally used as an auxiliary navigation. Common combination mode: Tab+ springboard Ctrip's home page is a combination of Tab navigation and springboard navigation. One of the most common main navigation methods of list navigation can be divided into grouped list, personalized list, embedded extended list (generally used for secondary navigation) and enhanced list (after adding search, browsing or filtering functions to a simple list menu). Grouped list is used in ios settings. Personalized list is used for the first page of photo stickers. In the ios version of Evernote, the design of mixed springboard navigation is adopted, in which the list navigation adopts grouped list and extended list. Pinterest's secondary navigation in search is enhanced list. Three: Tabbed navigation Almost all apps use this navigation mode as the main navigation. Depending on the operating system, the location and design of the tabs are different. The ios tab is at the bottom and the Android tab is at the top. Other navigation modes and tabbed navigation are usually used as auxiliary navigation when used together. The ios version of Polyvore uses the bottom tab navigation: keep's ios also uses the bottom tab navigation. The Android version of Flickr uses the standard Android tab design at the top. In Forever 2 1, tabbed navigation and picture roulette navigation are used. Among them, wheel navigation is secondary navigation. In Wanelo, tabbed navigation is used together with tabbed navigation, which is also common in apps. The main navigation used by Snapette is tabbed navigation with drop-down navigation. The secondary navigation used by Snapette is drop-down, in which the drop-down navigation is arranged in a list. Hunting uses main navigation and roulette navigation as tabbed navigation mode. In Dao Jiang, the main navigation is tab navigation with exhibition halls and drawers. Four: Gallery-based navigation Gallery-based design realizes navigation by displaying various content items on the plane, which is mainly used to display some articles, recipes, photos, products and so on. , which can be arranged as roulette, grid or slide show. The homepage navigation mode of BBC News Taobao adopts gallery navigation as the main navigation and drawer navigation as the auxiliary navigation. The second navigation used by Taobao is drawer navigation, which adopts the design of springboard navigation 2*3. Five: drawer navigation originated from a navigation mode of Android and is also very common in ios. Generally, it is used as a first-level navigation in Android, and it is often used as a second-level navigation together with other first-level navigation modes in ios. Evernote for Android uses side drawer navigation mode. Side drawer navigation mode adopted by Foursquare for ios. The table navigation of the six-instrument navigator provides a method to measure whether the key performance indicators (KPI) meet the requirements. After the design is completed, additional information can be displayed for each measurement. This main navigation mode is very useful for business applications, analytical tools, and sales and marketing applications. In the statistics of the perfect wardrobe, the second navigation uses instrument navigation. Tool navigation in Mint and Ego applications (examples in the book) VII Metaphorical navigation is characterized by imitating the metaphorical objects of the application with pages. This kind of navigation is mainly used in games, but it can also be seen in applications that help people organize things (such as diaries and books) and classify them. The choice of custom in Candy Crushing is metaphorical. Eight-menu navigation, a navigation method, is rarely used in the current app design, and is generally used as the secondary navigation of classified retrieval. It is very common in the navigation design of mobile phone websites. In this app, super menu navigation is used as secondary navigation. (Sorry, I forgot the name of this app *? (☆ _ ☆) Nine drop-down navigation is a common navigation method in mobile websites, but it is not very common as a unique navigation in app. The home page of ios in Iivingsocial uses drop-down navigation as the only navigation. Summary: Personally, I think the future trend is to dilute the differences between platforms, and try to seamlessly connect the experiences of various applications on different devices through a set of designs, which also saves manpower and material resources. Through the above summary, it is not difficult to find that the design differences between the two systems are gradually merging and narrowing. So when choosing navigation, you should not be limited to? Standard design? Yes, but it should be based on? Content? Think about the first idea.