Symmetric interactive application-"consistent"

In the interface design we usually see, the information representation of symmetry is very common, and the information is equivalent and evenly distributed around the geometric geometry to bring about a harmonious ratio and balance. In the interactive design process, the user's operation flow is also done in a symmetrical way, which is called symmetric interaction. As a common operation of mobile phone, the switch machine design ideas also adopted the principle of symmetry interaction, so that the two follow the same process, easy to understand and learn, the majority of mobile phone switching machines are through the same set of processes or the same button control, this symmetrical form of the spread of a set of workflow on the way that symmetry interaction. such as the iphone's switch machine process:

This kind of symmetry interaction can not only accelerate the user's recognition and cognition to some symmetry function interaction, but also improve the discovery, and the repetition of a few basic institutions at different levels reduces the learning cost of the users and improves the consistency of the whole product interaction architecture. In the book "About Face 3:the Essentials of interaction", Alan Cooper sums up a simple experience: where to export, where to allow input. This means that users are accustomed to performing logically related operations in the same way. Circle (Circle) is one of the highlights of Google + 's social services, where the interaction is symmetrical when adding or removing a Circle from a contact. The following figure:

Drag the contact card from the list and drop it into the circle to complete the Add Circle action

Pull the contact card out of the circle to complete the Remove circle operation if you remove the contact's interaction from the circle, change the "select target and press the Remove button on the page" will bring the user a poor circulation, the feeling of blockage of ideas. Look at the Balsamiq tree list, in view (output) and edit (input) mode, the performance of the two is not consistent, the user can not see the edit after the completion of the state, which is an input and output of the asymmetry.

In contrast, axure in this aspect of performance will be more than a chip, the user can be edited in line, WYSIWYG, the input and output to maintain a high degree of consistency.

As can be seen from the above examples, in appropriate cases, symmetrical interaction can improve people's knowledge and understanding of product function, and obtain a better user experience, for example: Login and logout in the same place; inline editing, WYSIWYG; Import and export interactive process symmetric, input and output interactive process symmetrical; Delete in the added place; Enter or exit the immersion mode in the same way.

Explore symmetric interactive applications from some of the content

Author: Miracle

Article Source: 365ucd.com