Open New Window Still Has Usability Issues

Open new windows is a no-no for several reasons. Frequently readers probably know this already, but since I’m often seeing this on Danish web pages, I think it’s time to reopen the discussion with new considerations.

  • Unless you warn them, Web users are likely to expect the new page to load in the current window. Unexpected surprises can be fun, but not when you’re browsing the Web.
  • The act of opening a new browser window resets the back button in that window. The back button is the second most used navigation function (after hyperlinks, source: useit.com), so resetting it is a big no-no.
  • To open a new browser window can disorient very novice Web users and the visually impaired. They might not realise that a new window has opened and might struggle to switch between windows.
  • Opening a new browser window disrespects the desires of your users. If they want a new window, they’ll ask for one. Don’t force a new window upon users unless there’s a very good reason to do so.

Source: Neil Turner, Sitepoint “Beware of Opening Links in a New Window

I would add two reasons to this list.

  • Current browsers handle new windows differently than just a few years ago. This means that you may not clutter the task bar with new items. In stead, most windows that users don’t explicitly request are opened in tabs. Just a blink with the eyes or a head turn is enough to miss the fact that a new tab was opened, the browser history is reset, and back button does not work.
  • Browser toolbars with popup blockers tend to become widespread and used as default installations by some corporations (I have seen a few examples of this recently).

Web developers can overcome this latter obstacle by avoiding certain constructs in the code, but overall, using popups on your website increases the risk of having users not able to use your application.

Nevertheless I have often found myself recommending popups in some web applications. But recently, I found that so-called lightbox dialogs can replace the popup.

I see one place for using popup windows or lightboxes: You want to make a page less cluttered and hide away advanced functionality that’s related to that one page. The advanced functionality could fit in a separate dialog so you can fill that in and then return to the main page. An example of this is the Flickr Organizer where most of the detailed manipulation of photos is done in lighboxes.

Popups: Think hard — very hard — before you decide to use it. Resist any urge, and use a lightbox window in stead. Users can open their own windows, and current browsers let users decide whether to open in same window, new window or new tab.

More info:

Technorati Tags: , , , , , , , ,

