How Painful is it to Navigate Your Site?

561d4e49af9fc546145a783bef73e176 0 Del.icio.us

Have you ever been to the Microsoft website? Unfortunately I have.  Even for an expert in all things internet, I have a hard time navigating it.  It’s painfully difficult.

I remember the last time that I was searching for some information there. It was nearly impossible and every minute that I wasted made it more and more painful to continue.  Finally I broke.

“Excuse me, Microsoft.  I’ll be right back.”  I pushed my chair away from my desk and stepped over toward the door.

Immediately I began bashing my head into the door frame until my face was bruised, bloody and swollen.  After several minutes of mercilessly smashing my face into the door, I finally reached the point where the pain in my face was more than the pain of navigating their site.  I returned to the desk and tried to continue my quest.

Dilbert.com

Visiting some sites is simply more painful than getting a root canal with a plastic spoon.  Is your site like that? No, really.  Is it?

If you’re wondering why nobody visits your site then maybe it’s because it’s so painful for people to visit it that they would rather play leap frog with a unicorn.  The guys know what I’m talking about on that one.

Don’t get your feelings hurt thinking about this.  We all have to learn and grow.  That’s part of life.  In fact, that’s why Site Sketch 101 exists… to help you transform your site into something beautiful.  Just study, work hard, and get better.

9 Ways to Numb the Pain

Here’s a few things to think about that can massively improve the quality of your site and result in way more visitors returning to enjoy more of your content.

  • Clean up that messy sidebar…people don’t want to know what your cat had for breakfast.
  • Get a new template…something not from the stone age.
  • Reduce your categories…5 or 6 is more than enough.
  • Drop some breadcrumbs…Hansel and Gretel had it…well…
  • Don’t overload it with flashy things…we’ll probably just get dizzy.
  • Keep it simple stupid…unless your writing for lawyers.
  • Break up your paragraphs…a paragraph should be 6 or less lines.
  • Throw in some sub-headings and images…it’s like providing cliff’s notes.
  • Get those ads out of your article…or I’m headed back to the door post.

This is just a quick list.  But hopefully you get the point.  If you’re here at Site Sketch 101, then I hope that it’s to find out how to fix up your website or blog. I’ve laid out in cold, hardcore, brutal honesty the way to take your site to the next level.

Group Discussion:

What other things can you think of that have made website painful to navigate?  Is there a pet peeve that bugs you?

Don’t hold back.  I want to hear what you have to say.  This is your chance to rant and rave.  I want your feedback.  Let’s go.

Share your Opinion

and be a part of the discussion.

  1. Name (required)

    Mail (required)

    Website
    Your Comment

2 Inbound Links

These awesome sites are linking here!

  1. How Painful Is It To Navigate Your Site | Blog Mixer
  2. Using Links to Increase Search Engine Traffic and Optimization on Blog or Website

42 Vibrant Comments

