Though the idea did alarm me at first, a careful study suggested it to be more productive than the layout we have right now. Aza Raskin, the head of user experience at Mozilla Labs, came up with the idea after being inspired by addons that provide a somewhat similar functionality. The mock up sketch he shared on his blog gives an idea of one of the several possible layouts we can have. Though the discussion has just started, I already believe that this would actually be far more productive then having a horizontal bar of tabs spread across the screen.
I have a vertical resolution of 1200 pixels, which leaves only a 1170 pixel working area for applications on Windows XP. I did a quick screen real estate analysis of Firefox and found out that in my current screen configuration, the status bar takes about 23 pixels from the bottom. The controls on the top aren’t consistent with their vertical heights. The title bar is 26px tall, and the menu bar and the navigation toolbar take 21px and 38px from the available screen area. The tabs take a further 30 pixels, and if you have other addons installed, they to require their space. My configuration has the Facebook toolbar, StumbleUpon toolbar, the Web Developer toolbar and the Bookmarks Bar running, that add up to take a total of 225 pixels from the top side of the screen.
Even if you don’t use these addons, the interface still takes a lot of space. Most web pages today are designed with a maximum width of 960 to 1024 pixels. The average screen width of visitors to The Technopath is well north of 1280 pixels. So that leaves about 300 pixels going to waste in most web apps we use today. In contrast pages have varying heights as content is spread vertically. This emphasizes the need of having a larger viewable vertical area, which would minimize the need to scroll up and down.
Google took the minimalistic UI approach with Chrome, which focuses on the web page instead of the browser. But in my opinion, they overdid it by not providing some of the basic interface features. Though the focus should be on the page displayed, some essential UI still needs to be displayed like a separate search bar which easily lets you select a search engine you want to search with.
Having a sidebar instead of toolbars would solve a lot of issues like these. Flock kinda does this already but their focus is different. Aza Raskin discusses a lot of possibilities which could be implemented, like tab grouping by domain and collapsible workspaces etc. I believe we can also dump the whole bookmarks bar idea in favor of something like quick launch – display icons to commonly used web apps and launch them with a single click whenever you need them. Having collapsible groups would be nice, but grouping opened websites like Windows 7 does in its taskbar would be better. Hovering over the icon/label shows a preview of the tab. And maybe ad smart features like mail/update notifications like Flock does.
All of this packed into one sidebar can be a lot more productive then having separate elements stacked vertically like toolbars. If you have any ideas or suggestions, then feel free to share them here in the comments or at Aza’s blog.
To be honest, It feels like a really bad idea.
First off, it would reduce the horizontal screen estate considerably.
The vertical screen estate you talk about in the picture about can easily be increased by hiding the toolbars.
ctrl + F11 for the stumble upon
ctrl + shift + b for the web developers toolbar
You can hide and unhide it as necessary.
As for the fb and bookmarks bar, they are not really needed.
You could also use small icons in your address bar to save some space.
Now the tab bar isnt much of a problem.
The main problem I have is that I usually work with around 30+ tabs running at all times, this would be hard to manage with a sidebar.
I think th current ff looks fine, a few improvements here and there are probably needed.
what I would want is auto turbo caching, for example integrated google gears to speed up apps used most often. etc.
Then I guess they should make it preference instead of forcing it. Because the Horizontal screen space doesn’t really matter if your are at a horizontal resolution of 1280 or greater, where as vertical space is very very limited, like on netbooks for example.
As for your concern about the number of tabs opened at a time, that’s where the idea of having collapsible groups and workplaces comes in. Something like the superbar in Windows 7.
i agree with Kumail.H.T above that most of what’s been identified above is easily countered, either by default features or other extensions. but (like always), i don’t think the idea is entirely undo-able, probably would need a bit of getting used to though.
for the vertical sidebar, you could perhaps toggle/auto hide it? or like what’s existing; the toolbar buttons for history/menu/sidemenu/bars etc.
there are addons to do so for almost every ‘default’ toolbar there. and the few experimental ones for sidebars.
to save horizontal space, bookmarks could be just favicons which can hover over to show titles?
well..at least it sounds not as undistracting…?^^;;or does it decrease memory too much?
sorry also if the idea is unsuitable for notebooks.
another thought: since tabs are widely used, maybe you could incorporate it also into toolbars?
a little drop down arrow context menu for adding a ‘toolbar tab’, and you just click once on each icon for each to show up and again to hide.
could use more than one at once, but usually people probably only need at most two at the same time.
the top, with ‘toolbar tabs’, address bar + menu items(i think most people hide these anyway..). and the second the usually either entirely ‘toolbar button’ ridden or entirely empty navigation ‘toolbar..tab’.
this way, multiple tab rows can be added/configured without wasting/taking up any (much) more screen space than before…hopefully. this i know at least is doable. the above..not so much. haven’t tried yet, sorry.
on that note, if you do decide to implement a vertical tab bar, could you consider also extending the usual sidebars as well?
for example increasing.decreasing the size limits when opening bookmarks that are checked to ‘open in sidebar’.
or the option to relocate sidebar to left, top, bottom etc.
the only example i can think of currently is the one used in web developer toolbar, it’s great to be able to see in full front what i’m doing. sidebar is a little less flexible for me..although it does tend to leave an ugly grey mark that doesn’t seem to disappear even after refreshing, but that may just be me.
thank you for reading and sorry to bother you.