Informal iPhone excellent application design details

As a just-in-time interactive hard-pressed woman, the most troubling thing is how to solve the "iPhone native interface controls can not meet the growing functional needs of the product," the big contradiction. On the one hand, if the conservative adoption of the traditional iPhone controls, can not bring too much innovative value to the product; the other hand, if too much breakthrough, but also afraid to pass the APP Store audit, develop students hard . When the tangle passed, I was especially happy to see some innovative designs on the APP Store and get inspiration from them. Here to share some very innovative APP, see how they break the traditional, for their future work to do some accumulation for the design of the various functional modules to provide some inspiration and solutions.

Before we start sharing, let's talk about the interface-related terms of the APP Store review mechanism.

In the film and television works, the transition between the scene and the scene, called the transition. In order to make the content more structured, the development of the level of clearer, in the transition between the scene and the scene, you need a certain approach. APP traditional sliding, page turning, horizontal flip transition design, can give users a good visual transition when switching. In addition, for the APP, the most important thing is not the process of transition, but how to back and forth in the scene, the navigation switch. Clear information architecture, easy navigation, content at a glance, short but not worrying transition time, is the quality of good software required.

(A) from the interface design to solve the problem of transition waiting to be solved

Favorite TV cube flip design is very innovative, waiting in the process in addition to "turn the daisy" and "coffee cup", in fact, we can find a better solution.

JS waiting for the progress of the design, people on the "return key" a different look. In addition, the design of the navigation is also very special, JS has been living in the interface of the bottom of the tab Navigation bar can be changed from one line to two lines, thus reducing the level of the interface jump.

(B) to solve the transition from the quick return button page switching problem

Waiting in the transition process will create user anxiety, and then create user loss. Complex levels of application software, if the function of the "return key" is not designed well, it will also create the user's anxiety during the return process, resulting in the loss of the user.

For complex software, does the traditional back key installation return the previous operation's back or up? There is no way the best of both worlds, to achieve the depth and breadth of the balance. Personal feeling The following software is given a lot of good solutions.

(1) Set the "Back" button in the title bar

(2) Set multiple status return buttons at the bottom of the screen

(3) through the gesture to achieve the return operation

(C) avoid the transition from a reasonable navigation design

Any time there is a global navigation bar, fast navigation is a design ideal. However, there is a third fourth fourth-level application software, there is a fixed position on the secondary page to place the global navigation, can not help but a little affect other operational tasks, love to give gives a good idea to solve the problem, Can be placed on the left, by sliding to the right to start, neither affect sub-page operation tasks, but also to solve the problem of global navigation.

The design of an interface divided into two TABs can sometimes be confusing. UNIQLOOKS is new in the design of subordinate navigation, but only if subordinate navigation is not as important and the user will not switch over.

Interaction There is a terrible law called "funnel rule", which means to minimize the steps and interface jump, with each additional step or interface switching, it is possible to lose 10% of users. Displacement and information overlay design patterns, in the case of no jump, through the content of displacement, to be able to display more reasonable information, flat information architecture, where the operator to interact with the completion of this way Lightweight operation. Path, with /, myPANTONE is an interesting piece of software that shows information through content shifting and overlays.

Path animation of the displacement has been very smooth, this is a great experience Path.

With / cascading design and transparency, people rethink the layout of the interface information.

myPANTONE, very successful place is that all the core functions of the operation can be done in one page. In addition to using the content of the displacement design, the interface is also reasonable stratification to avoid an effective means of transition.

Phone interface is limited, the interface does not affect the control of the content, quietly help users hide, is undoubtedly a very intimate operation. Here you can see that the hidden design of PIICTU's navigation bar gives you a good experience.

In addition Recipe Library's search box hidden, very graceful, and continue to move up the display software name design, can well enhance their brand perception.

In short, do not over-constrain yourself because of Apple's user specifications, excellent software must have a certain degree of innovation, clear navigation, quick return, short wait page, is the quality of each excellent software, we are Designed to safeguard these qualities, not designed to follow the rules. Otherwise it is not a design, but a standardized production.

Author: Xiao Zhijie

Original link: http://www.xiaozhijie.com/blog/122/649073.html