

{"id":3008,"date":"2017-04-20T15:10:11","date_gmt":"2017-04-20T12:10:11","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=3008"},"modified":"2023-08-14T19:49:04","modified_gmt":"2023-08-14T19:49:04","slug":"information-architecture-effective-techniques-for-designers","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/","title":{"rendered":"Information Architecture: Effective Techniques For Designers"},"content":{"rendered":"<p><span style=\"color: #333333;\">Content is a constituent that can make any digital product valuable. Informative copy and well-thought visual elements of UI design are able to create the foundation for the successful product. However, even good content may fail in case it is structured badly. One of our previous articles was devoted to the basic points of information architecture and today\u2019s post continues the topic.<\/span><\/p>\n<p><span style=\"color: #333333;\">In a nutshell, information architecture (IA) is a science of structuring content of the websites, web and mobile applications, and social media software. IA study aims at organizing content so that users would easily adjust to the functionality of the product and could find everything they need without big effort. Nowadays, when the user-centered approach in design is a top trend, many designers learn the principles of information architecture science which are believed to be a foundation of the powerful design. There are many experts working on IA development now, so loads of various techniques appear. Our article presents four efficient IA methodologies commonly used in design.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8002\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-teamwork.jpg\" alt=\"tubikstudio teamwork\" width=\"960\" height=\"960\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-teamwork.jpg 960w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-teamwork-150x150.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-teamwork-300x300.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-teamwork-768x768.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Content inventory<\/span><\/h2>\n<p><span style=\"color: #333333;\">Before you start constructing a layout of the product, you need to understand what elements your project will consist of. One of the first stages of building information architecture is called content inventory. The technique considers creating a list of the components for the future design project. The inventory list usually includes various elements such as title, author\/provider, meta elements (keywords, description, tags), <a href=\"https:\/\/blog.tubikstudio.com\/copywriting-mobile-web-interfaces-types-ui-copy\/\">copy<\/a>, <a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">images<\/a>, audio, <a href=\"https:\/\/blog.tubikstudio.com\/step-by-step-guide-to-custom-promo-video-design\/\">video<\/a>, and document files.<\/span><\/p>\n<p><span style=\"color: #333333;\">A content inventory list assists designers at the different stages of the workflow. First of all, the list helps identify the essential content components so that designers could plan the product structure. Knowing all the constituents, designers can place them properly. Furthermore, it\u2019s an easy way to discuss the structural peculiarities of the project with your clients. It is much faster and easier to edit the list rather than modify the design project when it\u2019s been started. Finally, the list of components can help designers deeply comprehend the content that results in creating appropriate connections between elements so that the design of the product would look integral.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8005\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-wireframing.jpg\" alt=\"tubikstudio wireframing\" width=\"485\" height=\"485\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-wireframing.jpg 485w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-wireframing-150x150.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubikstudio-wireframing-300x300.jpg 300w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Wireframing<\/span><\/h2>\n<p><span style=\"color: #333333;\">Information architecture is something like a blueprint of the layout that needs to be generated by a visual scheme. The majority of designers constantly use the well-known technique called wireframing helping to create a simplified and schematic visual representation of a layout for digital products. <a href=\"https:\/\/blog.tubikstudio.com\/ux-wireframing-bedrock-of-interface-usability\/\">Wireframes<\/a> are similar to architectural blueprints: they are usually black and white illustrations, sometimes with bright marks or spots to outline specific areas or points, that give a clear vision of the project structure and connections between different parts.<\/span><\/p>\n<p><span style=\"color: #333333;\">Wireframing is a fast and cheap technique to plan the information architecture of the page or screen. Designers use wireframes to outline the <a href=\"https:\/\/blog.tubikstudio.com\/9-effective-tips-on-visual-hierarchy\/\">visual and typographic hierarchy<\/a> of user interfaces, set the interactive zones and elements, plan transitions and interactions, organize the general layout markedly for the target audience. Since a wireframe is focused on the structure, not the visual and emotional perception of the details, designers try to keep it simple. They mostly limit it to monochromatic color schemes, with boxes and lines representing copy, pictures and all the interactive elements on the page.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8020\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/UX-design-process-tubik.jpg\" alt=\"UX design process tubik\" width=\"1800\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/UX-design-process-tubik.jpg 1800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/UX-design-process-tubik-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/UX-design-process-tubik-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/UX-design-process-tubik-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/UX-design-process-tubik-150x100.jpg 150w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<p><span style=\"color: #333333;\">Wireframing gives numerous advantageous opportunities not only for designers but for the whole development team and clients too. First of all, a wireframe is the first visual representation of a designer\u2019s abstract idea. This step ensures that the developers and the clients get a full understanding of the project\u2019s design. Furthermore, developers can clearly see the placement of the elements on the page. Some software for creating wireframes allows seeing all the sizes and spacing by clicking a single button that saves time for both design and development teams.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Organization structures and schemes<\/span><\/h2>\n<p><span style=\"color: #333333;\">In our article \u201c<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/information-architecture-basics-for-designers\/\">Information Architecture. Basics for Designers<\/a>\u201d we\u2019ve defined four essential components of IA: organization systems, labeling systems, navigation systems, and search systems. The organization systems are the groups or the categories in which the information is divided. It helps users to predict where they can find certain information easily. To categorize the design components effectively,\u00a0designers apply the technique of division into specific structures and schemes.<\/span><\/p>\n<p><span style=\"color: #333333;\">There are three main types of content structures: Hierarchical, Sequential, and Matrix.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Hierarchical<\/strong>. In one of our previous articles, we\u2019ve mentioned the well-known technique of content organization called visual hierarchy. It is initially based on <a href=\"https:\/\/blog.tubikstudio.com\/gestalt-theory-for-efficient-ux-principle-of-similarity\/\">Gestalt psychological theory<\/a> and its main goal is to present content on the carrier, be it a book page or poster, web page or mobile screen, in such a way that users can understand the level of importance for each element. It activates the ability of the brain to distinguish objects on the basis of their physical differences, such as size, color, contrast, alignment, etc.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8115\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik.png\" alt=\"big city guide berlin_tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-big-city-guide-landing-page-design\/\">Big City Guide<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><strong>Sequential<\/strong>. This structure creates some kind of a path for the users. They go step-by-step through content to accomplish the task they needed. This type is often used for retail websites or apps where people have to go from one task to another to make the purchase.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7712\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/jewelry-ecommerce-app-ui-animation.gif\" alt=\"jewelry ecommerce app ui animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Jewellery E-Commerce App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><strong>Matrix<\/strong>. This type is a bit more complicated for the users since they choose the way of navigation on their own. Users are given choices of content organization. For example, they can navigate through the content that is ordered according to date, or some may prefer navigation along with the topic.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8116\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/health-care-app-interactions-tubik-studio.gif\" alt=\"healthcare app interactions tubik-studio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-health-care-app-ui-for-doctors\/\">HealthCare App<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Content can be divided according to the organization schemes which are meant to classify the design components into certain groups. Here are some of the popular schemes:<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Alphabetical<\/strong>. Content is organized in alphabetical order. This scheme works best when users know exactly what they\u2019re looking for and know how to describe or name the object of the <\/span>search<span style=\"color: #333333;\">, so it can serve as a navigation tool for the users.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Audience<\/strong>. The type of content organization for separate groups of users. As an example, there are many educational resources that divide the information according to the skill level of the learners.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Chronological<\/strong>. This type organizes content by date and time. It\u2019s often used on news websites, event apps, and blogs.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Topic<\/strong>. Content is organized according to the specific subject. For instance, online book shops divide the products according to genres.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8117\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/online_bookshop_design.gif\" alt=\"online bookshop design\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Bookshop Website<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Content organization models<\/span><\/h2>\n<p><span style=\"color: #333333;\">Designers have been working on the development of the information architecture field for a long time and so far they have established some efficient models of the content structure. Knowing them, designers can choose appropriate information structure for a product. Let\u2019s take a look at the most common models.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Single page model<\/span><\/h3>\n<p><span style=\"color: #333333;\">When the digital product requires a minimum of the content, the <a href=\"https:\/\/blog.tubikstudio.com\/single-page-website-best-design-practices\/\">single-page model<\/a> is a perfect choice. Websites for a single product and with focused purpose often apply this type of data structure. As an example, we can consider design for the website promoting the brand new application. Its purpose is to make users upload the app, so generally, it provides a limited amount of copy with the focus on the button \u201cAvailable on App Store\u201d.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8118\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/upper_app_ui-animation_tubik_studio.gif\" alt=\"upper app ui-animation_tubik_studio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-upper-app-ui-design-for-to-do-list\/\">Upper App<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Flat model<\/span><\/h3>\n<p><span style=\"color: #333333;\">This model works best for small <a href=\"https:\/\/blog.tubikstudio.com\/web-design-the-big-guide-into-different-types-of-websites\/\">websites<\/a> or <a href=\"https:\/\/blog.tubikstudio.com\/hit-the-spot-design-strategies-for-profitable-landing-pages\/\">landing pages<\/a>. In the flat structure, all the pages are equal and they are put at the same level of navigation, so they are interchangeably accessible for the users. This type of information structure is good for the websites which have a limited amount of the content and it\u2019s not going to grow anytime soon. It may be a good idea to apply the flat model to the design of a startup company.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8119\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/CalloSum_landing_page-design.png\" alt=\"CalloSum landing page design\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/CalloSum_landing_page-design.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/CalloSum_landing_page-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/CalloSum_landing_page-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/CalloSum_landing_page-design-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3><span style=\"color: #333333;\">Index model<\/span><\/h3>\n<p><span style=\"color: #333333;\">The index structure is one of the most commonly used. All the pages are equally similar to the flat model but the navigation system differs. Index model allows users to access pages via the page list which is available on every page of the product. This way, the index model may contain more content and remain usable and simple for users since they can skip useless pages.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7740\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/Bakery-website-animation.gif\" alt=\"Bakery website animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-vinnys-bakery-ui-design-for-e-commerce\/\">Vinny\u2019s Bakery Website<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Strict hierarchy model<\/span><\/h3>\n<p><span style=\"color: #333333;\">The model received its name, not by chance. It\u2019s called \u201cstrict\u201d because it gives users only one way to access the subpages: from the main page. This structure is a good choice for digital products that have a specific purpose. For example, e-commerce websites use the structure so that the users wouldn\u2019t skip the important information about their new offers. Also, educational platforms may apply the model in order to make the educational process gradual.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Co-existing hierarchy model<\/span><\/h3>\n<p><span style=\"color: #333333;\">This kind of information structure is probably the most difficult to apply. It combines the ideas of a few models. Similar to the index model, it provides users with various ways to access the content still it aims at guiding people through a certain path so that they would take expected actions. That\u2019s why to create such a structure, designers need to have a bit of experience in this area. However, it may be worth trying.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7735\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website.png\" alt=\"tubik studio the big landscape website\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em>The Big Landscape<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Daisy model<\/span><\/h3>\n<p><span style=\"color: #333333;\">This type of content structure is common for educational websites and apps as well as the others which require users to complete certain tasks. The daisy structure is built that way so users return to a <a href=\"https:\/\/blog.tubikstudio.com\/feel-homey-handy-tips-for-home-page-design\/\">homepage<\/a> (sometimes other specific points) after they accomplish the tasks. For instance, many to-do apps automatically return users to the main screen when they point the task as complete.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8120\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/upper_app_ui_design_tubik_studio.gif\" alt=\"upper app ui design_tubik_studio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-upper-app-ui-design-for-to-do-list\/\" target=\"_blank\" rel=\"noopener noreferrer\">Upper App<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Information architecture is vital for the powerful design but it needs to be done right. The various IA techniques we\u2019ve discussed above can be combined and applied depending on the product and the clients\u2019 requirements. Moreover, they are constantly improved since the design field never stays still, so many new methodologies may appear soon. Our next article will continue the topic of IA so stay tuned!<\/span><\/p>\n<h2><span style=\"color: #333333;\">Recommended reading<\/span><\/h2>\n<p>Here are more articles and design examples for building beautiful and usable interfaces:<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">Web Design: 5 Basic Types of Images for Web Content<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">How to Make Web Interface Scannable<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/hit-the-spot-design-strategies-for-profitable-landing-pages\/\">Hit the Spot: Design Strategies for Profitable Landing Pages<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/hero-images-in-web-design\/\">From Zero to Hero: Look at Hero Images in Web Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/visual-dividers-user-interface\/\">Visual Dividers in User Interfaces: Types and Design Tips<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/design-onboarding\/\">How to Design User Onboarding<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/directional-cues-in-user-interfaces\/\">Directional Cues in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/3c-of-interface-design-color-contrast-content\/\">3C of Interface Design: Color, Contrast, Content<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/negative-space-in-design-tips-and-best-practices-2\/\">Negative Space in Design: Practices and Tips<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.<\/p>\n","protected":false},"author":3,"featured_media":8121,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[453,457,20,465,100,467,138,479,147,482,151,485,233,487,234,491,252,502,256,515,319,533,365,437,440,447],"coauthors":[],"class_list":["post-3008","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-typography","tag-ui","tag-app-design","tag-ui-design-examples","tag-design","tag-ui-design-practices","tag-design-process","tag-usability","tag-design-studio","tag-user-experience","tag-design-tips","tag-user-experience-design","tag-human-computer-interaction","tag-user-experience-design-process","tag-ia","tag-user-interface","tag-information-architecture","tag-ux","tag-interaction-design","tag-uxui","tag-mobile-app","tag-web-design","tag-product-design","tag-tips","tag-tubik","tag-tubik-studio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Information Architecture: Effective Techniques For Designers.<\/title>\n<meta name=\"description\" content=\"Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Information Architecture: Effective Techniques For Designers.\" \/>\n<meta property=\"og:description\" content=\"Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-20T12:10:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T19:49:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/\",\"name\":\"Information Architecture: Effective Techniques For Designers.\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg\",\"datePublished\":\"2017-04-20T12:10:11+00:00\",\"dateModified\":\"2023-08-14T19:49:04+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg\",\"width\":1000,\"height\":750,\"caption\":\"ui ux webdesign\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Information Architecture: Effective Techniques For Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Information Architecture: Effective Techniques For Designers.","description":"Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/","og_locale":"en_US","og_type":"article","og_title":"Information Architecture: Effective Techniques For Designers.","og_description":"Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.","og_url":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-04-20T12:10:11+00:00","article_modified_time":"2023-08-14T19:49:04+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/","url":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/","name":"Information Architecture: Effective Techniques For Designers.","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg","datePublished":"2017-04-20T12:10:11+00:00","dateModified":"2023-08-14T19:49:04+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Another article devoted to the theme of information architecture in design for web and mobile interface: check the set of effective techniques for IA boosting usability.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/ui_ux-webdesign.jpg","width":1000,"height":750,"caption":"ui ux webdesign"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/information-architecture-effective-techniques-for-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Information Architecture: Effective Techniques For Designers"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3008"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3008\/revisions"}],"predecessor-version":[{"id":14613,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3008\/revisions\/14613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8121"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3008"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}