Interactive design of those things

The IPhone, Galaxy S3, and Lumia 920 are the most compelling three smartphones on the market today, matching the three main platforms of iOS, Android and Windows Phone, although the three operating systems are quite different in terms of market share, shipments and user approval. But the more we are interested in, the more discussion of the value of the three platforms in fact is the difference in design, which not only determines the user's experience, but also determines the participation of the developer enthusiasm.

From the micro-credit public account "Internet er" in the morning of this article from the changes, navigation logic, design style, such as the difference between the three platforms of the interactive design of a more in-depth analysis and discussion, extremely valuable reference.

One, the difference of layout form

1 IOS Classic "tab Bar"

In IOS applications if you want to switch different modules, or the page to switch different columns, often use the "tab bar" this form of control. This classic design has been in use since the early days of iOS, and most iOS apps have been designed this way. Of course, IOS itself is very inclusive, and recently it is very popular in the drawer-style navigation. But tab bar has always been one of the most popular and best known ways for users to recognize:

2 Android offers 2 view control options

After the Android 4.0 specification came out, Android proposed 2 view control methods, one is to add a touch button directly under the title of the navigation bar, and then pop up the menu of the toggle column (2 callout position in the figure).

For example, calendar applications can switch to different views, the other is directly under the navigation bar to add a View control bar (the bottom right of the 2 callout position), and IOS tab bar is very similar, but only on the above, but also advocated to support gesture sliding switch:

3 Innovation for Windows Phone

Windows Phone has a huge gap with the top two platforms, because Windows Phone's unique Metro UI advocates a return to the traditional reading experience, browsing the contents of the phone like newspapers and magazines, focusing more on content than grooming, so windows Phone overall Give people a sense of what it's like to read a magazine. The view control of Windows Phone expands through a way called "Panorama View" (the following figure).

In fact, the contents of the 4 views are on one page, and a page is loaded at the same time. The user's mobile phone defaults to display the contents of the first screen and pulls the contents out of the back by sliding.

This view is very innovative, and easy to read, have to say that browsing experience a lot better. However, it should be noted that:

Because in fact these 3 columns is the same page view, so do not put too much content, otherwise loading will be very slow impact efficiency;

In the interactive design process of typesetting and vision put forward a high demand;

In addition, Windows Phone also offers a way to pivot, and the tab bar of the pivot and IOS is not quite the same, but it simply slides to toggle the column:

(Pivot layout)

Ii. Differences in navigational logic

We all know that IOS does not have an entity to return keystrokes, and all returns are done through the back button of the navigation bar.

In the navigation logic of iOS, we can clearly see that the whole program is a page-by-page switch, like a slide. And the return button is to switch to the previous page. So, the return control of IOS is the page.

But Android and Windows Phone are not the case, Android and Windows Phone have the physical return button, click the Physical return button, control not only a page, but also include the previous step of the operation, such as:

So the return logic of Android and Windows Phone is based on the time stream, not just the page, but the return button controls the action.

Specifically, the return logic of Windows Phone is not limited to applications, but to applications. That means you are currently on the desktop, and then click Back again to enter the application you opened last time.

In addition, starting with Android 4.0, an upward concept is presented, which is a small arrow in front of the navigation bar heading, and clicking this arrow returns to the previous level of the page:

Iii. the differences between applications

As we all know, IOS is a closed system, and Android is an open system.

We can compare IOS every application is a small room, each application in their own room to do their own things, with each other without any dealings. Android is a big office area where each application has its own workstation, but it can drop in or borrow from each other, while Windows Phone follows the same way as IOS. When it comes to IOS 6, you can support applications to jump directly to each other, but that's only for you to jump out and not come back, which means that in that room you are the person in that room, and there is no connection with the room before.

This difference makes Android's application design more likely, as a designer you can design a lot of good features, such as system beautification or system optimization, antivirus, intercepting phone functions, and IOS and Windows phone can not. But it also makes the Android system face serious security issues, so it's popular with all sorts of optimizations and antivirus software on Android.

Iv. differences in multitasking

The difference in multitasking is: IOS and Windows Phone are fake multitasking, and Android is really multitasking.

Five, the difference in resolution

Pro, do you know how many resolutions Android has now?

(Tech2ipo Note: this figure shows the 2011 Android phone situation, now, the related problems have been eased and mitigated.) )

Fitness has always been a headache for Android, as the front end is often to the different resolution adjustment effect and ensure that the interface will not be distorted and blurred. The resolution problem not only affects the visual, but also has a great impact on the interaction design. Because these phones tend to have a different screen ratio, you need to consider the different aspect ratio, your interface layout should be. So when you're designing Android, you can't ask for the layout to die, you should try to make sure that every control is floating, and that you can evaluate the effects of all sorts of weird layouts.

IOS and Windows Phone will be much better. IOS resolution is divided into 320x480,640x960,640x1136,windows Phone resolution is divided into 480x800,800x1280,800x1136. Although it seems to be quite a lot, but the proportion of the interface is basically no change. So the impact on the layout of the interaction is not very large, visual designers can also use the script to reduce the simple resolution of the problem.

VI. Differences in design style

Design style is the unique personality of these 3 clients, the design style not only affects the level of visual design, but also the interaction design is very important. Especially when considering the dynamic effect, it is necessary to attach importance to the physical and chemical interaction. The design style of IOS is biased towards the materialized style, this materialization is not only a small button control that makes a lot of objects visually, but you can also add some lively and interesting content to the interaction in order to fit the vision.

Like the latest Path, for example, when you enter a store, the visor will have an effect, and the small card will swing according to the gravity sensor. If the interaction on the platform to reflect the design style, will undoubtedly be very pleasing to the user, increase product details on the bright spot.

The Android platform is simpler, with the overall layout and interaction in the same way as IOS, as concise as possible, a sci-fi style is available. The Android platform minimizes the use of materialized animations, because the Android system has a poor rendering of animation, and if it is too complicated, it may make the interface very card-friendly.

The Windows Phone platform is very different, and the Metro UI concept requires designers to think more about how to show content and use smooth transition animations. But also to the designer's typesetting and graphic design put forward some test. So the proposed interactive design people read WindowsPhone interface design guidelines, and usually accumulate some Windows Phone interface visual interface feeling, or the visual designer will probably blame you Oh!