Information Architecture Definition, Roles, Strategies and Resources
Tags: ux, webdev
Published: 2018-12-20 16:59:35

---
title: Information Architecture Definition, Roles, Strategies and Resources
published: true
description: 
tags: ux, webdev,
---

As with more and more popular concepts such as user experience, user research, usability testing, there are also other less familiar ones:

<strong>Information Architecture (IA)</strong>.

What is the difference between them?
<blockquote>Information architecture is the art of organization of information on a website, mobile or web application, so using it the web site will be simple and intuitive.</blockquote>
This term is closely tied to the concept of user experience (UX), which is a collection of impressions while using a <b>digital product.</b> Experience does not end only at the time of interaction, but also after its occurrence.

<a href="https://brainhub.eu/blog/wp-content/uploads/2017/08/information-architecture-example.png"><img class="aligncenter size-full wp-image-1215" src="https://brainhub.eu/blog/wp-content/uploads/2017/08/information-architecture-example.png" alt="information-architecture-example" width="745" height="419" /></a>
<h2>IA in a nutshell</h2>
The Information Architecture is more about the structure of the entire website or application, while the UX relates to the user impressions and experiences.

In practice IA is reduced to organizing information, that is: categorizing content, creating a consistent navigation, site map, and naming individual content groups. It is also the skeleton of the whole project, on the basis of which you create further views, visual elements, interactions or functionality.

IA allows the user to reach the content easily, without much effort. The inadequate structure of the app will discourage him and frustrate.

The organization of information in an online product itself depends on the users’ needs, but also on business priorities. For example, the structure of the information in the case of a blog or a landing page will look very different.
<h2>The role of Information Architect</h2>
<b>The IA designer</b> is a complement to the design team. His main tasks are research, navigation, data modeling and labeling. He often uses tools such as card sorting, usability tests, stakeholders and user interviews.

<b>The IA architect</b> is responsible for how a user will navigate through the <a href="https://brainhub.eu/blog/how-to-prototype-app-as-non-designer/">web product</a> and reach the relevant information. The way in which users will use an <a href="https://brainhub.eu/blog/app-vs-website-which-to-develop-first/">application or website </a>depends largely on how information is presented and organised.
<h2>Why is Information Architecture important for business?</h2>
In order to take care of a well-designed information architecture, you should answer to questions:
<ul>
 	<li>How do you organize and divide information?</li>
 	<li>How do you present information?</li>
 	<li>How do you communicate the way you navigate through the app?</li>
 	<li>How will the user navigate in the application?</li>
 	<li>How will the user look for information?</li>
</ul>
The components that make up a good IA are:
<ul>
 	<li><strong>Organization</strong> system</li>
 	<li><strong>Labeling</strong> system</li>
 	<li><strong>Navigation</strong> system</li>
 	<li><strong>Searching</strong> system</li>
</ul>
In summary, a well-designed information architecture is an intuitive and efficient user experience. For this reason, not only UX skills are necessary to create a good web product, IA skills are equally important. Only then can it be possible to create a project meeting the users’ needs.

<h2>Tools and templates to help you create an IA</h2>
On the market, we find a lot of tools for creating an information architecture. The simplest views can be created using tools such as <a href="http://www.nickfinck.com/blog/entry/visio_stencils_for_information_architects/">Microsoft Visio</a>.

Also useful are applications for creating diagrams or mind mappings, such as:
<ul>
 	<li><a href="https://creately.com/">Create.ly</a>,</li>
 	<li><a href="https://www.omnigroup.com/OmniGraffle/">OmniGraffle</a>,</li>
 	<li><a href="http://www.xmind.net/">XMind</a>,</li>
 	<li><a href="https://www.draw.io/">draw.io</a>,</li>
 	<li><a href="https://www.smartdraw.com/">SmartDraw</a>,</li>
 	<li><a href="https://coggle.it/">Coggle</a>.</li>
</ul>
The way we present information architecture itself depends on our preferences. We can do this by using the mind mapping tools. This way we can effectively visualize the information architecture along with its flows.

<a href="https://brainhub.eu/blog/wp-content/uploads/2017/08/information-architecture-flows.png"><img class="aligncenter size-full wp-image-1216" src="https://brainhub.eu/blog/wp-content/uploads/2017/08/information-architecture-flows.png" alt="information-architecture-flows" width="1042" height="385" /></a>

We can also present information architecture as a simple diagram. This version will work well even with very large pages or applications.

Diagrams are often used for site maps that are based on a previously created information architecture.

<a href="https://brainhub.eu/blog/wp-content/uploads/2017/08/information-architecture-diagram.png"><img class="aligncenter size-full wp-image-1213" src="https://brainhub.eu/blog/wp-content/uploads/2017/08/information-architecture-diagram.png" alt="information-architecture-diagram" width="974" height="642" /></a>
<h2>How to create an information architecture for a website?</h2>
If you want to design an effective information architecture that will make your site more useful and legible, then you need to go through the stages of the design process.

<b>User research</b>

Work on information architecture should begin with user research and analysis. An important part of this process is to understand the needs and problems of product users and to reconcile them with the business goals. We can use a number of tools for that purpose: card sorting, user interviews, focus groups or surveys.

<b>Navigation</b>

The next step is to define the navigation, the hierarchy of the individual pages, and to design how and when to display them. At this stage, we can use programs for mind mapping or diagrams for that.

<b>Labeling</b>

Once we've developed the information structure, it's time to name the sections and pages so that they are understandable to the user. They also make it easier to navigate the page.

<b>Wireframing</b>

The next step is to make <a href="https://brainhub.eu/blog/difference-between-wireframe-mockup-prototype/">wireframes</a> that will be based on IA. By using them, we define a visual hierarchy of information on the page as well as connections between subsequent views of the application.<a href="https://brainhub.eu/blog/wp-content/uploads/2017/08/how-to-create-information-architecture.png"><img class="aligncenter size-full wp-image-1214" src="https://brainhub.eu/blog/wp-content/uploads/2017/08/how-to-create-information-architecture.png" alt="how-to-create-information-architecture" width="780" height="306" /></a>
<h2>Why and when to create an IA for your digital product?</h2>
Creating an information architecture is not always needed. Of course, in any case, we can do it and it will be helpful, but it isn't required eg when we create a simple page with a few subpages or a landing page.

The importance and value of information architecture will be recognized by designing an extensive website or application. In that case, it is worthwhile to work on Information Architecture at the beginning of the design process - after recognizing the users of the product, but before creating wireframes and mockups.

The first work should include structuring the information on the page, developing navigation and naming the labels. The next step should be to test the IA on the users, eg using card sorting.
<h2>Books and resources about Information Architecture</h2>
If I woke up your interest in the topic of Information Architecture you can dig deeper with the following books and resource I recommend:
<ul>
 	<li>Information Architecture: For the Web and Beyond [book]</li>
 	<li><a href="https://www.youtube.com/watch?v=qGFF_FhNdY4">Chris How - Digital Experiences and Information Architecture</a> [youtube video]</li>
 	<li><a href="https://blog.prototypr.io/information-architecture-the-most-important-part-of-design-youre-probably-overlooking-20372ade4fc0">Information Architecture. Important Part of Design You’re Probably Overlooking</a> [article]</li>
 	<li><a href="http://www.uxmatters.com/mt/archives/2012/03/how-to-assess-the-maturity-of-your-information-architecture.php">How to Assess the Maturity of Your Information Architecture</a> [article]</li>
</ul>
_________

<i> Originally published as "<a href="https://brainhub.eu/blog/information-architecture/">Information Architecture Definition, Roles, Strategies and Resources"</a> at Braihub.eu/blog