{"id":1042,"date":"2021-04-07T21:10:38","date_gmt":"2021-04-07T21:10:38","guid":{"rendered":"https:\/\/www.precisioncontent.com\/blog\/?p=1042"},"modified":"2021-04-08T15:02:54","modified_gmt":"2021-04-08T15:02:54","slug":"how-designing-an-information-architecture-is-like-building-an-underwater-tunnel","status":"publish","type":"post","link":"https:\/\/www.precisioncontent.com\/blog\/how-designing-an-information-architecture-is-like-building-an-underwater-tunnel\/","title":{"rendered":"How Designing an Information Architecture is Like Building an Underwater Tunnel"},"content":{"rendered":"<p><em><strong>By Josh Anderson, Associate Information Architect at Precision Content<\/strong><\/em><\/p>\n<p><a href=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564.jpg\"><img loading=\"lazy\" class=\"wp-image-1157 alignleft\" src=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564-1024x871.jpg\" alt=\"Schematic map of the Eurotunnel (Channel Tunnel)\" width=\"300\" height=\"255\" srcset=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564-1024x871.jpg 1024w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564-300x255.jpg 300w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564-768x653.jpg 768w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564-1536x1306.jpg 1536w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Channel-Tunnel-GettyImages-1222934564.jpg 1878w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nImagine it was your job to build a 50-kilometer-long tunnel to connect two different countries. That\u2019s already no easy task, but there\u2019s one more requirement: the tunnel needs to be mostly underwater. How would you begin? In the real-life case of the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Channel_Tunnel\" target=\"_blank\" rel=\"noopener\">Channel Tunnel<\/a>, the builders took a counterintuitive approach.<\/p>\n<p>While information architecture projects are not (yet) as challenging as constructing a massive underwater tunnel, the unique strategy executed by the English and French builders provides a powerful metaphor for how to think about complex content endeavors.<\/p>\n<div style=\"clear: both;\">\n<h3>One Project, Two Sides<\/h3>\n<p>The earliest digging for the Channel Tunnel began in 1881, not from the English or French sides, but from <em>both<\/em> sides! Throughout the decades, both countries chipped away off-and-on at their end of the tunnel with the hope that eventually the two sides would meet in the middle.<\/p>\n<\/div>\n<p>Similarly, information architecture projects can be tackled from two \u201csides\u201d: user-first or content-first. Digital content expert <a href=\"https:\/\/www.gollner.ca\/2010\/02\/architecting-information-and-engineering-content.html\" target=\"_blank\" rel=\"noopener\">Joe Gollner describes these approaches as \u201coutside-in\u201d and \u201cinside-out.\u201d<\/a><\/p>\n<p>\u201cOutside-in\u201d (or \u201cuser-first\u201d) describes the practices that most people in user experience (UX) would associate with information architecture. The underlying goal is to increase the <em>findability<\/em> of content, in other words to design, say, a website or app in such a way that users can easily find the content they are looking for. This is accomplished by researching your users\u2019 mental models of the domain space and then creating sitemaps, tagging systems, and other navigational aids. The users first arrive at a site and then bury deeper <em>into<\/em> it to find content that lives somewhere on the site. This approach was popularized in the book <a href=\"https:\/\/www.amazon.ca\/Information-Architecture-World-Wide-Web\/dp\/1565922824\/\" target=\"_blank\" rel=\"noopener\"><em>Information Architecture for the World Wide Web<\/em><\/a> by Peter Morville and Louis Rosenfeld.<\/p>\n<p>\u201cInside-out\u201d (or \u201ccontent-first\u201d) is the other approach. This entails the creation of content that is <em>inherently<\/em> findable and understandable\u2014not only by human users but also by search crawlers and machine learning algorithms. This is accomplished by structuring content with semantic markup such as DITA XML. Instead of creating \u201cpages\u201d of content, authors create what might be called \u201cchunks\u201d\u2014paragraph or even sentence-length content that can be easily swapped out for other chunks as the audience or delivery medium demands. These chunks are also deliberately designed without any inherent styling (e.g. formatting, colour, animation) so that they can be pushed <em>out<\/em> to any channel (e.g. desktop, mobile, smartwatch) without the need for arduous, costly format conversion.<\/p>\n<h3>Comparison of Outside-in and Inside-out Approaches to Information Architecture<\/h3>\n<table style=\"border: 1px solid black; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Outside-in<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Inside-out<\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Perspective<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">User-driven<\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">Content-driven<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Goal is to make content\u2026<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">Findable<\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">Understandable<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Methodologies<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li>Mind mapping<\/li>\n<li>User research<\/li>\n<\/ul>\n<\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li>Structured authoring<\/li>\n<li>Domain modeling<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Examples of tools<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li><a href=\"https:\/\/www.optimalworkshop.com\/optimalsort\/\" target=\"_blank\" rel=\"noopener\">OptimalSort<\/a><\/li>\n<li><a href=\"https:\/\/www.optimalworkshop.com\/treejack\/\" target=\"_blank\" rel=\"noopener\">Treejack<\/a><\/li>\n<\/ul>\n<\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li><a href=\"https:\/\/easydita.com\/\" target=\"_blank\" rel=\"noopener\">easyDITA<\/li>\n<li><a href=\"https:\/\/www.acrolinx.com\/\" target=\"_blank\" rel=\"noopener\">Acrolinx<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Examples of deliverables<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li>Sitemap<\/li>\n<li>Wireframe<\/li>\n<li>Taxonomy<\/li>\n<li>User research report<\/li>\n<\/ul>\n<\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li>Content model<\/li>\n<li>Content audit<\/li>\n<li>Metadata strategy<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid black; padding: 0.5em;\"><strong>Related disciplines<\/strong><\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li>User experience design<\/li>\n<li>Human-computer interaction<\/li>\n<li>Library science<\/li>\n<\/ul>\n<\/td>\n<td style=\"border: 1px solid black; padding: 0.5em;\">\n<ul>\n<li>Content management<\/li>\n<li>Technical communication<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Now, a \u201ccontent-first\u201d approach to information architecture is not new; Precision Content\u2019s own Steve Manning co-wrote a book with Ann Rockley and Pamela Kostur in 2003 called <a href=\"https:\/\/www.amazon.ca\/Managing-Enterprise-Content-Unified-Strategy\/dp\/0735713065\/\" target=\"_blank\" rel=\"noopener\"><em>Managing Enterprise Content: A Unified Content Strategy<\/em><\/a> that spoke at length about modeling and publishing modular, semantically rich content. However, this practice has long been associated with the fields of content management and technical communication, as opposed to user experience design. It is only in the last several years that the UX information architecture community has shown a renewed interest in structured content. This 2019 case study from information architect Andy Fitzgerald describes the <a href=\"https:\/\/www.andyfitzgeraldconsulting.com\/writing\/structured-content-design\/\" target=\"_blank\" rel=\"noopener\">process behind a successful structured content design project<\/a>. For a book-length treatment on the subject of structured content from an information architecture perspective, we highly recommend <a href=\"https:\/\/www.amazon.ca\/Designing-Connected-Content-Products-Tomorrow\/dp\/0134763386\/\" target=\"_blank\" rel=\"noopener\"><em>Designing Connected Content: Plan and Model Digital Products for Today and Tomorrow<\/em><\/a>, published in 2017 by Carrie Hane and Mike Atherton.<\/p>\n<p><a href=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696.jpg\"><img loading=\"lazy\" class=\"size-large wp-image-1156 aligncenter\" src=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696-1024x614.jpg\" alt=\"Futuristic underwater tunnel\" width=\"1024\" height=\"614\" srcset=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696-1024x614.jpg 1024w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696-300x180.jpg 300w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696-768x461.jpg 768w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696-1536x922.jpg 1536w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Futuristic-underwater-tunnel-GettyImages-1214425696-2048x1229.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3>Meeting in the Middle<\/h3>\n<p>When the two sides of the Channel Tunnel finally connected in 1990, the tunnels had an offset of only 36.2 cm. Such an incredible feat of engineering accomplished by two entirely different teams who approached the project from (literally) two different sides! While Precision Content may not be able to help you dig any underwater railway tunnels, we do have a team of accomplished content professionals with the diverse expertise needed to help you tackle your information architecture challenges from both the content-first and user-informed points of view. <a href=\"https:\/\/www.precisioncontent.com\/contact\/\" target=\"_blank\" rel=\"noopener\">Contact us today to learn more about how we can connect your users to your content.<\/a><\/p>\n<h3>Acknowledgement<\/h3>\n<p>We would like to thank <a href=\"https:\/\/www.gollner.ca\/\" target=\"_blank\" rel=\"noopener\">Joe Gollner<\/a>, who introduced the Associate IA team at Precision Content to the Channel Tunnel metaphor during a personal interview.<\/p>\n<h3>About the Author<\/h3>\n<p><img loading=\"lazy\" src=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Josh-Anderson23_web-and-email-square.jpg\" alt=\"Josh Anderson\" width=\"189\" height=\"189\" class=\"alignleft size-full wp-image-1195\" srcset=\"https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Josh-Anderson23_web-and-email-square.jpg 640w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Josh-Anderson23_web-and-email-square-300x300.jpg 300w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Josh-Anderson23_web-and-email-square-150x150.jpg 150w, https:\/\/www.precisioncontent.com\/blog\/wp-content\/uploads\/2021\/04\/Josh-Anderson23_web-and-email-square-189x189.jpg 189w\" sizes=\"(max-width: 189px) 100vw, 189px\" \/>Josh Anderson is an American-Canadian Associate Information Architect at Precision Content. He analyzes and structures content to reveal the insights that come from the creative organization of information. Josh was an English teacher in Japan and an SEO Specialist in the Chicagoland area before earning a Master of Information at the University of Toronto. In 2020, Josh co-organized and hosted a World IA Day event at the Shopify office in downtown Toronto. In his free time, Josh creates and listens to a wide variety of music.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By Josh Anderson, Associate Information Architect at Precision Content Imagine it was your job to build a 50-kilometer-long tunnel to connect two different countries. That\u2019s already no easy task, but there\u2019s one more requirement: the tunnel needs to be mostly underwater. How would you begin? In the real-life case of the Channel Tunnel, the builders [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1156,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/posts\/1042"}],"collection":[{"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/comments?post=1042"}],"version-history":[{"count":42,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/posts\/1042\/revisions"}],"predecessor-version":[{"id":1194,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/posts\/1042\/revisions\/1194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/media\/1156"}],"wp:attachment":[{"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/media?parent=1042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/categories?post=1042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.precisioncontent.com\/blog\/wp-json\/wp\/v2\/tags?post=1042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}