UI / UX Design

UX Terminology 101: Information Architecture

August 30, 2019

In his interactive presentation, Peter Morville states that “In the 1990s, the rise of the Internet produced a world-wide problem: websites without a plan.”

Morville goes on to suggest that this lack of planning on the front end leads to three fundamental problems:

  1. Usability and Findability Disasters
  2. Content Management Nightmares
  3. Cost Redesigns

How, then, do you ensure that the content and information you host on your website is usable, findable, well-managed, and organized thoughtfully?

We recommend prioritizing information architecture.

In creating a website or application that prioritizes user experience, you’re turning the user’s complex mental model into a live, interactive information system. It’s a complicated – even daunting – task.

We define Information Architecture as “the process of structuring a website’s information, resources, and content for usability,” but in practice, IA is both an art and a science with dozens of possible approaches. So, what are the specifics of this web design discipline? How is it best approached?

Read below for several definitions and approaches to this important craft.

Common Information Architecture Terminology

Breadcrumbs:

Breadcrumbs are a navigation component that displays where the user is within the site. It can help the user determine their current level in the website or the pages related to the one they are currently visiting.

Card Sort:

Card sorting is a method for getting user feedback on a site’s architecture. Testers are given a stack of cards with the topics of different pages and content modules on them. The testers sort them into piles that make sense to them and come up with labels for these piles. This method helps determine the most intuitive arrangement of site levels and categories.

Cognitive Load/Overload:

Cognitive load is a psychological principle that describes the amount of mental effort needed to complete a task. Cognitive overload occurs with the task requires too much working memory or mental effort. When site interactions, directions, or navigations are too complicated, they can create cognitive overload for the user, who then makes inefficient or incorrect decisions (or gets frustrated and leaves).

Information Hierarchy:

Information hierarchy outlines the relative importance of information on a page. Ideally, information hierarchy should correlate with visual hierarchy, so that more important information is more prominent on the page.

Interaction Design:

Interaction design is the design of what happens when a user interacts with a product. An “interaction” could be a click, swipe, text entry, or other gesture. Interaction design aims to create a consistent, intuitive, efficient, and pleasing response from website objects as they are interacted with.

Interaction Model:

An interaction model is the relationship behind all parts and interactions within an application. It defines how objects relate to actions, what each interaction means, and how users get from place to place within an application.

Interactive Design:

Interactive design is a design philosophy that advocates for meaningful, responsive, and personal experiences with software.

Level:

A level is a layer within the site’s architecture. The top level represents the most important funnels of information, but there are often 1-3 additional layers or “levels” of information below the top level.

Navigation:

Navigation refers to the structure and process of moving through the information resources on a website. A website’s navigational elements include global (site-wide), local (available in specific sections), supplemental (separate from the main navigation), and contextual (available based on the user’s path).

OOUX:

Object-Orient UX (OOUX) is an approach to design that considers all parts of an interface as objects the user can interact with to complete their goals.

Path:

A path is as simple as it sounds – the path a user travels to reach a specific location within the site.

Process Flow:

Process flow considers movement through the application from the perspective of a single process or task. It starts at the point of entry and describes the intermediate steps of the process, through to completion of the process.

Sitemap:

A sitemap is typically a diagram that shows the structure of the site. It lists the name of each webpage, with lines or arrows showing which other pages it is linked to. More from Wikipedia

Swim Lanes:

Related to process flow, Swim Lines are a diagram that visualizes the aforementioned component of IA. Each process or subprocess is placed in its own lane, along with the sequential steps needed to accomplish that process. Arrows are added to show how steps in a subprocess are related to steps of other subprocesses.

Use Case:

A use case is a condition that is triggered by a specific set of user or system actions. The use case often defines the actions that create the condition, along with the expected software behavior when the condition is triggered.

User Flow:

A user flow is a set of steps (or screens) users must move through to accomplish a goal within an application. The smoother the flow, the more likely the user is to have a positive experience and complete the goal; researchers attempt to streamline movement within an application to provide better flow.

Visual Hierarchy:

Visual hierarchy indicates the hierarchical importance of elements on the page. An element may be higher in the hierarchy if it is larger, more colorful, or placed higher on the page. Elements that include motion also catch the eye, as do images. Ideally, items with greater visual hierarchy should also be the most important elements of the page, content-wise.

Want to Learn More about Information Architecture?

UX is an incredibly broad field, and Information Architecture is one practice (among many) related to it. This is not to diminish IA, only to indicate how diverse the field of UX is.

Entire professional tracks are devoted to the craft of Information Architecture – Amazon, Microsoft, Google, and other tech giants employe Information Architects full time – so the above definitions are just a basic introduction, and further exploration is warranted.

If you’re interested in learning more about this deep, dynamic field of UX, follow this link to our whitepaper on Methods of Information Architecture.

Ben Spencer

Digital Content Strategist

Professional UX Researcher & Writer. Amateur Crossfitter, video gamer, and Planeswalker. I make sense of the world through storytelling and by observing the infinite wisdom of my two beloved Boxer dogs.

You might also like...

19

Nov.

Setting Your Website Apart with Optimization

In 1996, Bill Gates wrote the article “Content is King.” He argued that the Internet is a place where there are “broad opportunities for most companies [to supply] information or entertainment. No company is too small to participate.” If you’re reading this article, chances are you feel that your company has value to offer, and … Continued

6

Nov.

How will Calculating the ROI of UX Design Enhance Your Business?

Are you an IT professional faced with convincing stakeholders that investing in UX is worthwhile? Business leaders in your organization might view it as the latest trend or will fail to see how it makes business sense. Understanding the impacts of UX design projects is important to any enterprise. As research in psychology shows the … Continued

28

Oct.

The Responsibility of User Experience

For people not intimately familiar with product design, it might seem a bit like alchemy. From the outside looking in, it might appear mysterious – almost magical. However, we believe anyone can have a hand in creating amazing products. In fact, the more perspectives and roles you get involved in designing for your users, the … Continued