Information Architecture: How to Organize UI Content

Co-existing hierarchies pattern – unites several types of hierarchies in case the information from one subpage overlaps the content of another. IA, UX, and UI are closely related and sit under the umbrella of product design concept, but they are not the same. Create an information architecture that is based on the site’s content. Conduct user research using various techniques to collect information about user wants and needs. While a Web site’s home page is the main entrance to the site, it should not be the only landing page on the site.

what is information architecture in web design

Even if you’re familiar with the discipline already, you can probably pick up something you’ve missed. How quickly have governments pivoted and changed their approach to the COVID-19 pandemic based on new information? Not to mention the release of conflicting information from alternate sources that has also created mass confusion. You can use free tools to help to identify commonly used search terms that can help with language choice in your navigation. For example, is a free site that allows you to enter a search term to see what other related search terms are being used. Test with your users to ensure they understand the correct meaning of the language used.

Voice User Interface Design Tips

Studying cognitive psychology can give you insights that can help improve user experience and design. Let’s talk about some of the most common cognitive principles for design. Sometimes navigation can be present in the form of an interactive guide, tour, or tutorial. It can navigate a user through a multi-stage process or a complex website. You can decide on the best option for location and menu type by conducting an A/B and multivariate testing for conversion optimization.

what is information architecture in web design

Content strategy and information architecture are interconnected because good information architecture is one of the ways you would carry out your content strategy. Choosing which content to highlight on a site or page is one way to provide an effective user experience for your target audience. Structure is easy for users to understand Sites should be organised in an easy-to-understand way. The aim is to make a site structure easy to understand or easy to learn. The organisation on the site has been created according to user needs and has been tested with users.

How IA Can Impact Your Business

Alphabetic systems are simple to grasp and familiar in everyday life. This method of organization is less effective for short lists of unrelated things but is powerful for long lists. Organization by timeline or history, where elements are presented in a sequential, step-by-step manner. Other examples include television listings, a history of specific events, and measuring the response times of different systems.

what is information architecture in web design

A good IA design can have a knock-on effect on a business and can open doors for new customers. However, the information architect has to inform the client about the best practices in terms of hierarchy. The final result should be a combination of the client’s preferences and the architect’s experience and knowledge.

When you open applications with good IA, chances are you won’t feel the complexity of the elements. Now try naming information types, features, structures, and content that go into the platform. If you had to draw how all of those elements work together, where would you start?

So what is information architecture in web design?

Join our mission to provide industry-leading digital marketing services to businesses around the globe – all while building your personal knowledge and growing as an individual. Considering the user-generated nature of Wikipedia, it’s a great feat that the site manages to have anything resembling good information architecture. But, for the most part, the site is organized in a manner that makes it easy to find content.

what is information architecture in web design

Once your account is created, you’ll be logged-in to this account. Web design should always start with the user, so this means getting to know them in terms of their needs and problems. Information architecture needs to take this information into account and match it up with business goals, then respond with a strategy that works within the technological resources available.

Test and improve

For this reason, the digital design of each page on your website should share the same functions as your homepage. While generating new content is extremely important, making sure you have room for this content on your site is also essential. It can be tempting to hold onto content that you have created, but it is best to let it go to make room for site updates. For example, if your website centers on pet care, you likely will want to first group your products or articles by pet species. From there, you may want to divide the information or products into what aspect of care they provide.

  • Since IA is only one of many aspects everyone who takes care of a business’s success needs to understand, we invite you to go deeper into the topic of User Experience design.
  • If you want to gain a better understanding of IA, try going through websites and just observing how they structure content and how their navigation works.
  • No browse interface of links can assure the user that he or she has found all instances of a given keyword or search phrase.
  • Ideally, you’d include a short headline and a sentence of description to try to convince visitors to opt in, and that’s it.
  • Information architecture, as we know it today, began around the 1970s, far before the rise of web and mobile apps or the popularization of user experience design.

