Information Architecture for the Web – The Ultimate Guide for Busy People

Facebook Twitter LinkedIn Pocket Email

Last Updated:

Facebook Twitter LinkedIn Pocket Email

The history of Information Architecture (IA) can be traced back to 330 B.C, when ancient Egypt’s Library of Alexandria listed its contents in a 120-scroll bibliography. Humans were creating and using systems to organize information for thousands of years, long before the existences of computers and the internet.

You’ll find this resource useful if:

  1. You are planning a new Information Architecture (IA) from scratch
  2. You want to redesign your website’s Information Architecture for more conversions/sales
  3. You want to learn more about the practical, non-academic areas of Information Architecture (IA)

What is Information Architecture in the World of WWW?

Information architecture is about helping people understand their surroundings and find what they’re looking for, in the real world as well as online.

Information architecture is a task often shared by designers, developers, and content strategists, but IA is a field of its own.

Poor or missing information architecture neuters content, design, and programming and devalues the site for its owners as well as the audience it was created to serve.

It’s like a film with no director. The actors may be good, the sets may be lovely, but audiences will leave soon after the opening credits.” – Jeffrey Zeldman

Information architecture is the structure behind a well-thought-out application or website and helps in the categorization and mapping of content that is intuitive and user-friendly.

The Problem

In today’s digital era, having an effective and compelling website is a critical component for any business or organization. A useful site that connects with your audience instills trust, screams authority, and drives action, can mean the difference between remaining relevant and competitive or falling silently to the wayside.

Despite the critical importance of websites in today’s competitive landscape, many web designers find their creations falling short on the performance matrix, under-delivering on KPIs and leaving those in charge scratching their heads for an answer.

Simply put, sometimes innovative layouts and stunning visuals aren’t enough. Lack of data in the design process can create a disconnect between what “works” and what looks or feels appealing.

What are the benefits of a Good Information Architecture

“If you don’t know where you’re going, any road will take you there” – Lewis Carroll

  • Good IA enables users/visitors to find and do what they came for quickly which increases user satisfaction
  • A site with a great information architecture behaves as the visitor expects which in turn will help conversions or bring more sales
  • Good IA reduces user errors
  • It also decreases training costs
  • Reduces customer support costs and time
  • Good information architecture is like a guidebook. IA provides clear direction for the design & development team when it comes organizing or prioritizing content, creating navigation elements etc.

Keep it simple, stupid – A principle that we recommend

KISS, an acronym for “keep it simple, stupid”, is a design principle noted by the U.S. Navy in 1960. The KISS principle states that most systems work best if they are kept simple rather than made complicated; therefore, simplicity should be a key goal in design, and unnecessary complexity should be avoided.

Removing difficulties on the way of users to their goals — will help you move towards simplicity. In The Laws of Simplicity, John Maeda offers ten laws for balancing simplicity and complexity in business, technology, and design — guidelines for needing less and actually getting more.

Information Architecture Redesigns

Improving usability or conversions is one of the primary motives behind every redesigns.

But redesigns often introduce new problems like…

  • Usability
  • SEO
  • Performance
  • Missing Content (404 errors)
  • Bureaucratic/Internal resistance
  • Technical etc.

Major Information Architecture(IA) Mistakes

Have you asked these questions when on a site?

  • “where am I supposed to go next?”
  • “how can I contact the support/site owner”
  • “who is behind this site?”
  • “this doesn’t make any sense” etc.

…then, its the simple and easiest way to find a non-working IA.

Mistake #1: Adjusting your IA for Navigation components

Making navigation component choices based on looks alone can force you to change an ideal IA to something that doesn’t best serve the needs of users or accommodate your content.

Mistake #2: Aligning your IA structure to your organizational structure

Never structure your site’s IA based on your organizational or departmental diagram.

This is a common problem with government and some
organizational websites. Visitors are least bothered about your
organizational structure, so always do a proper IA research.

Mistake #3: Thinking about IA after wire-framing or visual design

When approaching a design or a redesign project, its important to take a look under the hood and start by defining or redefining the IA. The IA doesn’t need to be final before beginning to wire-frame or prototype, but a first pass is necessary to get a handle on the volume and complexity of the content.

