In the header of my website, I have a navigation bar with "Tabs" representing difference content Sections in my website. (See Screenshot #1)



When a user clicks on a Section, a listing of related Articles is displayed, and the "Tab" becomes highlighted. (This seems straight-forward enough?!)

If the user then chooses a particular Article, it is displayed on a new page, and the related "Tab" remains highlighted like this... (See Screenshot #2)



Does this make sense visually?

For some reason, the highlighted "Finance" tab and the Article "Postage Meters Can Save You Money" seem somewhat disconnected?!


Also, I wonder if having the "Finance" tab highlighted, might somehow confuse a user into not realizing that if they are reading an Article, but click on the highlighted Section, then they will be taken back to the "Section Home Page" which lists all Articles in said Section.

I am using "Pretty URLs", so I'd like to think these help a user figure out where they are to some degree... (See Screenshot #3)


(And, yes, having a "breadcrumb" might be nice, but that will have to wait until my next release.)


So overall, what do you think?

Do my Navigation Tabs confuse things or help users figure out where they are at?!

Sincerely,


Debbie