23 Responses to “Open New Window Still Has Usability Issues”

  1. Ron Derksen Says:

    And if you do need to use a popup window, make the href of the link element point to the same url as that of the popup. This allows people to actually open the link in a different tab. Just stop the javascript onclick event from bubbling up by either adding “return false” at the end of the onclick handler, or use Event.cancelDefault().

  2. Jesper Rønn-Jensen Says:

    @Ron: Good point. Thanks for adding this. I have deliberately refrained from writing specific howto and technical implementations. But you are absolutely right: Use JavaScript cleverly and unobtrusively if you use it.

  3. Michael Zuschlag Says:

    Lightbox. Huh. What is it good for? It seems to me the whole idea behind a dialog-type window is to allow the user to view and maybe manipulate (if modeless) the primary content while working in the dialog. At least as illustrated in the Thickbox demos, its weird form of modality prevents the latter, and the lack of movability and resizability severely limits the former (and what’s with the darkening of the primary content?). Then there’s its rather bizarre behavior that makes interaction clumsy, like try the Inline Content demo. Click a link inside the Thickbox and the *primary* is replaced by the new content (yow!). Click Back and the original content reloads with the Thickbox closed (double yow!). There’s a definite learning curve to this thing. So what’s the advantage over opening a new window or simply loading new content in the same window? The only thing I can think of is to serve as a sort of balloon help or tool tip feature. New ideas are great, but they have to have some practical advantage to justify themselves.

  4. Making JavaScript transparent « Archive « The Doctor What Says:

    […] JustAddWater: Open New Window Still Has Usability Issues […]

  5. Ryan Roberts Says:

    I strongly agree with the arguments made for not using pop up windows for linked content. I would even argue that it not only creates confusion for novice Web users but most Web users, at least initially. There have been countless times I’ve clicked the back button multiple times before I realized that the stinking site had forced me into a new window.

    The ironic thing is that webmaster use the pop up window to keep their users on their own sites. But when the user who’s been forced into a new window tries to use the back button to return to the original site’s content they are unable to because the back button gets reset.

  6. Jesper Rønn-Jensen Says:

    @zuschlag: Thanks for your enlightening comment. I have to disagree with your point that lightbox windows are useless.

    I agree that they are not always used the “right way™”, and I agree that there may be usability issues with the Thickbox examples you refer to.

    However, lightbox can be pretty darn useful in web applications, especially in the area where web apps meet desktop apps. In my opinion, A lightbox is definitely better to use than a popup window where the popup can “disappear” for the inexperienced user (behind the primary window).

    Lightboxes have to be executed perfectly to work: For instance, pressing Escape must close it, and entering information in a dialog and pressing Enter must also close it and return to the updated main page. I’m not sure if Thickbox respect these conventions out of the box.

    You also write that you are confused with a lightbox that is replaced by another lightbox (and when it’s closed, the first lightbox replaces the second). Well, this is exactly what I would expect as default behaviour — not from a technical perspective, but from a user’s perspectiv.

    This way, it reflects the way modal dialogs work for instance in desktop applications. Print a document, choose advanced print settings, and the other modal dialog is “in control” and later gives control back to the first dialog.

    It’s also a good way to keep consistent data in the application.

    I think that it’s very interesting that you did not understand it that way. Which means that lightbox functionality will probably require extra user testing if it’s decided to use lightboxes in an application. (Sorry for using you as an example of a “dumb user”, zuschlag)

    Furthermore, I don’t really see any decent alternatives to using the lightbox: Popups are not modal and tend to dissapear from the user. Making less advanced apps could be an alternative — but in my experience it’s hard to implement in enterprise corporations where I hear a lot of arguments like: “but our company is special”, “we are different”, etc.

    Any other alternatives that you would suggest?

  7. michael Says:

    On a slightly different browser/new window/usability note…
    Why is it that CTRL+T opens a new tab, yet CTRL+W CLOSES a tab instead of opening a window? I have to CTRL+N to open a new window, which isn’t all that easy with one hand. Dumb.

  8. Jermayn Parker Says:

    I personally think you should only open in new window for pdf’s, word doco’s and other stuff like that. Would be the only time I actually agree with Jakob Nielson…

    I also agree that while this has been a topic that web designers have agreed on (one of the few), most executives and other ‘big wigs’ who make web decisions do not know this simple fact..

  9. Arjun Says:

    Jesper, what are your thoughts on opening new windows from a heavy-weight map page? IE visit a Virtual Earth or Google Maps based mashup. If one were clicking through to detailed pages from a map page, could it be more effective to launch in a new window? That way you avoid the reload time when clicking “back” to the map page.

  10. sasa_eh Says:

    I agree with Michael.
    That kind of scripts add new complexity to the user interaction from my point of view.
    How do I close that funny window? How can I go back to the previous image?

    I agree taht they are far more visual than a popup, but, do they really solve the pop-up problem? Give them more control to the user?

    Most of them act like a modal window.

    As everything, there are situations where you can (must) use lightbox scripts, other where you can (must) use pop-up windows, and, surely, in most of the cases you can avoid using both.

    Regards

  11. Jermayn Parker Says:

    Hears an article I actually wrote about this and some other incidents of web design usability and accessibility..

    http://germworks.net/blog/2007/07/02/usability-and-accessibility-the-foreign-legion-of-web-design/

  12. Los textos de qweos.net» Blog Archive » No abra enlaces externos en páginas nuevas Says:

    […] Open New Window Still Has Usability Issues en justaddwater.dk […]

  13. B Merrell Says:

    Can somebody speak to the concern of web designers to link externally with new windows? Does the practice really preserve traffic by keeping people on a site?

  14. Jermayn Parker Says:

    @ B Merrell – what do you mean by your comments??

  15. B Merrell Says:

    I’m sorry. I’m simply asking if it’s reasonable to use new windows as a strategy for keeping traffic on a site. By making all external links open in a new window, for example.

  16. Jermayn Parker Says:

    Ok, personally I do not agree with that at all.
    The only time you should open something in a new window would be a pdf and even then I would not agree with that.

    Everything should stay in the one window, let the user (not us) decide when/ how/ if they open in a new window.
    Read some more hear: http://germworks.net/blog/2007/07/02/usability-and-accessibility-the-foreign-legion-of-web-design/

  17. B Merrell Says:

    Oh, I see. So while it keeps traffic on the site if they keep the window open, it keeps them off the site if they’re trying to go “back” to it. That’s the reasoning I was looking for. Thank you.

  18. laurie Says:

    Question for you all –
    is there ever a reason for using a pop-up window? I saw earlier that pop-ups would work for opening a pdf or word doc – but what about blogs?

    I was thinking that the user would want to remain in the blog while opening links in another window – but my co-worker strongly disagrees for much of the reasons highlighted above.

    I welcome a weight in here. Thanks!

  19. Danni Says:

    An interesting discussion. IMO, opening certain links in a new window or tab IS necessary in some cases.

    As always in ID, target audience (skills), context and business goals play a role. For example, you want to link to a different (partner) site but want your users to easily switch or return to your site when done there. Then in this case you would want to open a new window, so users can ‘find’ back your site easily. (Unfortunately, accessibility and performance aren’t factors often considered.)

    Question – Is there a way to open a link in a new tab (FF and IE7) instead of a new window? And have this tab appear on top, instead of loading ‘in the background’. I think this would solve the taskbar cluttering problem, and the user will be more likely to see that a new window has opened, and also see the refering site.

    Don’t expect users to know the keyboard shortcuts for openening a link in a new window/tab!

  20. Zopim Blog » Blog Archive » Inline Chat Windows - Why Popup Chat Windows just don’t cut it Says:

    […] fact is popup browser windows has usability issues and is considered by many to be a clumsy interface that will gradually be phased out. Google led […]

  21. Birgitte Stær Says:

    I came across this discussion looking for information on how I can make a www-hyperlink open in a new window/_blank from an uploaded pdf.
    If the source-pdf is a bit heavy reloading it using the arrow is definately a problem. At the same time it is not possible to use the shift-command or rightclick to open the link in a new window from a pdf.

    As long as links to the internet open from a pdf viewed in Acrobat or Reader the link will naturally open in the browser and therefore in a ‘new window’, which leaves the pdf itself open in the background. But if the pdf is uploaded to a server, links will not open in new windows. You will have to go back to the pdf using the arrow in the browser.

    I recently uploaded a somewhat heavy pdf (9Mb) with many links in it. It loads quite slowly and that means a major problem concerning the links. Every time a link has been visited and you return to the pdf the pdf loads again. It takes way too much time.
    It seems I have to tell people to download the pdf to their harddisc before visiting the links and that is not the most elegant or disirable solution.

    Maybe in this forum you have a tip to solving this?
    I produce the links in the InDesign-document or Acrobat which don´t seem to have any options for the links to open in new windows, and to my knowledge I have no access to the underlying scripts.

  22. Should you or should you not have links open in a new window/tab? | Web Development Blog Says:

    […] Open New Window Still Has Usability Issues […]

  23. UX Designer’s Quick Reference | butlerhouse Says:

    […] Open New Window Still Has Usability Issues – Jesper Ronn-Jensen […]