Shulou(Shulou.com)06/03 Report--

This article introduces the relevant knowledge of "what are the suggestions for the design of mobile phone APP user interface". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Tip 1: stay focused

The best mobile apps focus on doing one thing well. You should be able to describe what your application does in one sentence without mentioning any "details". Users should be able to start it, use it, and then use it to achieve its goal in a few seconds. If the user needs to use more than four layers of menus, the application will soon be uninstalled.

Tip 2: use the back button appropriately

On Android, the back button provided by the system should enable the user to get the returned function within the App. In iOS, the back button is controlled by software, so you should always provide a back button. In principle, the user is used to the back button in the upper left corner. Following back-button 's convention behavior and operating system-specific location is critical to get your application to meet user expectations.

Tip 3: consider soft keyboard behavior

Most mobile applications use keyboard input on one or more screens. Unfortunately, many designers do not consider how to display the interface after activating the on-screen keyboard. When you test, make sure there is enough space on the screen to let users know what they are doing, even when the on-screen keyboard is activated.

Tip 4: considerate blank prompt placeholders

If the application has only a few data input fields, it is friendly to display blank prompts and can make the application look cleaner. If your application has a large number of data input fields, using placeholders instead of label can be very confusing. Once the user enters some information in the input field, unless the information is self-evident, the information needs to be guessed for the user.

Tip 5: challenge new features

In previous application design, software developers focused on adding as much functionality as possible to the program. Their measure of success is the ability to have more features and features than their competitors. The mobile revolution has changed that.

In desktop applications, an uncommonly used feature is added to the submenu, and advanced users find that these features may be a good idea because it distinguishes your program from your competitors. In mobile applications, a less useful feature can make the user interface messy and difficult to operate.

Tip 6: put the tabs in the right place

In iOS, the main tab navigation does not look like tabs. They are some of the icons at the bottom of the screen, and users use them to switch the main functions of the application. Most iOS users are not used to this feature at the top of the window, but Android users are used to it. On Android, tabs are usually placed at the top of the application and can be scanned left and right.

The key here is that if your application needs to rely on a "tab" to navigate the main functions of the application, you need to put them in different locations on iOS and Android.

Tip 7: pay attention to the size of the button

There is a tendency in simple design that we can adapt it to add something if we just slightly reduce the size of the button or font. This is dangerous and catastrophic! If you have ever opened a web page on a smartphone that is not optimized for mobile devices, you know how frustrating it is not to click on a hyperlink. In app, it's a bigger problem if the user can't choose to zoom in.

Keep the button size large enough to be easy to use, and test your application on a small screen device, such as the iPhone 4, which still has a comfortable experience.

Tip 8: consider button position

When the user has a smartphone in hand, the lower half of the screen can be easily reached with the thumb. Right-handed users have access to the lower right corner, while left-handed people do the opposite.

If you want to be able to operate with one hand, keep this in mind.

Tip 9: provide the necessary tips

Whenever you ask your user for input, consider what information the user needs and decide what action to take. If your UI does not provide these input boxes in the same location, the user may need to cancel and return to the previous page to make a decision.

Reduce the user's pain and provide the necessary information in the right place when the user needs to make a decision.

Tip 10: pay attention to your image resolution

Modern smartphones have amazing high resolution and look absolutely beautiful. Unfortunately, if you are still using low-resolution images as icons, the application looks jagged and blurry, especially when the operating system renders fonts and gradients. Make sure you use a picture of 264 ppi or higher, and it should look clear and clean. On a tablet with higher resolution than the iPad on the Retina screen (for example, the Nexus 10 has 300 ppi), the 264 ppi image still looks clear and clean.

A better approach is to use a vector graph (vector), which can be scaled at any resolution.

This is the end of the content of "what are the suggestions for the design of mobile APP user interface". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.