Read the list first, then use the list correctly

Introduction

As the company moves towards the Internet, at present, we have dozens of mobile apps online, but the design strategy and specification differences between each application lead to our own design brand is difficult to highlight, slightly messy, and the difference of the principle of interaction leads to the difference in the interaction between each application is quite large, Obviously is the same series of the same type of application, but use two different interactive framework, to the user's learning and use of a lot of inconvenience.

In this case, our user experience department through the establishment of the mobile special research team to carry out step-by-step, long-term mobile application design model research, hope to be able to through our efforts, and constantly improve our mobile application design mode, and ultimately our Kingdee brand mobile applications in the ease of use, easy to learn to reach the industry-leading height, Design style can also be unique.

Next, we will publish a series of articles on mobile ad hoc, gradually share our research process and results, each of our articles with a version number and update records, we will continue to improve and supplement each article in the case and template, for the product line design reference.

Our team made a special analysis of the list of mobile applications to help us better understand the list.

A list is a finite sequence of data items, that is, a set of data items arranged in a certain linear order, and the basic operations performed on such data structures include finding, inserting and deleting elements. With the advent of mobile Internet mobile products have exploded in growth, the list has been a lot of applications in mobile applications. As an important presentation way of content information in mobile products, it can make the information organized and convenient for the operation of list information. Therefore, the understanding of the list, and the correct use of the list, for us to do product design when there is an important help.

　　Basic elements that make up a list

Mobile applications as a product to promote the exchange of information, it is the carrier of information is also my commonly used text, pictures, sound, video and so on. The composition of the visible list can not be separated from these basic carriers, in addition to a number of small controls, such as: Buttons, selection boxes, pop-up boxes and so on.

See how the list in the following picture combines these elements.

　　Two, commonly used several kinds of list style

A. Text-oriented list style

1. Competition goods Show

2. Analysis

This type of list is primarily intended for a list of text messages, where no pictures or pictures are important information. In addition, there may be a number of buttons in addition to text, selection boxes, and other interactive controls to assist the interaction of the list.

3. Output text-oriented list style specification

B. List style with picture information as the main

1. Competition goods Show

2. Analysis

This kind of list mainly applies to picture information as the main content of the list, such as shopping, diet group, photography and other picture information is particularly important for the selection of such a list to display information.

3. Output to graph-oriented list style specification

C. List style and text

1. Competition goods Show

2. Analysis

This kind of list mainly applies to the picture information and the text information important degree equivalent list, for example some has the thumbnail graph, the graph data, needs the text combination to express the content. It is more appropriate to use this type of list style.

3. List style specification for output and text

　　Analysis of List Interactive action

1. Competition goods Show

2. Analysis

List of interactive way more, in different platforms and different requirements we will choose different ways to meet our needs, it is because of more interaction, if we are not reasonable choice of words will lead to the confusion of product interaction and user learning habits of deviation.

3. Output List Interactive action specification

　Four, List interactive area analysis

1. Competition goods Show

2. Analysis

The list is not only interactive, but also interactive areas are various, the above competition in the common interaction area of the analysis, the purpose is to find some list interaction rules and behavior habits, so that we more standardized design of the interactive area of the list. Here only to the current list of the interactive area analysis, as for the side pull out or bounce out of the interactive area is generally the main button, indicative strong, here we do not do analysis.

3. Output List Interaction area specification

　　V. Correct use list

The above analysis of the three dimensions of the list will help us better understand the list and hopefully help us to better use the list in the future design process, and here's how to better use the list.

1. Flexible Use list: In the design process of the list should be based on the product to express the content of the data relationship needs to design the list, the premise of doing this is that you need to be clear about the basic elements of what you want to express, and comb through their important hierarchical relationships before making a logical arrangement. Must not apply mechanically.

2. Respect for the user's cognitive habits: in the process of arranging the combination of not only to consider the content of the relationship between the expression of data, but also to consider the user's cognitive habits, so that users can see it is the best, even if you can not do this to ensure that users will learn.

3. Interactive action design can not be careless: first of all, the design of interactive action should meet the needs of the content, but also to consider the consistency of the entire product interaction and platform compatibility. Secondly, the interactive mode should conform to the user's operating habits. Third, if it is an innovative interactive action to ensure that it is easy to learn and ease of interaction.

In short, the list as a common interaction mode, it precipitates a certain data logic relationship and user behavior. Understanding the logical relationships behind it can help us better design and use lists. Help to solve the problem in the real product, this is also the significance of this special event.