Write out the name of each information section on paper, and have participants sort cards containing all your navigation sections into groups that make sense to them. Try doing this same sort with at least five participants so you can start to identify patterns and preferences for the categories and subcategories that are created. A closed card sort can be used if you decide to have predetermined top-level categories that the participants place the cards under based on what makes sense to them. Pinterest demonstrates a useful way to present visual user-generated content based on search terms.

Content 101: UX Writing

Applying these principles, you are likely to effectively structure existing content and leave a space for growth. Flat structure – one with linear hierarchy, where all the pages are equally important. These types can complement each other, but the main principle of good what is information architecture in web design navigation is to avoid overloading with guiding elements. Hybrid – unites elements of both types, or starts with an open type, moving to the closed type to follow user logic. Once you know what a user wants, you can update the content of an existing website and list it.

Information Architecture, 4th Edition [Book] – O’Reilly Radar

Information Architecture, 4th Edition .

Posted: Sat, 22 Sep 2018 20:34:31 GMT [source]

For instance, if the client specified that he would like the FAQ section under the Product category, the information architect must respect this requirement, even though it might not be the exact way he would do it. Since 1996, Jen has consulted to over 60 organizations in a variety of sectors including healthcare, retail, government, financial services, lodging, transportation and charitable organizations. These items are used to deliver advertising that is more relevant to you and your interests. They may also be used to limit the number of times you see an advertisement and measure the effectiveness of advertising campaigns. Advertising networks usually place them with the website operator’s permission.

The user will not always arrive at your website from the home page. Your pages should only offer options that are relevant to your users. Too many alternatives can confuse, cause anxiety or overwhelm the user — a paradox of choices.

The rest will fit in as you go along in the prototyping phase and the remainder of your design process. All of your content may not always fit in one large menu, no matter how organized it may be. Any content that does not serve the primary goal of the website but that users might still want to visit should go in the secondary navigation.

Content 101: How to use Structured Content to Save Time and Reduce Effort

The level of detail is up to the designer, so IA may also include navigation, application functions and behaviors, content, and flows. There is no set limit to the size or shape of IA; nevertheless, it should encompass the generalized structure of the product so anyone should be able to read it and understand how the product works. One of the best ways to get familiar with using IA principles in your designs to observe the content structure of other successful products and practice using similar strategies in your own work.

Conclusion: How are content strategy and information architecture related?

For example, think of fashion e-commerce; on the main page, you won’t have access to every piece of information, such as fabric, skirt length, and fit. The name we give to page and website links ensures that navigation and hierarchy are correctly labeled. With the information grouped and organized, it is possible to build a navigation system that facilitates information recognition. The choreography outlines the rules for how all these components will interact with each other. Therefore, it’s the ability to find the best route to structure content according to your target audience and business objectives. Taxonomy is the practice of grouping, classifying, and labeling items according to their similarities.

Have a complete inventory of all your major categories and subcategories of content, with each category on its own card. If you see these underlying mindsets and management silos driving or distorting early site organization discussions, put them on the table for discussion and brainstorming. Everyone has mental models, favorite paradigms, and blind spots. Be sure you’ve acknowledged and examined your underlying assumptions and biases and have chosen the best organizing theme for your site. Your organization’s reputation is so important, your website may be your only interaction with users.

Their knowledge is essential for helping drive teams to make the best decision. The downloadable tool streamlines across all devices and offers a discount for academia. Lucidchart is an online diagram software and visualization tool recognized by top brands.

It helps bring teams together for ultimate collaboration from anywhere. They have a free version with an unlimited number of collaborators with plenty of features, but the free version has a limit in the number of projects though. Real estate websites are a good example for this type of system, as finding the right apartment on a website relies heavily on a searching system. Not all listed properties are on one main page – the list would go on forever, and you would never see any of your interests. That’s why architects gather information from each property, then create filters for pricing and features which save users time and headaches. Once you’ve mastered your website’s IA, it’s important to regularly perform web testing and user testing as part of your ongoing maintenance.

Have Any Questions? Call the very Best Professionals

We are the world’s leading solar energy solutions provider.