O JOY! I've got vertical tabs in Firefox 2.0 again — I prefer a vertical tab strip for a number of reasons. Here's something I wrote in an internal Linden Lab project file as for why I'd like to see vertical Instant Message tabs inworld:
- People read more effectively with relatively narrow columns of text. Right now, to show many IMs, you're forced to stretch the IM window horizontally — this causes extreme line length and lower reading speed and comprehension when scanning through mounds of IMs. See this article for an example.
- When dealing with many IMs, what's initially perceived as "wasted space" with vertical IMs soon becomes space-saving because all of that gets filled up anyway. Multi-row horizontal IMs can be confusing, because there's no easy one cardinal direction to travel in, it's like a clump. Plus, the metaphor is problematic.
- Think of an address book with alphabetical tabs so you can get where you want quickly. How are the tabs arranged? Vertically, down the edge of the paper. Also, think about many long lists (e.g., bullet points), how are they displayed? Vertically. For example, a web browser's bookmarks, or Second Life's own menu items.
- Also a reminder that the popular AIM Triton has chosen vertical tabs for ongoing conversations. Many pictures of Triton here.
This is one of those features that's seems a bit odd from afar, but quickly becomes familiar once you actually start using it and get into the swing of things. Vertical tabs save time and are way easier to flip through. Horizontal tabs can be kept if you manage "lite" IMs, but for heavy-duty usage, I'll extend another example: I recently upgraded to Firefox 2 and am sad because I haven't figured out a way to open vertical tabs yet! (In 1.5, an extension called Vertigo, which doesn't work in ver. 2, did the trick.) As a result, I am noticeably slower and clunky when I open the whole list of daily emailed JIRA tasks (in Firefox: right-click, select all links, and "Open Links in New Tabs).
I specifically aligned my vertical tabs to the left of the main webpage content, which also makes sense because most computer screens are wider than they are tall, and especially with popularized widescreen solutions, you can really put that visual real estate to good use.
Yeah, it's been weighing heavily on me. 
I got my vertical tabs thanx to this "Tabs on left or right side" thread on the Tab Mix Plus forum. If you use Firefox, I recommend getting Tab Mix Plus, and also picking up another, Aging Tabs (thanx Lifehacker!), which will change the color of your tabs as they get old and crusty. 
It also uses your Windows highlight color for the active tab, so mine's hot pink. My inactive tabs fade from white to black after time. Dramatic, eh?
My only qualm is since the default Firefox theme wasn't designed for vertical tabs, there's this odd gradient sectioning. It's alright, it'll get better.
{ 1 trackback }
{ 10 comments… read them below or add one }
Here's another thought: Ditch the text on the tabs in favor of icons or thumbnails. It would work perfectly for IM windows, at least if everyone has a unique chat avatar. (If not, they need to set one!)
In a browser, the tab could display the a site's favicon (if it has one set), otherwise, a thumbnail of the page content might suffice. (In the case of thumbnails, the tabs would have to be wider, but not as wide as needed to display a full text title.) Thumbnails could also enlarge on rollover, making it easier to tell what each one represented. There's also IE 7's approach, with page thumbnails spread out across the whole window when you enter the tab switcher.
I kinda like the tabs on top, but I'd prefer the tabs to migrate to the side of the page if they grows in numbers past four or five.
Josh, a great thought I've also experimented with… unfortunately, when I'm on one site with many pages from it open, I definitely need the text!
Aster, I agree. I my general conclusion right now is for light tab users, having them horizontal is alright, but as they grow as you described, migrating them to the side actually saves space (and reduces scrolling) for a "big picture view".
Hi Torley!
Have you experimented with different themes to try to get rid of the gradient?
Chronic, haven't yet… going to!
The fix for the background, with choice of right or left tabbar and everything else fully working is at http://www.widefox.com .
Sounds like good news, Johnny! Thankee, I'll have to check it out, me being a vertical-tab enthusiast and all!
I know, necro, but I need to comment on this… The logic behind this decision just doesn't seem to make any sense to me. That study you cited suggests that wide lines of text are easier to read, not short choppy ones like you would get with these tabs on the side. Also, the amount of space they take up will always be far more than if you have them on top. No matter what it is just a far less efficient use of space; something I would definitely consider a waste of space even on my 21 inch screen. I actually came to this website from a Google search looking for a way to ditch the space wasting tabs on the side of AIM for a better looking, easier to use, and more space efficient set of tabs on the top.
"Twenty college-age students read news articles displayed in 35, 55, 75, or 95 characters per line (cpl) from a computer monitor. Results showed that passages formatted with 95 cpl resulted in faster reading speed."
@Andrew: I've made other blog posts since then with updated info, but I continue to use vertical tabs — I recommend trying it out firsthand!
I've done it both ways and have stayed with vertical tabs because my effectiveness is far greater than the horizontal way. It's like the web browser equivalent of a guitar fingering technique that appears unintuitive to an outsider, but live it — and learn it.
Re: the study, you're RIGHT, what I should've clarified is that doesn't go into what I meant by *extreme* line length above 95 cpl.
(No worries 'bout the necro.)
What code HTML or CSS is used for placeing
right sided folder tabs on a home page….
I have sean it on a web page
regards