30 Website Navigations that Make You Wanna Click It
The navigation might be the single most important aspect of a web design’s usability. Without a navigation, you would be stuck on the home page for a very long time. I believe a navigation or menu must be easy to use, but this doesn’t mean it has to be boring. In fact, it helps to add a little flair to your navigation. It entices visitors to click and hang around your site a little longer. Here are thirty examples of beautifully designed web design navigation for your inspiration.
Billy Tamplin
Burciaga
The Swish Life
Mission Bicycle Company
Typejockeys
Red Velvet Art
MetaLab
Authentic Jobs
Icon Dock
Morphix Design Studio
Sushi & Robots
Utah.travel
Robert Alan
Hull Digital Live 09
NOSOTROS
Artua Design Studios
Internet Dreams
Strutta
Pirata London
Tapbots
Weightshift
Guifx
Owltastic
inkd
Bohemian Coding
Think Orange
Culinary Culture
Light CMS
Toggle
atebits
Related Posts
Here's some other articles that you will definitely find useful.
The Principle of Contrast in Web Design
Whitespace: The Underutilized Design Element
Headers and Footers that Grab You Coming and Going
11 Blogs to Help You Become a User Experience Expert
10 Tips for Creating Compelling Web Copy
Dec 16, 2009
Great list. Wish I would have seen it earlier. Needed the help. Oh well. I’m happy with what I ended up with. Thanks for the inspiration list.
Dec 16, 2009
I like the list, well mainly because it contains some pretty examples.
But my question is: do these pretty buttons really want to make you click them? Do you have test data to back your statement ?
Cheers
Dec 16, 2009
Excellent examples. Love them all
Dec 16, 2009
How about the very simple navigation of http://www.portsurf.co.uk
This still needs some tweaks to stop the navigation bouncing when over-zealous mouse movements are used but I like it.
One day we’ll have the time to make the site even slicker (I’d love to have more time, I really would!)
Great list, though – very inspirational for those who are not graphic designers
Dec 16, 2009
Utah and Pirata London are the ones that I really like for some reason.
Nice collection. I think the nav is a very important part of the design. I do think that the links should be enticing, and you have done a great job showcasing sites that have enticing navigations.
Dec 16, 2009
nice examples!!
Dec 16, 2009
Awesome collection!! Thanks
Dec 16, 2009
Great navigation bars. Loved to navigate them.
Thanks
Dec 16, 2009
i liked metalab and guifx
Dec 16, 2009
nice list… thank you.
Dec 16, 2009
Love the post title
Dec 16, 2009
Nice showcase with beautiful examples. Good work.
Dec 16, 2009
tabs for navagation never seem to get old. great post.
Dec 16, 2009
Nice showcase! It’s always a beautiful thing when cognitive psychology, gestalt laws of perception, elegant design and keen interaction modeling come together!
There’s something to be said for the aesthetic-usability effect. It doesn’t always solve the problem, but it does make you want to click!
Dec 16, 2009
This showcase is an example of clean webdesign..love the red velvet art navigation!
Dec 16, 2009
Hate such buttons! i click them even if don’t want to (
Jan 4, 2010
haha.
Dec 16, 2009
I wasn’t a fan of a couple of these, some of them look the same as lots of other websites. I hated the Utah one, those compelled me not to click on them.
Dec 16, 2009
Very nice! Extremely inspirational.
Dec 17, 2009
hey, it helps generate great ideas… we can use few styling & colors in making layouts for our clients..
great list.
Thanks
Xcellence IT
Dec 17, 2009
thax for great inspiration.
Dec 17, 2009
good stuff, thanx.
Dec 17, 2009
There are so many elements that go into making a great website design. So many it can be overwhelming, personally I like to break each element up into individual creative exercises, In most cases the creativity is limitless, but I have found that the navigation is one of those elements you have to be careful with, being you don’t want to confuse the visitors,
I love this round up, for navigation inspirada, it is both creative and clearly noticeable, and can really help explore ideas for any website design project
–
Thanks and Regards
Noel for Nopun.com
professional graphics design
Dec 17, 2009
Actually a large amount of them does make me want to leave their site.
Dec 17, 2009
Thanks for posting.
Me likes Burciaga’s site design.
Dec 18, 2009
Though they all are good examples, I love clean, simple navigation such as Mission Bycicle company.
If you want to see others navigation samples here you are a nice list that I’ve made up:
http://web-patterns.net/category/menu-navigation/
Dec 18, 2009
Great collection of navigations
Dec 18, 2009
Inspiring list of web navigation.
Dec 19, 2009
You’re seeing more navigation sets with icon sets and sprites. Nice list.
Dec 19, 2009
Just love them all.
Dec 20, 2009
really nice collection
Dec 21, 2009
I like the more subtle ones. I think Nosotros is my favorite. The only one I really don’t like is the ribbon-shaped Home button on Billy Tamplin… it looks like an award, which would be a weird thing to have in your navigation.
Dec 21, 2009
Some really good ones. I get inspired by looking at them. Thanks for showcasing them.
Dec 24, 2009
I like the “atebits” site, like apple design. Very nice looks. Thanks a lot.
Dec 29, 2009
Carsonfied is not on it
Dec 30, 2009
Really good stuff. Thanks for sharing.
Dec 31, 2009
that”s very nice . all like of them
Jan 5, 2010
This is a great collection. Thanks for sharing these, I particularly like all the Apple-style ones.
Jan 8, 2010
Great inspiration, thanks
Jan 9, 2010
love the inkd navigationcsimple but useful.
Jan 12, 2010
Fantastic. Although I know most designers dont prefer it, and I am not a designer or a UX expert, but still, no examples of vertical navigation that are very clicky?
Jan 18, 2010
Awesome post
Jan 23, 2010
Wonderful collection.Great post.
Feb 9, 2010
I love the Utah.travel thing…. too good…
Thanx for the post!
Feb 19, 2010
I think many people over look how important the style of menu buttons can be in a website design. All of these websites are great examples as the menu buttons make you want to click through.
Feb 20, 2010
Great site for this, im definitely bookmarking it.
Feb 24, 2010
http://monaconovel.com
best navigation ever
Mar 5, 2010
I like the layout of your blog and I’m going to do the same thing for mine. Do you have any tips? Please PM ME on yahoo @ AmandaLovesYou702