How Painful is it to Navigate Your Site?
Brilliant Design: Provide An Amazing ExperienceHave 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.
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.



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.
Nicholas Z. Cardot said:
Adam Haney –> Thanks so much. That’s much appreciated.
Derek Jensen said:
You can always tell how long someone has been blogging by how messy their sidebar is because they put everything there that they want readers to visit. Why? Because they do not know better and don’t have the skills to change their template.
The sidebar might be an easy place for more links you want visitors to see. But, the number of links you are likely to click on a sidebar decrease tremendously below the fold.
My Latest Blog Post: 12-Year-Old, Adora Svitak, is Charged to Inspire
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.
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.
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
Nicholas Z. Cardot said:
Ron Boracay –> Exactly. Plus if they are linking to something off site they need to test to make sure that the other site hasn’t moved their files or pages.
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!
Nicholas Z. Cardot said:
Jordan Cooper –> Who cares if it’s unoriginal. It works for a reason. You are absolutely right and I agree with you 100%.
Ruchi said:
All the points mentioned are valid, i hate the side bar full of ads.
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.
Nicholas Z. Cardot said:
Bruce Teague –> LOL. Great comment. I love it. People do get lost pretty easily.
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.
Nicholas Z. Cardot said:
Dave Doolin –> That’s true. And they have so many templates that have been created that it’s pretty easy to find something that looks nice.
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…)
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.
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.
Nicholas Z. Cardot said:
Arisu –> Good advice. Who wants to be distracted with something that has nothing to do with the material that they are actually interested in.
Casey Brazeal (North and Clark) said:
Keep it simple. I couldn’t agree more.
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!
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
)
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.
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.
Nicholas Z. Cardot said:
Blake @ Props Blog Reviews –> That’s very true. I really dislike flash for many reasons and that is just one of many.
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
Nicholas Z. Cardot said:
David –> My comments do? Thank you. I hope you know that you are welcome to contact me anytime via GTalk or Skype.
GTalk: holas84
Skype: ncardot
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”.
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.
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.
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.
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.
Matt said:
If a website doesn’t have good usability, then the designer failed. People forget that.
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.
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!
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.
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.
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?
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?
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!
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.
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?
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.