Interaction Design Considerations: the level of interaction design elements

Web page Production WEBJX article introduction: the level of the underlying control and the interaction design element.

Today, when Jobs pointed out the directionality of the work before, he realized the hierarchical relationship that formed the final product element.

In the current workflow, the specifications are well known and are being implemented in an effort to improve the efficiency of design and work while ensuring the quality and consistency of outputs. However, the specification is composed of more than two elements: the underlying control and the underlying component .

Level of interaction design elements

Controls are the minimum interface elements for Internet/software products, including buttons, radio boxes, check boxes, scroll bars, and so on.

and components, is a reasonable combination and layout to form a more general, easy to use the control combination.

The final design specification is composed of mature components and a combination of components.

Therefore, the final product quality, inseparable from the specification, components and controls. However, the product design development to now, need to add another element: "Animation" or "Process Control." The name is not yet ready, the specific examples are as follows:

• Apple login interface in the user's wrong password feedback mode: The entire login frame will vibrate, this interactive way by many people praise, also be slideshare transplanted to the web level (but I do not know why not now ...)
• Apple windows minimize the "twist", the dynamic shrink in Windows when the window is minimized
• More and more gradients on the page now implemented through JavaScript

Apple also has a unique view of this in the official Developer's Guide: Interactive animation is not just flashy, but to make (interface or other elements) of the "change" process smoother, while allowing changes in a more direct, simpler way to inform users, Understand change. You can imagine the face of new users, click the window to minimize the button, the window disappears directly, users will be more surprised. But now there is little specifically designed for this level, the closest should be the as direction of the "interactive designer", which also benefit from the flash in the animation of mature and powerful.

So now look, good interaction design should be from a good control design, but also has a very mature system of knowledge can be used for reference: About Face3, although this book is mainly to explain the client products control design. From the control to the component, the final form of a complete and efficient specification.

Innovative base controls

The innovation of basic controls has not stopped in major companies, and these innovations are always surprising, and the improvement of the underlying controls really requires deep experience and design capabilities as a basis

Google Wave launched, it did cause a lot of hot talk, which about the "rolling bar" of the innovation also let a lot of people praise, at the same time carried out a detailed analysis

Google home page text chain size, do not know how many people have noticed, should be to increase the clickable area

This is what I like, really did not think of the Pull-down menu can do this extension: In addition to the option to add a button, guessing is based on the web level before Facebook "album + Upload" of this "navigation menu + action" Design method

This copy is in place, is a foreign download site button, to tell the truth, point this button when how many or awkward, the role of copywriting can not be ignored

And finally, the vertical arrangement for the window control buttons in the itunes new edition

Google has done a lot of work in the direction of the underlying controls, and it seems to be a great deal more than that, and it gives us more opportunities for reference learning.

In fact, you can also sum up some experience: for the basic control of innovation, more is in the integration, reduce the number of elements on the interface, more real correct expression of information and functional level, or according to the use of habits, importance, logic, etc. to change the arrangement of elements