Information Architecture Myths

Myth #1: If Technical SEO is right, then IA will also be right…

There is a myth that if a site’s Technical SEO is right, then the IA is also right.

SEO is about optimizing a site for search engines and searchers so that humans can find the right content easily/quickly with the help of search engine(s).

If your Technical SEO is proper, that doesn’t mean that your IA is perfect. A successful site architecture is a combination of IA + TA(technical architecture)

Myth #2: My designer will take care of my Information Architecture

When a designer designs a top level menu, he/she is also practicing information architecture. But, that doesn’t mean that IA should be left in the hands of a designer.

Does the designer knows about..

  • Userflow within the site
  • Is the information presented helping the user to make the right action/decisions
  • The technologies related to the website

The above mentioned areas are not the specialties of majority of the designers, that void is usually filled by Information Architects. There may be exceptions to this rule, but very few!

Myth #3: We don’t need Information Architecture when users can just search

Find out why information architecture is more critical than ever, despite improvements in search engines:

Myth #4: Information Architecture & Navigation Design are same

While IA and navigation design are interrelated, they are not the same.

Navigation elements in the form of menus, hyperlinks, buttons etc are user interface components — don’t confuse it with IA.

When designing or re-designing a new site, designers shouldn’t ignore IA and focus on navigation alone, its dangerous and inefficient.

Information Architecture Deliverables

Here are the 7 commons deliverables from the house of IA experts. These are not mandatory or needed for all types of projects, but these are the common ones…

  1. User Flows, Affinity Maps and Personas
  2. Card Sorting (content inventory and organization)
  3. Site Maps
  4. Task Analysis / Task Flows
  5. Sketches
  6. Wireframes / Flowcharts (page architecture)
  7. Prototypes

Advanced concepts in Information Architecture

These are some of the advanced topics which is out of scope of this article, but we don’t want you to miss out if you love to go deep…

Responsive Information Architectures – In this presentation from the IA Summit 2014, Andy Fitzgerald discusses the relationship between different elements that make up an information system, and how to create a strategy for designing information systems across various digital touch-points.

The Battle For The Body Field – At the IA Summit 2015, Jeff Eaton discusses how to apply the lessons of XML and DITA with modern database-driven web CMSs. In this presentation, Jeff talks more about how the content that everyone is working with and producing needs to be flexible enough to live in all places without having to reinvest in reproducing every one of those channels.

Atomizer: Microcontent and the Future of IA – Learn what steps you can take as you begin to prepare your organization’s information model to accommodate the content and data demands of these rich new experiences. See how the discipline of Information Architecture is theoretically well-suited to meet this challenge, but must also adapt and evolve in the ways it is practiced on the ground.

Data Sets You Free: Analytics for Content Strategy – How do you know that your content strategy is effective? This IA Summit 2014 presentation from Jonathon Colman explains what you should measure, how to measure it, and how to report your findings.

Information Architecture for SEO – It wasn’t too long ago that there was significant tension between information architects and SEOs; one group wanted to make things easier for humans, the other for search engines. That line is largely disappearing, and there are several best practices in IA that can lead to great benefits in search.

Closing Words

What’s needed from your side for a successful IA are:

  • A clear mind
  • A willingness to adapt
  • Basic Knowledge of IA or an assistance from an IA expert

If you take time to define and refine your site’s Information Architecture, results will speak for themselves not today, but tomorrow in form of increased sales/conversions.

Remember: IA should never be an afterthought, it should be a forethought.

You will like...

Meet the Author
author
Mithun John Jacob

I'm the founder of MotiveSense; My mission is to make small and medium-sized business more web savvy and also to guide them to leverage their existing resources to focus on sustainable growth rather than quick wins. Personally, I'm a lazy blogger, a reasonable developer, a rookie philosopher, a Hollywood devotee, a motoring enthusiast and a voracious technocrat.

It's your turn, join the talk...

Your email address will not be published. Required fields are marked *

Comment*

Name*

Email*

Website