The advantages and disadvantages of no border button is detailed.

A navigation column is an important element for most mobile apps, not only to give users a clear idea of the name of the feature that is currently open, but also, in many cases, to place a range of navigational and focus functions.

In the past, when the navigation on the list can be clicked on the button, the designers in visual performance to let users know is a button, until the iOS7 to the material design concept, the button of these places to remove the form, leaving only symbols and text to inform users of the "button" function.

Traditionally, most of the button appearance is designed to have a specific shape range, in addition to being able to effectively prompt the user that this is a "can be clicked" button component, but also can effectively let users know the button "scope" where to prevent the wrong touch to the adjacent button. This is very useful in many places, especially if a large number of buttons on the screen keypad or calculator, you need to let users know the key to the actual range of sensors.

Desktop systems are very different from touch control systems

In fact, it is not uncommon to remove the shape of each button entity on a guided column, such as a computer system that has many components that look like the buttons in our cognition, such as systems, which are actually sets of buttons.

The main mode of operation of computer system is through mouse cursor, when the button has an entity scope, it can help the user to confirm the size and position of the button, so that the mouse cursor is accurately moved to the top of the button click, and encountered like a navigation column or toolbar, because the navigation column itself has a physical scope, and can also use Hover special effects, to help users further confirm the relationship between the cursor and the button.

And the phone's touch screen does not need (and can not) perform such a precise operation, the user only need to know the approximate press which position can achieve the required function. When you use a finger or stylus to perform an operation on the touch screen, the user actually feels that the range of clicks is roughly the size of their fingertips, sometimes blocking a part of the screen range because of their fingers.

And the fact that we see on the screen of the button styling, its task is only to prompt the user "This is a button" use, in fact, the button sensing area is often greater than the appearance of its director, or even may be dynamically adjusted.

There should already be a lot of people already know that the IOS keyboard has a patented design for the dynamic change sensing area, and the system will adjust the button's sensing area according to the text you enter. For example, when you enter the "worl" string, the "d" sensing area on the next keyboard is larger than "s" and "f", because there is the word "world", and there is no "worls" or "worlf".

(The figure below is schematic)

Get rid of the benefits of extra detail

IOS7 's Borderless navigation column, the original button form into a simple text design, and only the use of color to distinguish between the button and the title bar text, although there may be some text longer than the space problem, but overall the overall picture becomes more concise. And because of the style of removing the entity buttons, the range of clicks that can be clicked on the visual sensation is also larger (although the actual sensing range has not changed).

A win will be lost

However, after abandoning the benefit of the learning cost savings of the iOS7 design, the design in many places is in fact very easy to be overwhelmed. For example, a newly-promoted iOS7 user will be bothered to unlock the screen. The iOS6 is designed to be a sliding putter with an apparent arrowhead appearance and is quite easy to get started with. And the quick start of the camera's diagram also has a three-dimensional bar, suggesting the real world of the use of the habit: in product design, many need to allow users to crawl parts will make a concave-convex shape to facilitate use.

The IOS7 interface is often considered an oversimplified design, and many parts not only take the visual cues of control, but also the user must first try and learn to understand what features are available on the screen and how to operate the function.

If you're a brand new IOS user today, would you first try clicking it or sliding it for the camera icon in the lower-right corner of the iOS7?

After examining many of the details of the iOS7, we found that IOS7 has already preset that users are accustomed to the use of touch interfaces, and even users of IOS, who are accustomed to the new design of the operating system.

To material, to the design of three-dimensional decoration, can create more visual possibilities for the interface, also seems to be more adapted to the characteristics of the touch screen, however, the excessive simplification of the design will lead to increased learning costs, difficult to start and so on. Therefore, the interface designer must grasp the advantages and disadvantages of the two and appropriate adjustments to the design, can be easy to use, easier to achieve a balance between.