In Clearspace we have a new UI element on every page we're calling the User Bar (pretty creative name no?). The idea behind it is simple: provide a consistent place to get at a number of useful features. The idea is not new -- many sites have it. Often, it's called "Satellite Nav," meaning it's a set of links that are global to each page. They're fixed and never changed.

 

The User Bar has gone though many changes over the course of development. Initially, it was just an ugly set of links at the top of the page. Now it's a great looking set of links, menus and a search box.

 

!http://jivesoftware.com/blog/wp-content/uploads/2006/12/toolbox.gif!The User Bar actually started off as the "Toolbox" or "Wallet." The idea was to provide one click for anything you might need. For example, after clicking on the "Toolbox" link a new section would slide down and have information about your profile, links to write new content, history, etc. Over time, the major problem we had with this was that it hid a lot of functionality. We wanted users to easily see their avatar, a profile link and other useful links. So, given this the "Toolbox tab" was scrapped.

 

!http://jivesoftware.com/blog/wp-content/uploads/2006/12/toolbox2.gif!Next, the Toolbox turned into a menu item. While the UI was better, this direction still hid a lot of functionality. The biggest reason we decided to not go this route is because it really confused our users. People had wildly different expectations of what a "toolbox" meant.

 

After some serious user testing we decided to make a new bar that acted more like a menu. There would be only a few options to choose from and each one would open up on a mouse click (with a hover effect). Initially each link started out pretty wordy: "New" was "Create Content", "History" was "View History" and "Your Stuff" was "Profile & Tools" (ack!). We spent a lot of time whittling each link down to the fewest words and fewest characters. Now we think we have a pretty useful bar and the links make sense.

 

Here's a shot of what we ended up with:

 

[http://jivesoftware.com/blog/wp-content/uploads/2006/12/bill-user-bar.gif]

Both the user's avatar and username are links to the user's profile. The "New" link opens a small menu to create a new discussion, blog post or document from anywhere in the application. "Your Stuff" is a menu all about you: links to your profile, private messages, your blog, drafts, etc. "History" is a useful way to jump around to content you've recently read. Finally, "Communities" is a way to see and go to different communities in the system.

 

What's not shown is the simple search box -- that's on the right next to an icon to get a printable version of any page.

 

We've been using this and we really like where it's ended up. I used to see a lot of hesitation when people would mouse over a link or the old toolbox -- users generally had no idea what the links would do. Now it's much more obvious and people have responded really well.