Mobile Phone product Design Taboo

Mobile Phone product Design Taboo

In the process of making mobile phone product design, encountered a lot of seemingly small, and very easy to ignore the problem, it is these small problems, again and again the user's patience, so that users of your product heart resentment read. Just debut friends did not go through the actual combat, attention to detail is not much, often encounter similar problems, stressed many times, feel inferior to write down, to the new couple.

1, no non-clickable effect

The general button will have four states, non-clickable effect, clickable effect, focus state, and pressed state. If your button is not available at this time, be sure to drop it or take off the button, otherwise it will mislead the user.

2. The menu level is too deep

menu items to 5~7, if there is a level two menu, you should pay attention to a reasonable menu classification, can not have too many levels of the menu, otherwise difficult to anticipate, it is difficult to find, find and return will become very troublesome.

3, the length of the text is not limited

Mobile phone interface is very small, the amount of gold, a page can only display the next 6~10 list, a row can only show the next 10~16 words, the title of the number of words to 5 within the appropriate, the label bar also to two or three, then the case appears too long, you must define the processing method, if the choice of type, It is usually truncated or abbreviated, and if it is a content-readable type, it can be wrapped. But the most reasonable way is to streamline the text and shorten the text length.

4, the text table meaning unclear

Because the cell phone is fragmented time, fragment-type reading, so the text table on the interface of the phone is more demanding, more stringent, it must be in the user's glance at the moment, accurately convey information. In addition to the apparent clarity, language is required to be streamlined, to avoid wordy, to use the language of the user rather than the language of the program, and product copywriting to embody the character of the product.

5. Too many interactive process branches

When doing the interaction must have a task flow concept throughout, the user is to complete a task and use the software, interaction designers in addition to focus on interface elements, jump logic and interactive feedback, but also focus on user tasks, to clear the main tasks and secondary characters, to the main task of a clear flow of unimpeded, Do not give too many possible branches to interfere with the main process.

6, the relevant options are far away

Relevant options must have operational continuity, although the phone screen looks much smaller than the computer screen, but the price of mobile phones on the screen, but the cost of moving on the computer is much more expensive, if the phone on the relevant selection is far away, the user is easy to get lost, can not find the next operation, the second is the need to move the finger To trigger the action at the other end of the screen.

7. Load too much data at once

Traffic, power, speed and stability are the four tough of mobile phone products, if your application can not reasonably help users to save traffic, power, improve browsing speed and browsing experience, to ensure the stability of the application, do not talk about what user experience. You can use pre-load caching, batch loading, dynamic refresh, server-side data compression and other ways to ensure a fast and stable basic experience.

8, the button can click the range is smaller than the look

We all know that the mobile has an artifact of the number "44", according to the index finger minimum touch distance 7mm, thumb minimum touch distance 9mm, can be deduced to do design, the minimum touch distance is 44*32 px. You can design a beautiful small icon, but in the definition of its touch size, but you can do amplification, but you must not design a silly big icon, touch range is smaller than the icon, this will give users a clear sense of error operation frustration.

9. No affiliation between tabs and content

The label page and content need to have a good linkage, generally an interface with two levels of tags is enough complex, do not have three levels of label, four level label. Each tab has its own content, and when the tab is switched, the content is switched. If the tab is clicked, the Content section can be refreshed as a whole, and if the tab is sliding, the content page should also be switched with the swipe, never a point, a slip.

10. Expose all operations

Mobile phone product interaction design to go through the process of shrinking, hiding, attaching, organizing, do not try to put what function, what operations are exposed, to highlight the strong. You need to put all the functions of the application of your own priority settings, those commonly used in 20% of the function, placed in the main interface, the other 80% of the operation, placed in a secondary position or a reasonable classification of the organization, hidden can be.

11. No empty Data interface design

When we do the design, often is to provide the idealized scene, the user has come in, we how to play. However, often when the application just launched, there is no user, even when the application has a certain user base, when the new users open the application, the application may still be a state of no data, or when the user clear all the data, these three cases, users may encounter empty data interface. Novice designers often do not design, this time users will see a blank interface, my head. The experience is to provide an emotional interface that tells the user that there is no content at the moment, and a more guided approach is to direct the user to perform the operation.

12. User-directed abuse

Last year, it was predicted that user guidance will be flooded, and it is clear that the design department likes to use a nice boot interface to tell users about new features or hidden apps, but not all applications, all functions need fancy boot. If it is a general-purpose, non-focus module, there is no need to boot, if it is a function to inform, just light-weight boot, if the version of the update instructions, manual guidance can be used, but to be concise.

13. No Loading state

Mobile phone products As long as the need to network, need to exchange data, need to provide a loading state, whether it is a daisy or Toast or dialog box, you need to give developers a global definition, and to tell whether the load is modal (foreground load) or non-modal (background loading). and to take into account the loading time is too long, the network switch is not open, network, etc. how to deal with the situation.

14. Undefined back logic

When it comes to designing for Android, it involves hardware interaction, in which the use of the back key is a learning, Android official some guidelines can be used for reference, but the specific development, there will be a lot of special circumstances, such as a single instance of the replacement, keyboard and some intermediate state, in this case, The back may need to be defined to return to the previous instance (which would have to be a multi-instance) or to go back to the initial state (empty the input or restore the initial state).

15, no horizontal screen mode of design

Because of the horizontal screen mode, the vertical space becomes extremely valuable, the navigation bar, the label bar, the keyboard all need to be squashed, the flat mode must consider is the simple USTA with or the redesign, if your application is not suitable in the horizontal screen mode to use, the shielding flat, if your application includes the application widget all needs to support the flat mode ( Even a horizontal screen machine with a slide-on keyboard) requires a design solution. If it is s60v5 this vertical high machine, even need to redesign.

As a mobile phone product interaction Designer, the use of design to avoid problems, improve product user experience, the experience into value, is the realm we pursue. Mobile phone product design Taboo, is the author encountered some design problems, welcome to the road Master synergy Problems encountered, together to avoid the invention of the wheel.

Mobile Phone product Design Taboo