: What to think about for top navigation for an informational site Our site is pretty old and the navigation is currently a large list of links on the left side of our page. (We use CSS
Our site is pretty old and the navigation is currently a large list of links on the left side of our page. (We use CSS similar to suckerfish to collapse it)
Our site is mainly informational, with topics from news releases to science papers to social media links and multimedia.
How to make effective top navigation? Use a classic top nav with contextual side navigation? How many menu items become too many? How much of the page should be dedicated to navigation? What sort of principles guide the decision as to where something goes in my menus?
EDIT:
This is a .gov site, therefore much of the content is esoteric and not for everybody. However if you need it, you really need it. And in our case, about 50% of our visitors are probably looking to argue with us (meaning they are on the hostile side to begin with)
More posts by @Nimeshi995
4 Comments
Sorted by latest first Latest Oldest Best
I highly recommend the book
Information Architecture for the World Wide Web
book title ecx.images-amazon.com/images/I/51lV2RkF%2B0L._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg
Which covers a lot of really good UI design topics on web navigation.
You can always do 2 level deep navigation or one like the one at http:www.godaddy.com but if you have more than 100 pages then I think there is better ways to do it.
When you have a lot of links I think a very strong Search feature is key and a great set of site map pages. I have noticed that almost 50% of the people that use the site I work on search for products rather than using the navigation. The company work for has over 100 product pages and everything get complex pretty quickly.
Also, an alphabetized site map is probably going to work wonders. If you look at companies with a ton of content like Google and the like they end up having pages that are basically site maps with a few images and graphic elements to make it work better.
Also, remember who you are targeting. I would guess that if you are working on a gov site then you probably have a lot of users who are not necessarily net savvy and/or have slower computers. So if you build your nav around ajax or javascript they may have issues. Using simple tools wins out a lot of the time when it comes to good web design.
How about having a A-Z option on your top nav, this is great for lots of listings of information, have a look at this link
www.ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx
If you gave a link to your site, we could help a whole lot more.
Pros
Top navigation gives your content more width. It doesn't tie up valuable width space of the page.
Top navigation is easier for a visitor to find and understand
If done correctly, Mega Menus provide a great way to cram a lot of information in top menus. www.useit.com/alertbox/mega-dropdown-menus.html
Cons
You have to limit the amount of menu options or it will too wide or wrap around.
It's not as easy to provide contextual submenus with a top menu strategy.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.