--- title: Information Architecture in UX—Best Practices url: "https://b13.com/knowledge/designing-an-effective-information-architecture-best-practices" description: IA for websites is not just about sitemaps. It takes user needs, context and your content into account. b13 optimizes IA based on user research, creating an extensible structure that grows with you. image: "https://b13.com/fileadmin/_processed_/d/0/csm_Information-Architecture_191-1_21eb6b2801.png" date: 2021-11-12 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Information Architecture in UX—Best Practices [ UX/UI-Design ](https://b13.com/knowledge/uxui-design) Information Architecture in UX—Best Practices =============================================== What is Information Architecture and why does it matter? ![](https://b13.com/fileadmin/_processed_/d/5/csm_laura_8ba8f32968.jpg)Laura Heine 26 November 2021 [ RSS Feed ](https://b13.com/rss.xml) ![information architecture in ux](https://b13.com/fileadmin/_processed_/2/b/csm_Information-Architecture_19adc9ce8c.webp) Information Architecture (IA) is about organizing and structuring the content of websites. It is like a blueprint for the final product, and just as a blueprint of a building is an essential tool for an architect, the IA is an essential part of building a website. Good IA is the foundation for good User Experience (UX). It enables users to effortlessly find the information they need. The best visual design won’t help you if your users can’t navigate through your site. Therefore it’s important to take some time and lay out a plan before starting the design. ![Good IA takes users’ needs, context and content into account.](https://b13.com/fileadmin/_processed_/0/0/csm_image1_39b771c801.webp) Good IA takes users’ needs, context and content into account. Our clients have a lot of valuable content that provides helpful information for their users. It’s understandable that the first instinct is to provide as much information at first sight as possible. It’s tempting to cram more and more menu items on the first level of navigation, to provide another link here, another teaser there and present all the information at once. Because it feels like everything is equally important. We know that users get overwhelmed when they have too many choices and there is too much information. So we need to prioritize content. To do that, we rely on our user research to decide what information we present, and at what point—so that we can gently lead the users through the website to the information they need. There are a few best practices we use to help us structure content so that it is intuitive and helpful for the user, while still being extensible. You want your website to be able to grow whilst staying organized. Sorting through your content, and trying to organize it for your website can be a complicated and time-consuming task. [ Let us help you with that! ](https://b13.com/lets-connect) ### Structure over hierarchy The first thing that comes to mind when we think Information Architecture for websites is probably a sitemap. And it’s true, a sitemap is a vital part of IA but it’s not the only part. A sitemap is used to show the hierarchy of a website. It shows the different levels of the pages and looks something like this: ![example for sitemap structure](https://b13.com/fileadmin/_processed_/1/2/csm_image2_9297f52618.webp) ![example for overall structure](https://b13.com/fileadmin/_processed_/8/f/csm_image4_9d29ca4c42.webp) In the TYPO3 CMS, the pagetree can be a representation of the sitemap. But the great thing about TYPO3 is that our clients can edit the page tree themselves. They are not dependent on us to create new pages, delete unnecessary ones or move pages around. So where does this leave our carefully designed sitemap? Over time it will get deprecated and collect dust in a folder somewhere. This is why we want to focus on the overall structure. For us that means we use the sitemap to define page types and the page types to define content types. - Page types are like outlines or structures of different pages. When you edit the website in TYPO3 and want to create a new page, you have to choose the page type. For example you might have a page type for case studies to ensure that all case studies are structured in the same way. - For every page type we define the content types that are possible on that page. Those make up the structure of the page type. With the case study example, you could define that a case study page allows text elements, download elements and teasers to other case studies. By defining different page types and the content types on them, we can guide website visitors to necessary or helpful information on particular pages, even if the sitemap changes. Displaying all of this in a sitemap can get rather confusing, which is why the IA is often represented as wireframes and user flows. ### The right information at the right time With all the information our clients want to provide on their website, it can be difficult to prioritize what to show at what point. It’s easy to think that everything is equally important and should be displayed as prominently as possible. But users get overwhelmed easily. If we provide too much information and too many choices at once, it makes it harder for the users to find the information they actually want or need. They can quickly get frustrated and bounce—abandoning their shopping cart or leaving a form unsubmitted. The key is to present the right information at the right time. In the discovery phase of each project we try to get as much data about the users as possible, and identify their needs. Based on this we can make confident decisions about the information they need at any given stage of their journey. Just as a page on your website shouldn’t provide too many options to go further, it should also never be a dead end. It should always be clear to the users how they can proceed further to achieve their goal. Even if they just finished their task, always provide a point where they can find further information or discover something new. ### Get everyone on board We work closely together with our clients throughout the entire UX process which of course includes IA. It’s important for us to share it early and often so that we can include different viewpoints and get everyone involved. We don’t simply share the sitemap and some wireframes, we always share our reasoning behind decisions on why elements and pages are structured and positioned in a certain way. This means that even if the general structure of the website changes over time, the users‘ needs are still considered. Sharing our rationale for the placement of content means that our clients can test the IA using analytics to measure the success of their goals, and adapt and iterate. ### Allow for flexibility and growth Websites are a living and ever changing product. Pages can be added or deleted and new categories might be introduced. The Information Architecture therefore isn’t something that’s just finished and will remain untouched. As the website grows, we need to check in from time to time to see if the structure still makes sense. We look for opportunities to adapt and finetune it to make sure the users‘ needs are still being met. It’s never too late to get on top of your IA, so if you feel like the structure of your website has grown a bit out of hand. [ Contact us and we can sort it out together! ](https://b13.com/lets-connect) ### Written by: ![Bild von Laura Heine](https://b13.com/fileadmin/_processed_/d/5/csm_laura_9b472d894c.webp) Laura personifies the best qualities of her UX work: genuine, to the point, and effective. She gets to the bottom of client needs and turns them into simple, essential interfaces that get the job done right. Her essential tool: Adobe XD Laura Heine UX Design [ more from Laura Heine ](https://b13.com/team/laura-heine) Related Articles ------------------ - ![A robotic hand holds a paintbrush, creating a purple swirl against a light blue background with circular patterns.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Designing Responsibly in the Age of AI: What We’re Learning as We Go 17 July 2026 | Laura Heine Laura Heine shares what she learned at the Design Leadership Meetup about responsibility, documentation, and treating AI fairly as a team. [ Read more: Designing Responsibly in the Age of AI: What We’re Learning as We Go ](https://b13.com/knowledge/designing-responsibly-in-the-age-of-ai-what-were-learning-as-we-go) - ![Several colorful web page mockups stacked together, showcasing different layouts and design elements against a purple background.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp) ### Camino—The Need for a Default Theme in TYPO3 Is Real 27 January 2026 | Benni Mack With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork. [ Read more: Camino—The Need for a Default Theme in TYPO3 Is Real ](https://b13.com/core-insights/blog/camino-the-need-for-a-default-theme-in-typo3-is-real) - ![User interface design featuring a dark sidebar with navigation options and a central content area with placeholder text.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp) ### Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation 12 January 2026 | Laura Heine b13 is redesigning TYPO3’s backend for version 14 to feel modern, work faster, maintain user context, and create an expandable foundation that can evolve for years to come. [ Read more: Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation ](https://b13.com/knowledge/designing-typo3-14s-backend-our-vision-for-a-modern-expandable-foundation) - ![User interface elements including text fields, checkboxes, and buttons, connected by arrows on a purple background.](https://b13.com/fileadmin/_processed_/f/7/csm_EffectiveWebForms_Headerbild_2c906e6176.webp) ### Best Practices for Effective Web Forms 18 August 2025 | David Steeb Effective web form design is a critical component of user engagement and conversion. By focusing on clarity, simplicity, and user experience, businesses can create web forms that… [ Read more: Best Practices for Effective Web Forms ](https://b13.com/knowledge/creating-effective-web-forms) - ![A purple folder is centrally placed, surrounded by red and blue rectangular elements connected by lines on a grid background.](https://b13.com/fileadmin/_processed_/1/5/csm_EffectiveInformationArchitecture_Headerbild_c5bbf51bfe.webp) ### Designing an Effective Information Architecture: Best Practices 30 July 2025 | David Steeb Dive into our latest article exploring the world of information architecture and its profound impact on user experience. Learn key strategies and best practices for designing… [ Read more: Designing an Effective Information Architecture: Best Practices ](https://b13.com/knowledge/designing-an-effective-information-architecture-best-practices) - ![Two robotic arms are positioned around a magnifying glass, focusing on the letter "g" in a stylized font. The background features a grid pattern with repeated "Ag" symbols.](https://b13.com/fileadmin/_processed_/1/8/csm_FontGuidelines_Headerbild_6f3f5a0baa.webp) ### Designing with Type: A Guide to UI Font Size Guidelines 03 June 2025 | David Steeb Discover the importance of UI font size guidelines for creating accessible and visually appealing UI designs. Learn the best practices for typography in UI, including consistency,… [ Read more: Designing with Type: A Guide to UI Font Size Guidelines ](https://b13.com/knowledge/designing-with-type-a-guide-to-ui-font-size-guidelines) - ![A graduation cap is centrally placed among various flowchart elements, including rectangles and circles, set against a gradient background. The design suggests themes of education and decision-making processes.](https://b13.com/fileadmin/_processed_/2/e/csm_MasteringWebFlow_Headerbild_1558d4dcea.webp) ### Mastering Website Flowcharts 21 May 2024 | Stefanie Kreuzer An optimal user flow is crucial for successful websites. Learn how to use flowcharts to achieve clarity early in the UX design process. [ Read more: Mastering Website Flowcharts ](https://b13.com/knowledge/mastering-web-flow-charts) - ![Wireframing Best Practices](https://b13.com/fileadmin/_processed_/1/e/csm_Wireframing_4b24c64a42.webp) ### Mastering the Art of Wireframing: Essential Tips and Technique 31 August 2023 | Stefanie Kreuzer Wireframing is the first step in designing the structure of a website, and it serves many purposes; to describe how information is presented on a page, to determine a website’s… [ Read more: Mastering the Art of Wireframing: Essential Tips and Technique ](https://b13.com/knowledge/wireframing-best-practices) - ![A pathway leads through stylized clouds, flanked by a magnifying glass and gears, with icons representing text and documents in the background, suggesting themes of exploration and technology.](https://b13.com/fileadmin/_processed_/8/0/csm_accessibility-guide_0acd1932f3.webp) ### A Guide to Accessibility Considerations in UX Design 12 April 2024 | Franzi Töpler People with disabilities constitute one of the most significant segments of online users, but it is an often-overlooked population in the digital world. Increasing accessibility to… [ Read more: A Guide to Accessibility Considerations in UX Design ](https://b13.com/knowledge/a-guide-to-accessibility-considerations-in-ux-design) - ![A hand is placing a red shape into a flowchart composed of various geometric figures, including rectangles and circles, with directional arrows indicating connections between them. The background features a grid pattern.](https://b13.com/fileadmin/_processed_/c/3/csm_UserFlowGuide_Headerbild_54abda2aa4.webp) ### Excelling in User Flow Design 03 April 2024 | Stefanie Kreuzer User flow design visualizes the path that the user follows to achieve a specific goal. In digital terms, the path is what the user sees and clicks on when interacting with a… [ Read more: Excelling in User Flow Design ](https://b13.com/knowledge/excelling-in-user-flow-design)