Nuggets Android Navigation Improvement process

Nuggets 2.9 new version has been launched, the Tab bar has made a relatively large adjustment. Let's take a look at the Nuggets, an App for programmers, designers, and product managers who can find quality articles every day in the Nuggets. In order to ensure the quality of the article, each of the participants have been carefully selected, they are from BAT and other companies.

This version of the iteration takes 3 weeks (1 weeks design, 1 weeks development, 1 weeks debugging)

Here we mainly share the integration process of the first Tab bar. Before sharing, let's review the changes in the Nuggets ' 1.0 ~ 2.8 Home Page.

Each iteration of the version, we have to adjust the home page, but the changes are not big. This version will be slightly larger.

This time mainly to solve the home page information presentation, and let different people in the home page can quickly get the content of interest .

As a strong professional application , users open the app want to see what the article, the user is very clear, this is different from the circle of friends. a front-end developer, for example, should see the front-end classification as soon as the App is opened.

The goal of this iteration is to quickly see the category of interest and quickly finish the relevant article.

As a content-based App, all designs are designed to serve the content. Version 1.0 to 2.0 is a most basic category browse. 2.3 Added the label function, the user can focus on the interest of the label, on the home page display related articles, thus filtering the other articles. 2.4 With People's attention function, the comments gradually began to come together, if you see a good article, you can focus on the audience, you will not miss his share of the article, but also in the dynamic to see his more behavior. 2.8 has a hot recommendation, is based on the user's attention tag to recommend. Open every day to see the most favorite articles by other users, you will not miss the user again filtered out the Good article.

When the volume of articles gradually increased, those who focus on more labels, the efficiency of browsing the article will be reduced. This is a simple judgment, but it still needs to be verified. we did a small-scale user survey and found that:

Users not only like to focus on a bunch of tags, but also through the classification to browse the article

For example, I am a designer, at the same time I want to learn the front-end, I do not only want to brush my attention to the label, but also brush the design and front-end articles.

How to better render the classification for more intuitive switching in the context of the browsing area that's what 2.9 needs to solve.

The red box is the browse area, now we focus on the entire top, to see the top of each entrance to the role and importance and frequency of use:

The problem with the sidebar is that it's too deep to hide and it's not easy to use. Although the mobile screen is getting bigger and larger, it is not a waste of space, but the top more than half space is wasted. notifications and dynamics can be combined, and the search is not used at this stage in a high frequency.

So we began to restructure, the more relevant import merger, personal related information proposed, search and dynamic, respectively into the discovery and notification. Consolidate six entrances into four:

The adjusted result saves more space and allows you to reserve a good position for level two Tab:

The following is the overall effect of adding level two tab, and when the user slides to the last tab of the first page, sliding again will enter the discovery page:

Google Photos has also started to use Bottom Navigation after it has recently been launched. But now I'm not really ready to accept the bottom navigation. Android Bottom Navbar itself has 3 buttons, plus 4, a total of 7. And the new version of Google Photos evaluation is not very good, and use the bottom, browsing space will be occupied some.

Do you have a better idea of this and welcome to the Nuggets to explore together,The Nuggets 2.9 version is now on-line, welcome experience.

Nuggets Android Navigation Improvement process