Android interface design specifications-6

Application Structure

Applications have many layout changes to meet different requirements. For example:

L apps like calculators or cameras are built on a single screen to process only one core function.

L like a phone application, it is switched between several different activities, and it has no deeper navigation.

L like Gmail or store applications, there is a deep view navigation, and each view has some data.

The structure of an application depends largely on the surface content and tasks that you want to present to users.

General Structure

A typical Android Application consists of a top-level view to a detailed content view or an editing view. If the navigation hierarchy is deep and complex, use the directory view to connect the top-level and detailed views.

Top View

The top-level applications are generally supported by your applications with different opinions. Your application exposes a completely different functional aspect.

The top layer of an application usually includes the different views it supports. The view not only displays the same data in different ways, but also displays different functions of the application.

Directory View

The directory view can go deeper into the lower-layer data.

Detailed View/Edit View

The details/edit view shows or creates data.

Top View

Pay special attention to the layout of your startup screen. This is the first screen a user sees when starting your application. Therefore, it should have the same experience for both new and old users.

Ask yourself: "What is a typical user most likely to do in an application" and build the first screen experience accordingly.

Forward content

The core of many applications is content presentation. Avoid navigation only on the interface, and allow users to quickly obtain the content they want on your first screen. Select a layout that is visually appealing, appropriate content type, and screen size for the first screen.

It is the first interface for Google store apps. From the first interface, you can navigate to apps, music, books, movies, and game stores. This interface also provides customized promotions and promotions, which enrich the user experience. From the above search operation bar, you can easily perform search operations.

Set navigation and operations on the action bar

Provide consistent navigation and main interface actions in the action bar displayed on all screens of your application.

In the top-level view, you must consider the action bar as follows:

L use the action bar to display the application icon or title.

L if the application's top-level view contains multiple views, or you often need to switch between different user accounts, in order to ensure that users can easily navigate between different views or accounts, add a view control in the action bar.

L if your application allows people to create content, there will be a portal to create content from the top layer.

L if the content is searchable, the action bar should contain the "Search" action so that users can search through the navigation hierarchy.

It is an efficient, easy-to-use, and high-density data list application. Navigation supports switching between different accounts and recently accessed tags. You can create a new email or search in the split action bar at the bottom.

Create a unique identifier for the Application

Create a unique identifier for your application that is more important than the action bar. Applications need to create unique identifiers through data arrangement and how users interact with them. Especially for rich media applications, it is more important to create a unique layout to display your data than a simple list view.

It is the cover of a 3D carousel Trojan to show music. This is a unique identifier of this application. By default, some of the last songs you have heard are displayed in the latest audition.

Directory View

Generally, data can be viewed and managed in a deep-level data-based application, generally at the level of the Organization directory view and detailed view, to make your application-layer order less deep and minimize the user's perception of navigation.

Even though the vertical navigation steps from the top-level view to the Detail View usually depend on the content structure of the application, there are several ways to reduce the heavy navigation between views.

Combination of the Category tab and data display Tab

If you are familiar with the category or the number of categories is small, it will be very successful. It has the advantage that it removes the level-1 inheritance relationship and remains at the core of the user's concern. The horizontal navigation between rich data categories will give you a casual browsing experience, without the feeling that it is a clear navigation step.

If the classification is familiar, predictable, or closely related, use a rolling label (for example, not all items are displayed at the same time ). The number of Horizontal Rolling labels should be kept within a controllable range to reduce the difficulty of sailing. Rule of thumb: no more than 5-7 labels.

Is a Google Store application that uses tags to Display category selection and category content. Navigation between categories can be left/right sliding.

If the tab category is not closely related, agree with the fixed tag, and all categories are displayed. Do not slide.

It is YouTube that uses fixed tags to switch between independent functional areas.

Allow penetration level

The shortcut allows users to quickly reach their goals. In order to allow users to operate data items in the list or grid view from the top-level call list, use the drop-down menu on the List View to directly access data item operations. This allows users to directly call deep operation operations without having to navigate deep layers.

It is a music application. You can take actions on a data item (Song) in the category view (Album page), so that you do not need to view the detailed information of a song.

Multiple Data items

Although the directory view is mainly used to guide users to the detailed content view, remember that datasets are often operated.

For example, if you allow the detailed view to delete a project, you should also allow the user to delete multiple projects in the category view. Analyze which detailed view operations are applicable to the collection project. Then, you can use multiple options to apply these actions to multiple project category views.

Detailed View/Edit View

The detailed view allows you to view and operate data. The layout in the detailed view depends on the Data Type displayed. Therefore, the layout varies greatly in different applications.

Layout

Consider the operations that the user will perform in the detailed view to arrange the corresponding layout.

The detailed view of the application aims to display the address book options. The list view allows you to efficiently browse and quickly access phone numbers, email addresses, and other information. Split and combine the phone and text messages with a split line.

Light-off mode

Immersive content like media and games gives users the best experience in full screen without interference. However, this does not mean that you cannot provide other actions, such as sharing, commenting, and searching. If the user does not interact with the content for a short period of time, the action bar and all system UIS will disappear automatically, allowing the user to browse the content well. We call this light-off mode. If you want to perform some operations, you can touch the screen and exit the light-off mode, and the action bar appears.

The detailed view of Google Books is the best experience in the light-off mode. You can use the light-off mode and page flip animation to read the actual content.

Ensures efficient navigation between detailed views

If you want to see multiple projects in the sequence, you can navigate between detailed views in the project. Use swipe card attempts or other technologies such as thumbnail view controls to achieve this goal.

Gmail uses the swipe view from one detailed view to another detailed view.

In addition to sliding gestures to move the left and right pages, you can also provide a thumbnail View Control for the magazine, allowing users to quickly jump to a specific page.

By Bruce Lee
Source: http://www.cnblogs.com/BruceLee521
This blog Original article is copyrighted by the blog and I share it with you. You are welcome to reprint it. However, you must keep this statement without the author's consent and provide the author name and original article connection clearly on the article page, otherwise, you are entitled to pursue legal liability.