Stream design in mobile applications

Mobile scenarios

Composition
Node
Stream

Next, we will elaborate on the visual focus, contacts, and the stream between them, and strive to provide some different ideas in the detailed design of the application.

GRASP users' visual focus

Visual focus needs to be applied to the focal point of information. How to make users more clearly see what users want to see, or what products users want to see, Interaction designers need to consider what the focus is, rather than just the logic structure. For example, in the left diagram, the traditional design style uses the background color of the title and the font to make the user's visual focus more focused on the title, because the logic seems clearer. However, if you prefer to focus on the content rather than the title, you can highlight the content by distinguishing the content from the prefix and prefix relationship of other content in the right image. CATEGORY search is more suitable for the former, because you need to focus on the title to quickly locate the information you need.

Contacts are the embodiment of direct control of mobile applications. On the touch screen of mobile devices, most of the guiding operations and operation feedback are visually assumed without block sensing and tactile feedback of physical buttons. Studies on many users show that the light orange area is the heat Area of the right thumb, and the visual click area should not be less than 44px. Due to the parallax relationship, the actual operation area is slightly larger than the visual area and is down.

It is the design of a Sudoku game. It deliberately isolates the visual focus and contacts, designs an affinity circle area for the touch, and reduces the problem that the visual focus is blocked by fingers, considerate and considerate.

The click contacts actually continue the PC interaction mode, but lack the hover state of the PC end. To ensure that the user obtains the information of the click result, you can split it into two clicks. For example, to download an app in the iOS market, the price is displayed first. After you click the price, the button changes to download, and the information is confirmed by adding a click. In order to prevent point errors, the better way is to change to the contact of the sliding gesture. Generally, sliding requires a certain distance to be considered as an operation. For example, in the iPhone unlock mode, you can unlock the screen lock status only when sliding from left to right. You cannot perform such operations by mistake. At the same time, the user's sliding process, through the slider control sense, has enough psychological expectations on the operation results, can bring a smooth experience.

This article is excerpted from mobile design.

Fu Xiaozhen Hu Jia Chao Zheng yuan

Published by Electronic Industry Publishing House