I would love to hear yours!


  1. October 2, 2009

    Adam Haney said:

    “Clean up that messy sidebar…people don’t want to know what your cat had for breakfast.” I couldn’t agree more, awesome phrasing by the way.


  2. October 2, 2009

    James Rose said:

    Its funny you post this article, we got bigger, quicker than we expected to and didn’t invest enough time into our layout early on.

    We plan on redesigning the site from the ground up and its elements of your site that have inspired what we plan to do- for example what you have at the bottom of each article is simple, clean and works well so we’ll try and do something similar.


    • October 2, 2009

      Nicholas Z. Cardot said:

      James Rose –> One of the best things that growing sites can do is to improve their usability. That’s why every so often eBay, yahoo, microsoft (bing) and others do redesigns. We’ve got to keep making things better and better.


  3. October 2, 2009

    Ron Boracay said:

    Broken internal links. Funny but true. Sometimes, site owners didn’t noticed that those navigation links of them are broken. Maybe sometimes, it is caused by:

    Permalink Change
    or
    Theme Change


  4. October 2, 2009

    Jordan Cooper said:

    It may seem unoriginal to some blog designers, but put the primary navigation links in a place people are used to seeing it – a horizontal line on the blog’s header. Don’t make me have to search for it!


  5. October 2, 2009

    Ruchi said:

    All the points mentioned are valid, i hate the side bar full of ads.


  6. October 2, 2009

    Bruce Teague said:

    I’ve actually put a lot of thought into the navigation of my site because my wife once told me it was confusing. I’ve tried to make it stupid simple. I have only one category and people can navigate to things of similar interest either by the related articles at the bottom, or via tags. I use no more than three on an article. I also have navigation at the bottom of each page for the next or previous article.

    Breadcrumbs came in my theme, but I thought the navigation of my site was so stupid simple I’d rather raise more content above the fold. Maybe I shouldn’t under estimate people’s ability to get lost though.


  7. October 2, 2009

    Dave Doolin said:

    One great thing about WordPress is that without trying to get too cute, everything is laid out more or less where it should be.


  8. October 2, 2009

    Blake @ Props Blog Reviews said:

    I honestly think my blog my be guilty of said navigation flaws. At first I really liked this layout, but as we’ve talked about… I’m planning on making changes. Soon! ;-)

    I really hate when I can figure out where the actual posts are on a page. Sites like John Chow and Problogger both have way too much going on (although it doesn’t seem to hurt them…)


    • October 2, 2009

      Nicholas Z. Cardot said:

      Blake @ Props Blog Reviews –> Yeah. They seem to get a ton of traffic from search engines and stuff. I agree that they have a lot going on and that’s actually why I don’t follow John Chow. I follow problogger, though. But I like Darren a lot and I’ve learned a lot from him.


  9. October 2, 2009

    Arisu said:

    If it isn´t related to your site, then it shouldn´t be there, and that´s it – and if it has “glitter” in it burn it and bury it very very deep.


  10. October 2, 2009

    Casey Brazeal (North and Clark) said:

    Keep it simple. I couldn’t agree more.


  11. October 2, 2009

    Gabe | freebloghelp.com said:

    Usability is so under-rated. I remember when I worked for an agency and a Flash developer thought he was a genius for putting instructions on how to navigate the site while it was loading.

    Uhm, if you need instructions to navigate, then the navigation sucks. He looked at me like I had two heads.

    My major pet peeve these days is still breaking one of the most basic fundamentals. How about some contrast between text and background? I can’t believe how many sites still have hard to read text!


    • October 2, 2009

      Arisu said:

      Gabe>>

      Yeah, Flash is definitely a headache for so many people. I love Flash, but I would never do a site completely on it. Unless it´s meant to be fun and that´s it, or that your company is so huge that you can get away with it -like Nike-.

      And yeah, sometimes we are so absorbed by the way we want it to look, that we forget the user (but I promise I always correct myself when it happens :P )


    • October 2, 2009

      Nicholas Z. Cardot said:

      Gabe | freebloghelp.com –> Ha ha. That’s because you have the equivalent of two heads compared to him. By that I mean that you are twice as smart as he is.


    • October 2, 2009

      Blake @ Props Blog Reviews said:

      Speaking of the evil of… DBT has a top 43 usability mistakes… one is don’t break the back button. Flash always seems to break the back button. I HATE that.


  12. October 2, 2009

    David said:

    One thing I can’t stand is those sites with the automated pop up. As a newbie to blogging my site is still going through a stage of evolution as I continue to learn the art of blogging.

    P.S. Your comments continue to be a source of inspiration and education to me. Thanks


  13. October 2, 2009

    Eric B. said:

    Great post. Navigation is really one of the most important things in a site.

    Another way to improve navigation would be to use numbered navigation links for WordPress, instead of the default “Next Page” and “Previous Page”.


    • October 2, 2009

      Nicholas Z. Cardot said:

      Eric B. –> That’s a great point. I forgot to mention that one. I’ve done that here as well and I’m honestly surprised that it’s not included as an option in the WordPress core files.


  14. October 2, 2009

    Blake @ Props Blog Reviews said:

    I agree! I can’t stand those pages (like mine) that only have a “see previous posts” button. Numbers are SO much easier to navigate.


    • October 5, 2009

      Nicholas Z. Cardot said:

      Blake @ Props Blog Reviews –> If you need help implementing numbers on yours, just hit me up on Skype. I’m online a lot during the evenings and I’d love to help you out with it.


  15. October 3, 2009

    Liane YoungBlogger said:

    I keep my blog design relatively simple and easy to navigate so I don’t think this is much of a problem. I am more concerned of loading time though as I think that’s a more important aspect to reeling back a reader.


  16. October 4, 2009

    Matt said:

    If a website doesn’t have good usability, then the designer failed. People forget that.


  17. October 5, 2009

    George Serradinho said:

    I try and keep it simple, but there will always be some other link that I would like to have.

    At this stage. I have 2 menu’s. One above the header image with some of the main links and then a second one below the header with mostly categories.


  18. October 9, 2009

    Dan "Diggler" Proczko said:

    I hate writing a comment without anything useful to say, but this is the funniest post I’ve read all year!

    It’s all true! Just hilarious!!!

    I almost choked from laughing so hard!


    • October 10, 2009

      Nicholas Z. Cardot said:

      Dan “Diggler” Proczko –> Thanks Dan. I appreciate that. I’m going to start making a more conscious effort to use humor and sarcasm in my posts. It seems like people respond really well to it.


  19. February 1, 2010

    Derek Jensen said:

    Recently,

    I have seen many blogs about blogging redevelop their design and incorporate their categories heavily in their overall vision and purpose just like Nick has done here on Site Sketch 101.

    For me this is the perfect way to integrate your navigation into your blog/site.

    What bothers me is a crowded, unorganized sidebar that does not flow from one section to the other. We need to be more creative with our sidebar designs and integrations.


  20. February 3, 2010

    Carrie said:

    Here are some of the steps I took to making my site easier to navigate.

    A clean sidebar is definitely important, but so is a sitemap, especially if you have a large number of pages and categories. Google Sitemaps slows my load time, so I created my own site map. It’s still a work in progress, but it does the trick.

    Navigating behind the scenes:

    I installed the broken link checker plugin, and it was one of the best plugins I installed in 2009. I literally found hundreds of outgoing links to pages that were no longer existed or that I had typed in incorrectly. There’s nothing worse than visiting a blog and following a link that is broken. It’s really annoying. If you’ve taken the time to link your pages and posts, make sure your links are legit.

    This prompted me to get my 404 page in order. There’s a nifty plugin for that as well. It’s called Smart 404 and it helps to keep readers on your site by recommending another related post on your site.
    My Latest Blog Post: Learn Chinese with Peggy Lee (3) – How are you?


    • February 3, 2010

      Nicholas Cardot said:

      Carrie » Are you using a caching plugin like W3 Total Cache or WP Super Cache? You wouldn’t need to worry about the lag that Google sitemaps creates if you make use of a strong performance optimizer.

      Also have you seen the 404 page here at Site Sketch 101? What do you think of it?


      • February 3, 2010

        Carrie said:

        Nik,

        I’m using Super Cache, but for some reason, my site doesn’t like Google Sitemaps. I think the guy who designed my site built something into the framework to handle this.

        What?! There’s a 404 page here on SiteSketch? I haven’t run into it yet. I hope this is good news for you! :)


        • February 3, 2010

          Nicholas Cardot said:

          Carrie » I recommend switching to W3 Total Cache. I recently made the switch and it has been amazing here. I love the results.

          About the 404 page. You should just type in some gibberish and check it out. I would love to have your opinion of it. I think you’ll like it.


          • February 3, 2010

            Carrie said:

            Great. I’ve just installed W3 Total Cache along with several other recommendations from a previous post. I’m going to activate them tonight. I’ll let you know if I notice an improvement.

            What plugin are you using for threaded comments? I like the simplicity of it. I was using Intense Debate last year and it was horrible. It totally put me off comment plugins. I’m digging yours, though.

            Finally, your 404 page is extremely well hidden. I’ve typed in ten different kinds of gibberish and it keeps bringing me back to Don’s article on marathon blogging. :)
            My Latest Blog Post: Learn Chinese with Peggy Lee (3) – How are you?


            • February 3, 2010

              Nicholas Cardot said:

              Carrie » W3 Total Cache can be a bit difficult to get configured so if you have any troubles just let us know and we’ll work to help you make the most of it. I was using WP Super Cache previously and W3 really has some improvements not just in the speed but also in the number of options that you’re able to take advantage of.