Is It Time To Rethink Web Navigation?
We’ve certainly seen a number of web sites start to push the boundaries of traditional navigation and they call out a couple like The Wishes Greenhouse at Clair et Net or how other sites use responsive web design to provide a better experience depending on the capabilities of the device you’re on.
Web Pages & Sites vs. Web Applications #
This worked well when the web was only about sites and pages - navigating from one page to another and consuming content. But as we see more and more web applications come online, the traditional navigation model doesn’t work any more.
I think the author missed a great opportunity though to talk about the difference in navigation between web applications and web sites - two very different models. In a web site, navigation provides a connection from one page to another and a way to move around from one piece of content to another. Web application navigation is different, instead of moving between pages, it’s more about providing the user with an ability to control and interact with content. Changing the paradigm away from navigation towards control is one of the core components that separate websites and pages from applications.
Let’s take a quick look at Music by Google. Notice there isn’t a nav bar across the top, or on the sides, and there isn’t a footer either? Instead along the right side, there are a number of links that change my view. At the bottom, where the footer normally would be are the player controls (back, play, forward, volume, etc). Instead of providing links to help me get somewhere - the links on the page help me accomplish something, or change the view that I have (maybe to a different playlist, artist or genre).
Being More App-y #
Step Out Of The Box #
It will take some time for this paradigm to change, but it’s an important one. Today we still think in the web site and web page “box” too often when creating web applications. Let’s get out of that box, and make web applications feel more like applications and less like web pages.