Information Architecture

Published Jun 8, 2022Updated Dec 21, 2022
Contribute to Docs

Information architecture (IA) is the organization, prioritization, and presentation of information within a product, website, and other software applications.

Effective IA allows users to complete tasks with the least effort required. Site maps are a visual representation of IA and give context to how content is tiered. Although IA isn’t visually presented to the users, content should be grouped and structured in such a way that makes logical sense.

A mobile food ordering application, for example, could have its menu structured into categories such as entrees, sides, drinks, dessert, and a kid’s menu. When users want to add a drink to their order, they intuitively expect the drinks to be contained in the drinks category, so they navigate to that location. It would be confusing and misleading to contain entrees such as a sandwich or pizza under the drinks category. These would be best placed in the entrees tab.

When users navigate through an interface, it is important that they are able to easily find what they’re looking for and almost predict what the IA looks like without actually seeing a high-level view of the interface.

Information Architecture - Site Map example

All contributors

Looking to contribute?

Learn UI and UX Design on Codecademy