30 Website Navigations that Make You Wanna Click It

One Ping

1. Pingback: 12 Excellent CSS3 Button and Menu Techniques | Tutorials

61 Comments

1. Brendan Wenzel December 16, 2009 at 4:27 AM Reply

   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.

2. webdevelopment December 16, 2009 at 4:35 AM Reply

   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

3. Waheed Akhtar December 16, 2009 at 4:37 AM Reply

   Excellent examples. Love them all

4. Damian Webber December 16, 2009 at 6:38 AM Reply

   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

5. Design Informer December 16, 2009 at 7:02 AM Reply

   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. 🙂

6. designi1 December 16, 2009 at 7:02 AM Reply

   nice examples!!

7. Jhay Gamba December 16, 2009 at 7:19 AM Reply

   Awesome collection!! Thanks

8. dandy December 16, 2009 at 7:31 AM Reply

   Great navigation bars. Loved to navigate them.
   Thanks

9. Anggi@icreativelabs December 16, 2009 at 8:24 AM Reply

   i liked metalab and guifx

10. M Anthony December 16, 2009 at 10:40 AM Reply

    nice list… thank you.

11. Check December 16, 2009 at 10:44 AM Reply

    Love the post title

12. Petrus December 16, 2009 at 11:35 AM Reply

    Nice showcase with beautiful examples. Good work.

13. Kien December 16, 2009 at 11:49 AM Reply

    tabs for navagation never seem to get old. great post.

14. Jon Fukuda December 16, 2009 at 12:22 PM Reply

    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!

15. Melody December 16, 2009 at 12:34 PM Reply

    This showcase is an example of clean webdesign..love the red velvet art navigation!

16. Waasys December 16, 2009 at 4:13 PM Reply

    Hate such buttons! i click them even if don’t want to (

    1. vivienne January 4, 2010 at 6:07 AM Reply

       haha.

17. Don December 16, 2009 at 7:24 PM Reply

    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.

18. DB-Elements December 16, 2009 at 11:18 PM Reply

    Very nice! Extremely inspirational.

19. Xcellence IT December 17, 2009 at 12:23 AM Reply

    hey, it helps generate great ideas… we can use few styling & colors in making layouts for our clients..

    great list.

    Thanks
    Xcellence IT

20. $hekh@r December 17, 2009 at 12:39 AM Reply

    thax for great inspiration.

21. waqas khan December 17, 2009 at 8:39 AM Reply

    good stuff, thanx.

22. Noel Wiggins December 17, 2009 at 9:23 AM Reply

    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

23. Glassgigang December 17, 2009 at 9:35 AM Reply

    Actually a large amount of them does make me want to leave their site.

24. M.R. December 17, 2009 at 2:28 PM Reply

    Thanks for posting.

    Me likes Burciaga’s site design.

25. Samoo December 18, 2009 at 3:13 AM Reply

    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:
    https://web-patterns.net/category/menu-navigation/

26. Design Ideas December 18, 2009 at 3:38 AM Reply

    Great collection of navigations

27. RK1 Web Design December 18, 2009 at 1:41 PM Reply

    Inspiring list of web navigation.

28. Adam Hermsdorfer December 19, 2009 at 12:47 AM Reply

    You’re seeing more navigation sets with icon sets and sprites. Nice list.

29. aziq December 19, 2009 at 12:54 AM Reply

    Just love them all.

30. Michelle December 20, 2009 at 11:19 AM Reply

    really nice collection 🙂

31. Andy December 21, 2009 at 12:51 PM Reply

    Some really good ones. I get inspired by looking at them. Thanks for showcasing them.

32. Amanda Sage December 21, 2009 at 10:55 AM Reply

    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.

33. Template Customization December 24, 2009 at 2:33 PM Reply

    I like the “atebits” site, like apple design. Very nice looks. Thanks a lot.

34. Stephen Ou December 29, 2009 at 9:37 PM Reply

    Carsonfied is not on it 🙁

35. Thibault December 30, 2009 at 11:43 AM Reply

    Really good stuff. Thanks for sharing.

36. brahim abrkok December 31, 2009 at 6:47 PM Reply

    that”s very nice . all like of them

37. Glendelm Web Design January 5, 2010 at 3:03 PM Reply

    This is a great collection. Thanks for sharing these, I particularly like all the Apple-style ones. 🙂

38. Thomas January 8, 2010 at 6:11 AM Reply

    Great inspiration, thanks

39. Pynouch January 9, 2010 at 2:01 PM Reply

    love the inkd navigationcsimple but useful.

40. Siddhartha Oza January 12, 2010 at 5:57 AM Reply

    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?

41. Great Post January 18, 2010 at 3:41 PM Reply

    Awesome post

42. dotndot January 23, 2010 at 1:51 PM Reply

    Wonderful collection.Great post.

43. Digikraf February 9, 2010 at 7:01 AM Reply

    I love the Utah.travel thing…. too good…

    Thanx for the post!

44. ecommerce web design February 19, 2010 at 6:45 AM Reply

    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.

45. Hadith February 20, 2010 at 11:04 PM Reply

    Great site for this, im definitely bookmarking it.

46. Ronnie February 24, 2010 at 7:32 PM Reply

    https://monaconovel.com
    best navigation ever

47. Shelton Heusinkveld March 5, 2010 at 6:13 AM Reply

    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

48. web design los angeles March 17, 2010 at 6:47 AM Reply

    These are really great menu designs. Probably one of the most overlooked things when designing a website.

49. Rak Design April 13, 2010 at 8:28 AM Reply

    Great varity… good inspirational blog.

50. drummer May 5, 2010 at 4:33 AM Reply

    Great site and very nice info! Thanks!

51. Alex I. May 11, 2010 at 3:25 PM Reply

    Wow! Also fantastic navigation i’m find here – https://aisay.org

52. Hannah P. July 15, 2010 at 4:59 AM Reply

    I am so grateful to know this site. Very amazing! It helping me a lot in navigating easily and is giving me idea in web designing.

53. olvia July 21, 2010 at 3:08 AM Reply

    webdesignledger very nice!

54. Kerem September 21, 2010 at 6:25 PM Reply

    Not to brag but I find my websites navigation pretty clickable.

55. Webáruház készítés May 7, 2011 at 3:14 AM Reply

    Nice i like them 🙂

56. RD Web Design August 12, 2011 at 7:53 AM Reply

    These are fantastic, internet dream have a very good design with the blue.

57. Nuasoft Web Design September 2, 2011 at 7:43 AM Reply

    Some really nice designs there.

    Unfortunatly it looks like lightcms replaced thir navigation with something far less interesting.

58. Website Design New York September 30, 2011 at 4:42 AM Reply

    Amazing navigations, stylish navigation plays major role for getting success in online business

59. Web Design Winchester March 29, 2012 at 8:56 AM Reply

    Inspirational

60. web designer london December 7, 2013 at 5:58 AM Reply

    Awesome collection, it really play key role in online world.
    Thanks for sharing….