Did you know? DZone has great portals for Python, Cloud, NoSQL, and HTML5!

For the past eight(8) years Schalk Neethling has been working as a freelance developer under the pseudo of Volume4 and is now the president of Overt Strategy Consulting. During this period he has completed over 300 projects ranging from full web application development to complete branding. As president and lead developer of Overt Strategy Consulting, Schalk Neethling and his team has released a 100% Java standards based content management system called AlliedBridge and business document exchange and review system, called Doc-Central. Schalk Neethling is also actively involved on a daily basis in the open source, web standards and accessibility areas and is a current active member of the Web Standards Group. Schalk is also the co-founder and president of the non-profit The South Web Standards and Accessibility Group, which aims to actively educate and raise awareness of web standards and accessibility to both the developer society as well as business large and small. Schalk also has a long relationship with DZone and is currently zone leader for both the web builder, css.dzone.com, as well as the .NET zone, dotnet.dzone.com, and you can find a lot of his writing there as well as on his blog located at schalkneethling.alliedbridge.com. Schalk is constantly expanding on his knowledge of various aspects of technology and loves to stay in touch with the latest happenings. For Schalk web development and the internet is not just a job, it is a love, a passion and a life style. Schalk has posted 173 posts at DZone. View Full User Profile

Multilevel Navigation - A Possible Alernative

06.19.2008
Email
Views: 2612
  • submit to reddit

I do not know about you but I really dislike menu systems that go beyond the second level. Some menus seem to keep expanding and expanding. One of the problems I have with this is that if you go down to the third level and move off the menu item by accident, you have to start all the way from the top again.

Sure, you can use JavaScript to delay the fading out of the menu but, I really want to try and avoid the use of JavaScript in this regard as far as I can. The other aspect is, that I just do not find it so useful. I cannot remind myself of the last time I actually used a menu item that was more then two levels deep…

So I was thinking about this scenario, breadcrumb trails etc. I started pondering the idea of how one can avoid three level menu systems while still giving the user easy and quick access to the various areas of the website or web application.

With this in mind I came up with a “system” that uses no more then a two level menu system i.e. top level and sub-level links, breadcrumb trails and the “You were here” trail. Now the crux of my entire idea lies on the effectiveness of this “You were here” trail. To best illustrate this let’s step through a typical user session at a website. We will look at this from two different perspectives, as a new user as well as a returning user.

The New User

The typical new user to a website is in ‘exploration mode’. They have not been here before and will more then likely move through the website going to either the top level pages or jump to some of the sub level pages that particularly interest them. So in this case a simple two level menu system combined with a well built and thought out breadcrumb trail should ensure a pleasurable experience for the first time user. They will be able to move two levels deep simply using the menu and as they dig down a little deeper the breadcrumb trail will help them find their way back quickly and easily.

The Returning User

This user is a more discerning user with a completely different use case. They typically know what they are after and want to get to the information they require with as little hassle as possible. Now, this is where the “You were here” trail comes into play and removes the need for menu system that go beyond the second level. During the users last session, each page they visited past the sub-level was logged along with a unique identifier.

This unique identifier was stored on the users system in a cookie as well is in the database. When the user returns to the site, the system checks whether the cookie is set and if it finds it, it pulls the last five visited pages from the database based on the unique identifier and populates the “You were here” navigation box. Obviously the amount of pages to display can be set by the user and defined as a preference inside this same cookie.

My believe is that if one combines a well designed information architecture, a two level menu system, a breadcrumb trail as well as the “You were here” functionality, no user should feel that they cannot get to where they want to quickly and easily. Combine the above with a search functionality and Bob’s your uncle!

Whether this is a new idea or not, I do not know but, either way, I believe this would be a solution that can be implemented successfully and I would love to hear everyone’s thoughts and ideas with regards to my thinking.

References
Published at DZone with permission of its author, Schalk Neethling. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)