Random header image... Refresh for more!

Designing for the Sake of Usability

If I were to ask you what the term web design means, what would your answer be?

If you’re like me, the term generally opens the mind’s eye to different color schemes, different layout choices, and a host of other elements that shape and form the way a website looks. However, the more I learn about design and information architecture, the more I realize that perhaps both the architecture and appearance play equal roles in web design. I’ve spent some time lately trying to improve my website. Part of that has been tweaking the visual design, but more importantly, making my best content as easy as possible to find. I’ve had a few goals in mind for a while now, which I think are a good starting point:

  • Rather than try to impress with graphics, keep usability the central focus.
  • Create better navigation that high-lights some of my better posts.
  • Create an original standards-based theme that focuses on my content.

Getting Started

The primary change I’ve made thus far has been in the navigation/sidebar, where my priorities have changed. No longer do I have page navigation in both the sidebar and a horizontal navigation menu. I’ve realized that if I have the horizontal menu above my content, there’s really no need in putting those same links in the sidebar. Not only is it a waste of precious space, but it can also be confusing to someone who doesn’t already know their way around my site. Aside from cutting out duplicate links, I also wanted to bring some of my best content to the forefront.

Screenshot of Antbag.com

Possibly, The Most Important Aspect

I decided to bring what I feel are some of the primary articles that bring traffic from search engines toward the top of the sidebar, where they’re much more visible. Perhaps these are my “flagship” posts. Whether calling the list “Best of Antbag” is the best choice, I’m not sure. I’ll be thinking about that one. I think the main point I’m trying to get across here is that “this information gets me the most attention, maybe this is a good place to start”. While the content and the site navigation are by far the most important elements of a website, wrapping that content in something that’s appealing is a huge help in gaining the interest of a visitor.

A Work In Progress

I’m certainly not through analyzing this site and trying to make it the best I can. One major goal of the future is getting my tags and categories organized better, which I think will lead to being able to build a proper sitemap. Presently, I have around 15 different categories on this blog. I would like to have all of my posts broken down into maybe 4 or 5 categories, which would be a nice list to go in the sidebar. It’s all about making the information the site contains, easy to find. I’ve also got to do a major overhaul of my about page, and outline exactly what I have to offer.

What About You?

What are some tips you would share on making a website more “usable”? What role do you think “usability plays in design? Or is design just the theme or appearance of a website? Have your say in the comments.

5 Responses to “Designing for the Sake of Usability”

  1. Paulo Gama »

    Hi Anthony

    I´m looking for a site that’s a good example of usability, ergonomic and that has a good interactivity and multimedia communication as well.

    Has you matter with usability may be you know a good site.

    Thanks.

    Paulo

  2. Anthony »

    Paulo, Probably the best example I can think of which which is easy to navigate and also includes multimedia communication would be Freelance Switch.

  3. Kim »

    There are several usability-related issues, methods, and procedures that require careful consideration when planning, designing, developing, and testing websites. For my agency, I have identified several major categories of website usability performance. They include:
    Marketing, Design, Navigation, Page Layout, Site Content, and Site Features/Technology. I also use these categories for site evaluations and competitive analysis documents to help the client understand the strategic interactive marketing plans and research months before before we ever design an interface in Photoshop.

    PS. Just found the blog today and will be back to see more!

  4. Anthony »

    Kim,
    Thanks for the comment. The categories you mentioned would definitely be a great start. Most of the work I’ve done so far, has been re-designing existing blogs.

    “research months before before we ever design”

    Months? Wow, you really do some homework. Your website design is extremely nice by the way. Thanks again for the comment.

  5. Templates »

    I agree 100%, too many designers flood a page with too many buttons and direction. I tell ya the first thing a person does is leave when they can’t figure out the nav in under 30 seconds.

    I think you can still have “impressing” graphics with good thought out navigation at the same time and having the nav on one side of your page is a great move.

    Subscribing to this blog.

Feedback Form