iphone Excellent application design details: Guaranteed quality Design

Article Description: informal iphone excellent application design details.

The most troubling thing about being a new interactive girl is how to solve the big paradox of " IPhone Native interface controls can't meet the growing functionality needs of the product." On the one hand, if the conservative use of the traditional iphone control, can not bring too much innovation value to the product, on the other hand, if too breakthrough, and afraid of not through the App Store audit, the development of students after a hard but naught. When you get through it, it's a great pleasure to see that there are some innovative designs on the App store that inspire you. Here to share some particularly innovative app, to see how they break the traditional, for their future work to do some accumulation, for the future of each function module design to provide a point of inspiration and solutions.

Before you start sharing, introduce the interface-related terms in the App Store audit mechanism.

First, smooth return and navigation design

In film and television works, the transition between scene and scene is called transitions. In order to make the content more organized, the development of the level more clear, in the scene and the transition between scenes, need a certain method. App's traditional sliding, paging, and horizontal flip transitions are designed to give users a good visual guide when switching transitions. In addition, for the app, the most important thing is not the transition process, but how the scene in the round-trip, navigation switch. Clear information architecture, convenient navigation, a glance at the content classification, short but not anxious transition time, is the quality of excellent software needs.

(i) The design of switching from interface to solve the problem of waiting for transitions

Favorite TV Cube Flip design is very new, in the waiting process in addition to "chrysanthemum" and "coffee cup", in fact, we can find a better solution

JS to wait for the progress of the design, let people heap "return key". Turning chrysanthemum "position, the return key design in addition to a breakthrough in the shape, in the function of the bearing on the breakthrough can also reference the direction. In addition, JS design of the navigation is also very special, the traditional user interface in the low end of the tab navigation bar, can be changed from one line to two lines, so as to reduce the first-level interface jump.

(ii) from the Quick return key to solve the transition problem of page transitions

The waiting in the transition process will create the user anxiety, and then create a user churn. Complex level of application software, if the "Return key" function design is not the same will create users in the return process of anxiety, resulting in user churn.

For hierarchical software, does the traditional return key install return to the previous Action page (back) or to the previous level (UP)? There is no way to get the best of both worlds and to balance depth and breadth. Personally feel the following software is to give a lot of good solutions.

• set the Back button in the title bar

• Set the return button for multiple states at the bottom of the interface

• return Operation by gesture

(iii) avoidance of transitions from reasonable navigational design

Any time there is a global navigation bar, the ability to navigate quickly is a design ideal. But for applications with the third fourth fifth level, in the secondary page has a fixed position of the global navigation, unavoidably a little impact on other operational tasks, love to see given a good idea to solve the problem, you can put on the left side, through the right sliding screen to expand, not affect the operation of the child page task, and can solve the global navigation problem.

The design of a two-tab interface is sometimes confusing, Uniqlooks's design of the secondary navigation is very new, but the premise is that the secondary navigation is not so important, and users will not trivial switch.

Second, lightweight displacement and overlapping design

Interaction has a terrible law called "funnel Law", meaning to minimize the operation steps and interface jump, each additional operation step or interface switch, it is possible to lose 10% of the user. Displacement and information overlay design mode, in the case of no jump, through the content shift, can reasonably display more information, flat information architecture, in the operator to create an interactive place, the nearest way to complete the light operation. Path, with/, and Mypantone are interesting software for displaying information through the pattern of content shift and information overlay.

The path-shifted animation has always been smooth, and this is where the path experience is.

with/cascade Design and transparent effect, let people to the interface information arrangement rethink.

Mypantone, the very successful place lies in the fact that all the core function operations can be done on one page. In addition to the design of the content displacement, the reasonable layering of interface is also an effective means to avoid the transitions.

The hidden design of grace

Mobile phone interface is limited, to not affect the interface content control, quietly help users hide, is undoubtedly a very intimate operation. The hidden design of the PIICTU navigation bar is very good for your experience here.

In addition, Recipe Library's search box is hidden, it is very elegant, and continue to show the software name of the design, can be a good promotion of their brand awareness.

All in all, don't be too restrictive about yourself because of Apple's user code, excellent software must have a certain degree of innovation, clear navigation, quick return, a short waiting page, is every good software should have the quality, we are to protect these qualities and design, not to follow the norms and design. Otherwise it would not be design, but standardized production.