Tabbed Browsing

Closing an Open Tab

Small things can make a big difference on frequently-performed tasks.

Consider how Internet Explorer 7 supports the task of closing an open tab.

1. Move to the tab I want to close:
Closetab1_3

2. Click on tab I want to close (the Close button becomes viable/active):
Closetab2_2

3. Move the mouse over to the Close button and click:
Closetab3_1

----------------------------

Compare this to how Firefox handles the same task.

1. Move mouse over the Close button and click:
Closetab4new2

----------------------------

The tabbed browsing in Yahoo Mail works the same way.

1. Move mouse over the Close button and click:
Closetab5new

----------------------------

It may seem like a small detail, but missing opportunities to make frequent tasks more efficient can result in a "death by a thousand paper cuts" effect for a system's user experience.

Update: It is possible to close a tab in IE7 by right-clicking on a tab and selecting "close" from the contextual menu.  However, this is less discoverable than simply having a "close" button clearly available on each tab.

Items Open in a New Tab

Yahoo mail takes the idea of tabbed browser and brings it into their web-based email application. Messages automatically open in a new tab. This avoids window clutter that would otherwise occur if each message opened in a new window.

Tabbedmail

From: Yahoo Mail

My Photo

About

  • Blink Interactive is a Seattle-based user experience consulting firm. Our design library is an informal collection of design examples with commentary.

Search

Widget

  • Get this widget from Widgetbox