Reasonable reduction of new open window open page

Source: Internet
Author: User

Although it is a very old topic, but still feel a lot of webmaster friends in the site does not pay attention to this detail, the use of Target=_blank is not absolutely wrong, but in order to improve the accessibility of the site, should be divided into scenarios to explore how to reduce the new open window.

Put aside some illogical intent regardless, why do you use pop-up pages in large numbers? Because designers worry that users lose their way. Why do users lose their way? Because the navigation system is not good enough. Why is the navigation system not good enough? Because the product function too much too messy. Why is the function too much too messy? Because the demand is not well controlled. Why is the demand not controlled well? Because the person who made the demand did not think clearly.

Frankly speaking, many occasions are not only the problem of designers, so you can only choose to continue to compromise with shoddy schemes to pile up the structure of tofu slag system. Some things in the fast paced can not be avoided very normal, but the designer should be responsible for the iterative overall overall reconfiguration.

Should force Target=_blank

1. File Download link

2. File Print link

3. Non-mainline tasks and interrupt process links

The above reference to Taobao old bag students in 08 to sum up the situation in line with the new window to open the application scene. Download a variety of documents, print a variety of documents, need to contrast the help, the registration form of the privacy provisions are necessary target=_blank.

It is very rare to conclude that Target=_blank will inevitably enhance the user experience, and personally think that as client technology develops, it is gradually replaced. For example, Lightbox this AJAX application, to the designer to "see the big picture no need to open a new window" of the new design concept, which was unthinkable before.

Selectable Target=_blank

1. Cross-domain links

2. Cross Application Platform Links

3. Layout Change Link

Main domain name replacement such as friendship links, blog embedded keywords external links, and across the application platform links often have to change the level two domain name. If all do not open the window, in order to avoid accidental jump, should first remind the user that this is an external link, if the part of the new open window, then there should be a uniform rules to constrain, and explicitly informed that will opens new window. Have seen three categories of cases:

MSDN example, icon tells the user that this is an outbound link.

Gblog example, icon to inform the user that this is an outbound link, while you can click Target=_blank.

Egloos (Korea) example, when the trigger icon to inform the user that this is an outbound link, you can also click Target=_blank.

Neil Turner, from SitePoint, has added three different forms, similar to the other. It is worth mentioning that there is a case with the title prompt open in new window, which in fact conforms to the application of the "operational guidelines" mentioned in the use of title elevation accessibility.

Layout changes, such as the difference between a list page and a content page, users need to read a long time in the content page, each return to the list is actually more inconvenient. The most typical is the improvement that Google probably made at the beginning of 06, the default Target=_blank for the search results list, this example satisfies the above three conditions almost at the same time, and provides the default setting custom change back, 100% insurance.

Cannot force Target=_blank

1. Navigation links

2.tab Entry Link

3. Return Action link

4. Page links

5. Form

Special site map, index table also belong to navigation, should give users the greatest control possible. Regardless of global navigation, local navigation, auxiliary navigation, contextual navigation, or friendly navigation, are recommended to eliminate Target=_blank. For example, WordPress program in the sidebar container, almost all the site links are navigation, Target=_blank will seriously affect the flow of accessibility.

tab is a very common form of page content, but no matter whether the direct hidden display, asynchronous load display, or similar to the navigation of the jump, do not recommend Target=_blank, because at this time the user is more expected to change within the module, or in the current window to load a new page.

In addition, the navigation link and return operation links have some overlap, such as breadcrumbs navigation, grading back point is actually the return operation. The return operation on any page represents that the current page is no longer needed, so you cannot open a new window. This return includes clicking on the logo to return to the home page, and is one of the typical mistakes that can be encountered.

The form of the scene is relatively broad, such as registration, login, search should eliminate Target=_blank. A large number of fields of data form submission has a very important usability specification, click to return should be able to retain data, this WordPress background entry is excellent.

Summarize

Basic can be generalized as long as the impact of access, operation fluency links, do not recommend Target=_blank. In fact, no matter what the rules, as long as there is no clear logic to convey to users, will cause accidents. The difficulty with the design is that it is not possible to determine accurately whether the accident is within the acceptable range that the user expects.

Since the user is expecting the Target=_blank scenario to be difficult to judge, it should be mandatory and not mandatory for these two types of common error scenarios to be relatively easy to agree on, so the individual thinks it is easy to find a way to solve the problem. The simple example is no longer to repeat and there is a chance to add.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.