When to Open Links in a New Tab
Post from December 9, 2019 (↻ September 24, 2022), filed under Web Development and Art and Design (feed).
Always open links in the same tab unless doing so 1) could disrupt a process, 2) could risk data loss, or 3) could confuse the user.
This rule is an ad hoc one, yet also one based on industry heuristics like Jakob’s Law and user research around non-HTML links.
It could also be rephrased as follows:
Don’t tamper with hyperlinks unless you are certain to improve the user experience.
This really is it, for default link behavior is good while it’s always smart to keep an eye out for the user.
This really is it even when we run into advice that confuses user focus with self focus, as this recent quote from Web Designer Depot exemplifies:
External links, for instance, should always open in a new browser tab. Your goal in designing a website is to get more visitors to convert. Letting an external link replace your website in the open tab will only decrease the chances of that happening. In some cases, internal links shouldn’t be opened in the same tab either. So, be sure to think about this the next time you add a link to your site.
(This thinking is known to be tempting for novice website owners, yet it makes for a really bad practice.)
Always open links in the same tab, unless you are certain that you help the user. Users know how to open new tabs and windows, and they do so when they choose to.
Figure: Too busy to be forced to stay on that website. (Copyright King Features Syndicate, Inc., distr. Bulls.)
I’m Jens, and I’m an engineering lead and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!
Maybe this is interesting to you, too:
- Next: On Codes of Conduct
- Previous: On Leadership
- More under Web Development and Art and Design, or from 2019
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.