Information Architecture

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

Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback form.

Learn UI and UX Design on Codecademy