Eight practical mobile device interface design Tips

The difference between the screen and the solution of the mobile device and the PC results in a lot of differences in the interface design between the two, so this paper puts forward 8 useful points in the design of mobile device interface, which is helpful to the interface design of mobile device platform.

Layout, layout, layout

Design layouts are ultimately designed to http://www.aliyun.com/zixun/aggregation/12461.html "> The accessibility, availability, and overall readability of mobile device users. In layout design, the most important point is to ensure the flexibility of all mobile devices, regardless of their screen size and different solutions.

This means that the size of the content depends on the size of the screen, and the solution varies depending on the mobile device. A good layout should apply to both touch and non touch screens. Let's make a more detailed analysis of this.

Order and Scale

An excellent mobile device user interface design has 2 main factors. Order refers to the distribution order and level of each element in the design, such as buttons, text boxes, links, and so on. This is very important for many mobile platforms to interact with the user interface. So the order of elements in the design or layout must be available, omitting the fancy designs on the traditional platforms.

The scale of content is also an important factor in many mobile platforms. For example, the size of the button or link to the touch screen user's finger size, but each user's finger size is also different. A button with just the right size will make all users operate well. Note that the size of the links and buttons designed for the user's finger on a mobile device can vary considerably from the size of the links and buttons designed for the mouse keyboard on your computer.

Hierarchy of importance

The screen size of a mobile device is limited, so use it reasonably. That is, you need to get rid of unnecessary things as much as possible, and one way is to design the hierarchy of content. You can use font size and color to separate content. To allow content to express itself rather than describe it, you should try to eliminate unnecessary elements in your layout and design, thereby increasing the space available and using these spaces to place quality content.

Lightweight design

One thing to keep in mind is that users visit your site through mobile devices to see the content, not to see your fancy layout, and to add fancy designs that will make the visit even slower. Think of the user as being in a rush to a meeting to see the information on your site, their first concern. So emphasis on lightweight design, put forward redundant design elements, the content of a good presentation.

Important content

Your site must have its own core content, but for mobile devices on the site, you need to present your own core content or users visit your site often see the content, do not put everything on your site to their own mobile phone site.

Simple navigation

Because many mobile devices and platforms offer browsers that often do not have the ability to navigate backwards, you can actually add these simple navigation features to your mobile site, but the same thing is that navigation doesn't do too much because it slows access and takes up valuable screen space.

Do not use tables

Many mobile platforms often do not display tables, so do not use the table as the theme of mobile Web design framework, as far as possible using CSS to design.

Platform Monitoring

The best way to get your mobile Web site to reach more users is to test the different platforms and provide each version of the site. Test your own user's platform and then provide different content and functionality depending on the platform. Overall, in the mobile platform interface design, first of all to know the limitations of mobile devices, in order to better around its ingenious design. Have a good understanding of the different mobile platforms so that your mobile site can be applied to different mobile platforms. You can also use the simulator provided by the Platform developer to test your site.

Original: http://designreviver.com/tips/8-useful-interface-design-techniques-for-mobile-devices/
This article link: http://www.socialbeta.cn/articles/8-useful-interface-design-techniques-for-mobile-devices.html
Translator: Wisp