About the layout of the Edit and add buttons in iOS7

When I first used iOS7, I felt a bit frustrated, the most typical of which was the question, "is this a button or a plain text?" "," Can this button be clicked? Of。 Over the next few months, I've come to see more experience issues in detail, such as the layout of the Edit and add buttons.

Let's take a look at this issue in the following several iOS self-contained applications:

Photo Music Address Book phone memo reminder

You don't have to take much effort to notice the location of the edit and add buttons or even the fact that the copywriting is not consistent in these applications;

Telephone vs. Photos

Music Application Interior

Also the Music app, "edit" in the left, edit mode "Add" in the right, "finish" in the middle

"Add" to the bottom of all tabs, "Finish" on the right

Memo vs. Reminders (in memo, "new" changed from "+" to "new")

Address Book vs. Find My friends (in "Find My Friends", "add" from "+" to "add")

FaceTime, in the Different tab interface, "New" and "edit" in the same position

Stock vs. Voice Memo ("Add" in stock on Left, voice memo "edit" in middle)

Indeed, each application is different, they each have their own functions, but the "edit" and "new" button layout should be more careful planning and weighing, to reflect the overall level of experience uniformity.

Or because each application is individually designed, ignoring the interaction pattern differences between different applications?

To create a superior user experience, it is important to remove any interaction friction that may arise. Users use applications to pay the cost of learning, after the initial learning curve, they can rely on the "experience" established by the mental model and expectations, in the subsequent use of the process more efficient.

In the "bad" experience, "learning" will lose its meaning. Once the "edit" and "add" these two globally universal buttons are randomly placed in different applications under the same system, users cannot establish a trustworthy mental model for their location.

So every time the user wants to perform an edit or new action, they all have to take the time to find out exactly where the feature is, or worse, they should have clicked on a button in a corner based on their past habits, and in a lack of uniformity they would force themselves to stop the click action that had begun. The extent of the disruption of interaction fluency is evident.

It may sound trivial, and some will say that it takes only a few milliseconds to confirm the position of the button, but imagine that hundreds of millions of users would need to waste so much time each time they used these apps ... Rigorous design should help people solve problems while minimizing people's cognitive load, and can help users save time and energy for fine and fine attention.

Micro-Interaction: detail Design Achievement Excellence Product

This book discusses a different way of thinking: Put aside spectacular, top-down design, focusing on bottom-up, carefully conceived details. These small places are the designer's best place, with little effort, can stand the shadow of the pole. This is another way to change the world: to release an exciting experience at seemingly insignificant moments ...

Related books recommended

The translation represents the original author's point of view. Welcome to comment, or to the translator Weibo to further exchange discussions.

original site to compile the article. If you want to reprint, please specify: This article from the is for Web English original: HTTPS://MEDIUM.COM/UX-UI-DESIGN/BD64D6798FCD Translator information: C7210-ux players, interactive designers, cat slaves, guitar fucker, Currently working in Tencent Isux (Shanghai) design user Experience uxued Mobile application iOS7 consistent interactive design original translation