Information architecture (or IA) is a crucial aspect of your site with a big impact on your user’s overall experience.
Did they find the content they were looking for? If so, how easily did they find it? How quickly can your users get around your site and land on the “right” pages? All of these questions implicate the process of IA.
In this article, we’ll examine what IA is, and how it helps you improve your site’s user experience (or UX).
The Information Architecture Institute defines IA as: “the practice of deciding how to arrange the parts of something to be understandable.” It’s the way you assemble your site, with the ultimate goal of helping your users find what they’re looking for.
IA isn’t the same as user experience or user interface, though it implicates both of these processes. With IA, we’re focused mostly on the content and how it’s arranged, organized, labeled and presented.
To put it another way, IA is the blueprint of your site’s design, which is expressed through wireframes and other mockups that UX designers then incorporate into their work. However, UX, UI and IA are all part of what drives your site’s level of user engagement.
Your site’s IA is comprised of four basic parts or pillars that support your site’s design and layout.
The first pillar is the organizational structure of your site. The most common structure is a hierarchy or the “top-down” approach which drills down to finer levels of detail. Other structures commonly used on the web include:
The second pillar is how you label component parts, sections, pages and navigational buttons on your site. For example, on the Keen to Design site, we employ a top-level navigational menu that runs horizontally across the top with labels such as “Home,” “Work,” “Capabilities,” “About,” and more.
Navigation systems are the tools that help users navigate through your website. Horizontal header menus, lists of links to featured posts in a sidebar, and drop-down menus for pages are all examples of navigational elements.
Finally, search systems allow users to find specific content with more precision. On most sites, this is represented by a simple search function with a text input box. However, search can work against a site’s usability if it’s not implemented properly.
Take a moment to look at your site as if it were new to you. Is it clear what this site’s about, or do you have to search for that information?
To impose some order on your website, start by taking a thorough inventory of your site content. What is the main topic? How current is it? What are the main keywords for that page? Then take a look at the gaps in your content. What’s missing? Make a note of any pages, posts or other content you need to add to your site to fill in those gaps.
Next, organize your archived content into logical groups and sections. The structure you choose depends on your site’s goals and, most importantly, on your audience of users and prospects.
If you have two kinds of users, each with a different pathway through your site, choose an audience-based organizational structure. Chart out the separate site tracks based on the separate needs of your audience segments.
However, many businesses are better off with the classic hierarchical scheme. For example, a law firm that offers representation in criminal, business, and immigration law would create separate top-level pages for each legal area, with more detailed content arranged by topic underneath each of those three major labels.
There are several digital wireframe and sitemap tools available, but you can also get the job done with a stack of index cards, one page to a card. Arrange the cards visually on a large surface to create the organization scheme.
While it’s tempting to create clever labels in an attempt to distinguish your site from the competition, it’s actually better to let clarity be your guide. Modern web users have become accustomed to certain labels. They expect to see “home” and “contact,” for example, and they know what these terms mean.
Space will also be a consideration for labels. The more characters you use in your labels, the more space they’ll take up on the page, no matter where they’re positioned. Brief, clear labels improve navigation and help the user figure out where to go next.
Test all your navigational menus thoroughly. Menus with font sizes that cause overlap and unintended switching between submenus can lead to tremendous user frustration. Instead, keep your menus streamlined and well-designed to avoid those obstacles.
Make sure your navigational structure also reflects your organizational scheme. That way, the navigational scheme supports the organizational structure and vice versa.
Finally, keep navigational menus simple. Too much detail isn’t a good thing. You may find users prefer fewer choices for less visual confusion, and that a good landing page can solve a myriad of problems.
Finally, give search some serious consideration before you include it on your site. Small sites (which most small business sites are) may not even need search functionality, which can fail in any number of ways, causing deep user frustration.
Too many results, vague results, no results at all—these outcomes will seriously damage your site’s UX and your brand’s reputation. If you provide a search tool, keep it in the same place on all pages and make sure you test it out thoroughly first.
IA principles give site owners a reliable site framework that enhances the overall user experience and consequentially improves search rankings, time on site, user trust, and more.
Start with a solid understanding of your audience of users: what they want, what they’re looking for, what they need to do on your site. Keep the four foundational pillars in mind and make strategic decisions about each of those pillars as you incorporate them into your site. The result will be a useful, user-friendly resource that provides an excellent experience for all your users.