Tab Navigation for Web Sites – Done Right
Hello world.
As you probably have seen, our new site uses tabbed navigation on our home page. We do this because we have a ton of information to convey right away. You still have to make choices on what is important, but it does give our visitors the ability to view it all quickly.
Anyways, enough hyping our own bad arse self. I wanted to use this as a good reminder on how to use tabs properly. The guru of usability Jakob Neilsen says the following:
http://www.useit.com/alertbox/tabs.html
- Use it for alternate views between similar areas.
- Logically chunk the data.
- Use it when users don’t need to compare data.
- Parallel in nature.
- Highlight the selected tab – MOST IMPORTANT
- Connetc the tab to the content area – SECOND MOST IMPORTANT IMO.
- Labels short
- Title Capitalization – Not sure why this matters.
- One Row
- On Top of content area
- Scope is obvious
- Fast response time
I would also like to add:
- That they need to look good and designed into the web site.
- That you need to focus the user on your most important content as the default tab.
- That if you have a bunch of tabs, perhaps consider an automatic rotation to let the user know there is multiple views.
Anyways, just our two bits.
About Us
Did you know more than 200 clients have worked with PaperStreet for more than 10 years?
Get a Free Website
Analysis and Consultation
Marketing Services
Join the Sales and Marketing News, receive our last insights, tips and best practices.
Our 7 Guarantees
Keeping 2,000+ Clients Happy Since 2001.
1
You Will Love Your Design
We design to please you and your clients
2
Same-Day Support
24-hour turnaround edits during business hours
3
Free Education
We provide knowledge to help you expand
4
No Hidden Charges
We quote flat-rate projects
5
Own Your Site
No strings attached
6
We Create Results
SEO, PPC, content + design = clients
7
We Make Life Easier
One agency for web, branding and marketing