Summary of pop-up and toggle pages

Share a short summary of the earlier, on the choice of pop-up window or select the switch page to host information, can be used to determine the number of angles, suitable for beginners to read.

1. The difference between pop-up window and switch page

1 &http://www.aliyun.com/zixun/aggregation/37954.html ">nbsp; Operation coherence: pop-up windows faster than the speed of opening a page, the response more timely, Clicks can be quicker to get the feedback of the operation, and the switch page will often let the user wait for a period of time.

Example one: In the personal center, view the action of the buddy Photo:

The action page to view the photos before will jump to the friend's Space "album" page, but now it is more improved as a pop-up window, can quickly see the photo magnification, turn off the window, you can continue to browse other friends information.

2 the continuation of the Operation pop-up window can retain the contents of the original page, the page will not be refreshed, the switch page is very likely to refresh, in the following two cases is particularly to avoid: users in the original interface has input content, users need to be based on the content of the original interface, to select or judge the content of the new interface. In both cases, it is best to prefer a pop-up window.

Instance one: Qzone the picture in the Write log:

Users insert a picture when they write a log, if the image is inserted at this time, the user may be worried about whether the previous input is still there, and the pop-up window will be able to keep the text edited on the original page, on top of which a small interface appears, showing the photos that can be inserted.

Example two, show the world in my locker, users need to see the effect of the room, to decide from the "My Locker" to choose which items into the room, with pop-up window can be more convenient to solve this problem:

Example three: an example of the opposite, the application of the Happy card, system from the "My home page," the card when you need to make the cards are in the "Full introduction" page to explain, so users need to constantly switch to the "Card full Introduction" page to view the need to synthesize the card, therefore, In such cases, it should be more appropriate to display the Card Synthesis Wizard in the form of pop-up windows.

3 operation of the Natural excessive pop-up window is not easy to get lost, know where you are, and when the page is switched 8630.html "> Sometimes it will be confusing to know where; the content of the pop-up page is often only relevant to the current operation and is floating on the original page, Users can naturally extend the results of the previous operation and continue to operate or browse, and the new page will often include new content outside the information: banner, navigation, some fixed columns and so on, users can not immediately locate the content they want to focus on, Therefore, the design of the switching page should pay more attention to the relationship between consistency and continuity.

Example one: Internet Café Tatsu Person's homepage page 1 clicks "Frequented Internet café", enters the page 2, because two page's structure is different, very easy lets the user feel does not know where.

Page 1:

Page 2:

4 Load Information pop-up window can be loaded with limited information, the operation process should not be too much.

5 the promotion of the Content pop-up window does not have a separate connection address, in the page to promote restrictions.

Example one: When making a list of activities on a credit card channel, the original design is to click on the title of the activity information, the pop-up window to show the details of the event, however, because the active page needs to be promoted with a separate address to facilitate users from other channels directly access to the activity Details page, so instead of switching to the page.

2. What is the difference between a pop-up window and a page?

1 The page can be launched to instantly feedback the user's operation; Easy to bring to the user a natural excessive experience, suitable for the expansion of the main content, more detailed, more recent content, when the user does not see the content does not affect the use of, and open the content, users can see more, or more rich features.

Instance one: The personal center expands the operation, displays the comment information through the page expands the form, it is not the main content which the friend dynamics, therefore as the additional information has collected in "the detail".

2 pop-up window is the user clicks the button, in the page floating out a layer to show further content, and the form of the expansion of the page is different, the pop-up layer is more suitable for the content of the region when used, such as the pop-up layer contains some operations, or important hints.

Example two: Edit the navigation in the interface to change the selection, the following preview interface directly see the effect.

Example three: two times confirmation prompts should use pop-up window:

Source: http://isd.tencent.com/?p=2116