Death to the (Traditional) Top Nav Bar

We see them everywhere: That roughly-80-pixel strip at the top of a website that houses some basic links and our current login information. The same stuff, in every website, taking up space and generally sitting around like a bump on a log. I say, enough. Let’s stop wasting precious space on things that the user already knows. Let’s give ourselves 80px worth of extra content to keep them engaged with what they’re logged into, instead of giving them an ever-present means to log out. Let’s trust ourselves to step up to the challenge to think of navigation in a new way and, if we do use top nav, to make it a conscious decision instead of a default instinct.

It’s a scandalous choice, but some of the best UX decisions are. Below are nine examples of websites who have ditched that ugly strip, and are better off for it.

OXO Tower, London

http://www.oxotower.co.uk

Screen Shot 2015-10-26 at 15.00.41

Google Ventures

http://www.gv.com

Screen Shot 2015-10-26 at 15.31.04

Soppo Interactive Production Studio

http://soppo.co

Screen Shot 2015-10-26 at 15.37.13
Screen Shot 2015-10-26 at 15.03.53

Wonderwall Interior Design

http://wonder-wall.com

Screen Shot 2015-10-26 at 15.26.22
Screen Shot 2015-10-26 at 15.34.06
Screen Shot 2015-10-26 at 15.35.29

The Mark Hotel, New York

http://www.themarkhotel.com

Screen Shot 2015-10-26 at 15.28.49

Second Story Interactive Design Studio

http://www.secondstory.com

Screen Shot 2015-10-26 at 15.05.45

Have a comment or thought? I want to hear it! Join the discussion by tweeting @ashleymarinep or on Facebook.

Photo credit 

David Boté Estrada