SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Does this Shaded Tab do what I want it too?

    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

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Is the "postage meters" article under the "Finance" section of the site? (In other words, is it a sub-page?)

    Is that why the "Finance" tab is still selected?

    What is the coding logic you are using to select/highlight the tabs?
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Force Flow View Post
    Is the "postage meters" article under the "Finance" section of the site? (In other words, is it a sub-page?)
    Yes. (See the 3rd screenshot for clarification)


    Is that why the "Finance" tab is still selected?
    Right. I *thought* that is what a user would expect to see?!


    What is the coding logic you are using to select/highlight the tabs?
    Why do you ask?

    The problem isn't whether my code works or not - it does. The issue is WHEN and WHY should I show things highlighted. (In other words, what would a user normally expect to see??)

    Follow me?

    Thanks,


    Debbie

  4. #4
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Ok, I gotcha.

    I usually expect to see it highlighted, although I wouldn't complain if it wasn't.

    On a few designs I recently worked on, top-level menu items were highlighted while on subpages of that menu item. So, my preference might lean toward having it highlighted, although it's completely up to you since there are no hard rules for going either way on this.

    Either way, I would consider breadcrumbs more essential than highlighting (but like you said, it's something planned for another time).
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  5. #5
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Force Flow View Post
    Ok, I gotcha.

    I usually expect to see it highlighted, although I wouldn't complain if it wasn't.

    On a few designs I recently worked on, top-level menu items were highlighted while on subpages of that menu item. So, my preference might lean toward having it highlighted, although it's completely up to you since there are no hard rules for going either way on this.
    Interesting.

    Funny thing is that the highlight was broken for months until this morning. Then after "fixing" it, I took another look and was like, "Hmmm, does that communicate what it needs to?!"


    Either way, I would consider breadcrumbs more essential than highlighting (but like you said, it's something planned for another time).
    So how hard is it to code a Breadcrumb?

    And are Breadcrumb components supposed to be hypelinks, or can it just be a static (e.g. Finance/Articles/Postage-Meters-Can-Save-You-Money)

    Finally, if I went to all of the trouble of creating "Pretty URL's", then why don't users just look up in the URL like I would?!

    This pretty much says it all...
    http://local.debbie/finance/articles/postage-meters-can-save-you-money

    Right?!


    Debbie

  6. #6
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DoubleDee View Post

    Finally, if I went to all of the trouble of creating "Pretty URL's", then why don't users just look up in the URL like I would?!

    This pretty much says it all...
    Right?!
    Convenience. A visitor shouldn't have to "figure it out". If you force them to do anything on their own, they'll give up and go elsewhere.

    Navigation is important, and it's critical that you help prevent a visitor from getting lost on your site.

    Basically, you only have about half a second of a visitor's attention before they decide to stay and look around, or simply "bounce" (this is where the bounce rate of website analytics comes into play).
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  7. #7
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Force Flow View Post
    Convenience. A visitor shouldn't have to "figure it out". If you force them to do anything on their own, they'll give up and go elsewhere.

    Navigation is important, and it's critical that you help prevent a visitor from getting lost on your site.

    Basically, you only have about half a second of a visitor's attention before they decide to stay and look around, or simply "bounce" (this is where the bounce rate of website analytics comes into play).
    But to re-confirm, you seemed pretty content with how I have things laid out currently (without having Breadcrumbs), right?


    Debbie

  8. #8
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DoubleDee View Post
    But to re-confirm, you seemed pretty content with how I have things laid out currently (without having Breadcrumbs), right?
    The color scheme seems a little muted...greater contrast between the tab colors and the text might help.

    Overall, it works, but if you really want feedback on the design, I'd recommend posting in the design review forum http://www.sitepoint.com/forums/foru...-amp-Critiques
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  9. #9
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Force Flow View Post
    The color scheme seems a little muted...greater contrast between the tab colors and the text might help.

    Overall, it works, but if you really want feedback on the design, I'd recommend posting in the design review forum http://www.sitepoint.com/forums/foru...-amp-Critiques
    Thanks for the comments!


    Debbie


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •