Consideration on multi-platform universal interaction Design

The author of this article @ a large yellow service @ Micro bo UDC Design Center. In recent years, in the technical way, the rise of Web page adaptation, Microsoft WIN8 system release, are trying to solve a problem: the same product can be in the flat, PC and other platforms to use simultaneously.

Thus, the replacement of redundant versions of the development model, the development of universality, is a future trend of product development. Therefore, designers also need to find common ground in different platform specifications and habits.

For many platforms, the solution to many Web sites is to provide different Web pages for different devices, such as a mobile version, or an iphone or ipad version. While this ensures the use of a single platform, he hinders the user's consistent perception of a product. It's a hassle to use, and several versions to maintain. And if a Web site has multiple portal portals, it can greatly increase the complexity of the architecture design.

If you want to say "because the screen size is not the same, the need for targeted design to maximize the use of screen space." "I think this is the product manager imposed on the user's needs, because in the process of using the research, rarely heard users feedback is" I think this place empty, good waste. It is good to think about maximizing the use of space, but if you sacrifice the user's operating habits for your home products, then there is no moral integrity.

As an interactive designer, from the product developer's point of view, the class is to be divided, but the difference is too big to be bad. Because the version is much more meaningful to the developer than the user. From the user's operating behavior, PC version, iphone version, ipad version, Android version of the horse ... The difference is that you can do it by touching it, or you need to use the mouse to manipulate it.

To achieve a product fully applicable to a number of platforms is not possible, we can do is comprehensive consideration of multiple platforms to find common, so that the difference to minimize.

In the existing product design, we have seen the model of the multi-platform universal design, for example, although the Android platform has its own physical return key, it still retains the virtual return operation of iOS in many Android applications.

As discussed above, the operation of each platform to the user, the difference is through the touch or through the mouse to operate. Next, from the user point of view, in view of these two kinds of operation behavior summarizes several design to pay attention to the problem, guarantees the versatility of the multi-platform:

Interaction level:

A complete interactive event includes interactive behavior + interaction object + Interactive presentation. There are three aspects to be considered in the interactive versatility of the macroscopic platform. At the very least, make sure that the primary functionality of a product does not differ significantly. However, specific issues to be specific analysis, the unique advantages of each platform, or to make full use of.

Because mouse suspension is only applicable to mouse operation, and voice, brightness, displacement is only applicable to touch, therefore, a product to be compatible with multi-platform, in the main function, to avoid these interactive behavior. Instead, use the intersection of the two: mouse click, mouse drag, get focus, keyboard bounce and rolling wheel.

The interactive objects of the primary function are consistent

The so-called interactive object, that is, the direct receiver of interactive action, generally reflected as a button or hot zone, to consider the versatility of multi-platform, from its location and size of two properties to start

Touch operation (IPhone, IPad, Android, etc.)

Position: The user uses the handset, mostly is one hand to hold the handset bottom, the vertical screen operation, but uses the ipad mostly is the hand grasps the machine middle, the horizontal screen operation. In these two scenarios, the contact position is shown

Size: According to iOS specification, the minimum of the theoretically accessible element

Mouse operation (PC)

According to the Fitzpatrick Law, the interactive object on the PC side is described as follows: The larger the target, the shorter the time spent. The longer the distance, the longer the time spent.

Because the PC mouse arrows can be clicked on the area can be very small and relatively accurate, PC-side constraints are lighter, so here only one way to consider the touch operating platform, the main function is placed below the screen, size greater than 44 pixels (about 1/4 inches or 7 mm) square of the click Area can be.

The interactive presentation of the main functions is consistent

The so-called interactive presentation is the result and feedback generated by interaction action on the interactive object. Two major operational forms do not differentiate, as long as the technical support, the form is not limited, the importance of the platform to achieve cost-effective performance.

6 Kinds of effects: transitions, invitations, transitions, feedback, scaling, adsorption

Multi-platform universal design requires not only the interactive level of consideration, but also the visual and technical aspects of the comprehensive consideration, because I engage in interaction, the other two can not be in-depth analysis, to find commonalities. Also invite people to add.

PostScript language: The author of this paragraph is very proud, deliberately left for the author

As an ordinary user, spit a slot ~

Although not 5-year-old American little Lori, but I am still fed up with the classification of various operating platforms, as well as browsing a website or using a product to learn more than one version of the behavior!! A variety of PC, iphone, ipad (so-called HD), Android version ... I want to say, edition your sister Ah ...

Microblog Design Team Blog