23 Basic principles of App interface design and page layout

A good and bad app, much depends on the mobile app page layout rationality, excellent layout as the name implies is the page text, graphics or tables, such as typesetting, design.

Excellent layout, need to take full account of the page information, not only to consider user needs, user behavior, but also to consider the target of information publishers, purposes.

There are some principles and methods to cater to the user's behavior, such as the following 22 basic principles,-----This article from 25 schools, by admin and personal knowledge point collation.

　1. The User/organization icon (Logo) is in the same location on all pages.

2. All data content required by the user is displayed in the order of priority

3. All important options are displayed on the home page

4, important items to always show

5. Important items are displayed at the top of the page in the middle position

6, the necessary information to always show

7, messages, prompts, notices and other information appear on the screen easy to find places

8. Make sure your home page looks like a home page (make your page different from other level two or three pages)

9, the length of the homepage should not be too long

10, the app navigation as far as possible to use the bottom navigation way, the number of menus 4-5 best

11, each app page length should be appropriate

　　12. Use clickable ' content list ' on long Web pages

13, the Special navigation page to be short (avoid scrolling, so that users can browse all the navigation information at a glance)

14, priority to use paging (rather than scrolling), but also to improve the speed of the current page loading;

15, rolling screen should not be too much (up to 4 full screen)

16, need to read carefully understand the text, you should use the scroll screen (and non-page)

17. Provide a title for the frame (note: Depending on the platform, Android: title centered, iOS: Left < on)

18, pay attention to the height of the main plate

19, the first-level navigation in the left panel (according to People's habit of looking at things, habitual from left to right, from top to bottom)

20. Avoid Horizontal roll screen

21. Is there enough space around the text area

22, each article is reasonable classification in each logical area, and uses the title to divide each area clearly

23, pay attention to the overall app style color collocation

23 Basic principles of App interface design and page layout