Some thoughts about gestures. The psychological feeling of the sense of space

The appearance of clear led to the enthusiasm for gesture operation, Google's new patent using "continuous gestures" also let us see the prospect of personalized gestures. Indeed, gesture operation can reduce the interface elements, improve efficiency, but its visibility, abstraction, memory and other characteristics also determine its drawbacks. How to avoid weaknesses, according to the characteristics of existing gestures in the appropriate situation to use, at the same time, according to cultural conventions, physical metaphors, table sounds, ideographic, such as creative gestures, rather than blindly chasing the following, it is worth our thinking. This article combines with the client hand gesture application before Sam and the relevant information on the Internet, from the gesture of the sense of space brought about by the psychological feeling, hand-given function, the way to guide, and animation, the combination of several aspects of innovation to summarize. Many are known to the idea, here only do a simple comb; and the way to guide, and animation and so on, I hope that we can have more thinking, because through animation, transitions, and other ways, can make the attention and flow more fluid, at the same time fit the real world, thus helping the abstraction of gestures, need to remember the overcoming.

One, the sense of space brings psychological feeling

A Flick (sliding)-drag (drag)

(1) Transverse sliding

Lateral sliding in space gives people psychological feeling is a kind of relationship. This can be understood before and after the plane space before and after the stereo space before and after. Therefore, in the psychological sense, lateral sliding to bring a level of switching, return home (generally only 2 levels), mobile maps, switching navigation are reasonable.

(2) Vertical slide

Vertical sliding in space gives people psychological feeling is a kind of upper and lower relation. This can be understood before and after the plane space of the upper and lower and three-dimensional space. Therefore, in the psychological sense, vertical sliding brings the page up and down, between the front and back, and so on the feeling is reasonable.

(3) Drag

The difference between dragging and sliding is that it requires more strength, and therefore more emphasis on space before and after (or up and down) of the stereo space.

(4) Double finger (contraction, pull off)

Double finger (contraction, pull off) in space has

A, from outside to inside (or from the Inside out), the feeling of pushing (or kneading).

b, the feeling that the objects stacked together (such as paper) will be dispersed (or collected).

C, open, close the feeling.

D, will flatten the object to open (or pinch flat) feeling.

Therefore, in the psychological sense, the double finger (contraction, pull off) brought about by the enlargement of the reduction, open the closure, new deletions, merging and separation of the feeling is reasonable.

(5) Hold and drag

The feeling of holding and dragging to the person is that the object moves with the finger and is suitable for the object that can be dragged at will.

(6) Tap (Light point)

Light point does not have obvious spatial relations, but because the operation cost is low, and is similar with the daily life certain operation, supplemented by the materialization design or the related animation, also may achieve the simple intimate effect.

Second, the function given by gesture

(a) From the functional perspective, the current horizontal sliding gives the function: Peer switch, return to the home page, pull out the auxiliary function, switch, slider, delete.

(ii) From the functional perspective, the current vertical sliding to give the functions are: Drop-down refresh, the bottom load more, full screen, the upper and lower switch, back to the previous level, pull out the subsidiary function.

(c) Drag is a larger force of the slide, the common is pulling out the accessory function or other hidden content.

(four) Double finger contraction, pull off the common function is: picture, font amplification, brightness adjustment, open close, add the deletion and so on.

(v) Hold and drag generally used to customize (change Order, join, pull, etc.).

The lighter features are very much, not detailed.

Third, the way to guide

Currently the most common ways to boot are:

(a) revealing a certain part of the hint before and after the hidden content or operation, such as QQ browser.

(ii) to reach the limit value of the text, animation prompts, such as clear, pull to the bottom when prompted to drag down to remove, pull to the top when prompted to return to the previous level.

(iii) in the first open application, user Help to explain, many applications take this approach.

(iv) To enter the interface with gesture operation gives bubbles, animation, pictures and other tips, such as Tencent Love to see.

(v) Cues can be manipulated by means of a pseudo object. such as rope-like, switch-like, slippery block, lifting the page angle and so on.

(vi) Provide feedback

Because of the invisibility and misoperation of gestures, in addition to the operation before the guidance, in the operation should also provide some feedback. Feedback can take the voice, jitter and so on. And for the Misoperation two confirmed also have certain necessity, especially the more important or vague gestures, such as deletion, to allow users to undo the operation in time.

Four, animation cooperation

In addition to guidance, in the gesture operation of the transition between the use of appropriate animation, can give users a clearer psychological feeling, this and gesture with the "homeopathy" can make gestures easier to understand. such as left-sliding back to the home page This operation can be used to create a three-dimensional spatial sense of space, to deepen the user's memory, so easier to remember this gesture. Pull out the accessory function to emphasize the upper and lower space with the object or animation, such as pulling the previous page content. Pull to the top of the page to use the flex effect, emphasizing that it has reached the top. For example, double finger contraction can be spread, separation, folding and other animation to express the contents of additions and deletions.

V. Innovative gestures

(i) According to cultural conventions

The design of the gesture itself or the process of operation conforms to the established usage of the specific culture, and the image and the meaningful gesture are easier to remember and learn. Birushan the fork gesture to remove.

(ii) based on physical metaphor

The shape or operation process of gesture itself is simplified from the concrete object, and its connotation has the metaphorical meaning of the object. For example, circle a part of the content selected.

(iii) Table tone

The command or the initials of the brand in Chinese or English as gestures to the order. If "C" (copy) means "copy"; Google searches through the contents of the G (google) tail extension loop to see what is explained in Wikipedia via the W (wiki) tail extension.

Article source: a Amoy UX