Replace the touch screen click operation

When analyzing N9 's sliding gestures, it analyzes how it replaces the iphone's http://www.aliyun.com/zixun/aggregation/3738.html ">home key" and puts forward the "replace click" argument. Summarize the previous articles to emphasize this design trend. Touch screen is to follow the mouse click operation, its own many unfavorable factors:

Display space. Control consumes display controls, and a 44-pixel square is also a valuable display space for the mobile interface.

Difficult to operate. Control needs to be placed in a particular location, because the screen is too large and the position of the handheld device makes some controls not easy to click.

Accuracy。 One is the precision of the click gestures, touch screen clickable area by the finger of the area decided. Second, the user clicks the landing point is usually below the target area center.

Size。 such as button-intensive Input method keyboard, the key, the user clicks more casual, fast but results in poor accuracy. The button is too small, causing the user to click More carefully, slower.

Shape。 Round and diamond buttons are less accurate than square buttons.

Location。 Easy to click around the thumb, but the lower right corner of the click is not as accurate as the top left button.

Metaphor。 Click and real life metaphor is very weak, the button by indicating a switch or a specific operation, but delete, download, turn off, open and switch operations and click there is no direct relationship, this is the mouse operation is more than a single relationship, touch screen mode of operation is more abundant, The natural user Interface (NUI) is more direct than the graphical interface (GUI), rather than a metaphor, as a direct manifestation of the physical world, to the most natural way of communication.

From more design weight can be seen, to slide and drag, such as gestures to replace the Click has become a trend of interactive design. With the example of sliding gestures, the use of sliding gestures in the design to replace clicks has many advantages:

More convenient. Sliding operation is easy to operate and even full screen operation compared with Click. An angry bird, when pulling a slingshot, does not require an exact operation of an area, which is used in the interactive design of many games. Also like Android3.0 sliding around the label.

Flat interface. such as iOS5 camera, the sliding interface can view the previous photos, the interface switch is not by clicking Jump, but a peer presentation.

Save the display space. such as the iphone Watercress main interface dropdown display search box, Palm application interface with the slide trajectory display common features, mailing list to the right to delete messages and tweets list Drop-down refresh, you can reduce the control to occupy the display space, the control only when needed, so that the user's attention placed in the main content.

Reduce misoperation. When a control is replaced, the problem of misoperation is less likely because the control itself is weak and the control is too small.

Metaphor is strong. Palm's cards delete multiple tasks and mailing lists right sliding removes the message metaphor "remove" instead of mechanically clicking on a fork icon.

By contrast, sliding has a lot of advantages over clicks, although individual operations require learning costs or temporary as a quick operation, the application can indeed enhance the experience in the design, especially for the frequent operation of paging. In addition, there are many features that can be used for sliding.

From a technical standpoint, gestures are identified by parameters. Click is to get finger touch screen coordinates, slide is to get coordinates and time, drag is long press plus sliding operation. The coordinates of each point in time are plotted to draw the trajectory of the slide curve, which can be used by the following parameters:

Directional。 In Safari can be any direction to slide the page, the iphone main interface can be left and right sliding, WP7 Sina Weibo can be up and down and sliding around, Baidu Mobile input method can be four of the direction of the choice of words. When only the single direction of sliding, such as the left and right direction Y axis as long as there is displacement can lead to sliding, when you can slide in two directions, sliding according to the interval of displacement to identify the sliding direction, WP7 applications can sometimes distinguish between the sliding direction.

Inertia。 Slide trajectory has inertia, when the finger left the touch screen with speed, the sliding effect will not immediately end, such as the Web page's rapid scrolling effect. In the Android system main interface, slow sliding half screen, the interface does not switch, when the fast and short distance between the sliding, the interface will be based on inertia switch, which coincides with the physical movement of the real world law.

Start and end. In a specific area to start sliding, operation is different, such as Baidu Mobile input method of the sliding selection of words, sliding gestures can also be as limited as the region to click. N9 from the bottom up sliding in the one-fifth area stays identified as switching multitasking.

These are the basic elements of sliding, more complex operations require application customization, such as Swype input method is conducive to the curve of the corner recognition of the choice of letters, the browser can define the fast operation of the slide, along this line of thought can be expected to have more sliding mode of operation.

Source: http://daichuanqing.com/index.php/archives/2948