{"id":1980,"date":"2013-07-26T11:59:00","date_gmt":"2013-07-26T10:59:00","guid":{"rendered":"https:\/\/irsg.bcs.org\/informer\/?p=1980"},"modified":"2013-07-26T11:59:00","modified_gmt":"2013-07-26T10:59:00","slug":"information-wayfinding-part-2-elements-of-the-information-environment","status":"publish","type":"post","link":"https:\/\/archive-irsg.bcs.org\/informer\/?p=1980","title":{"rendered":"Information Wayfinding, Pt 2: Elements of the Information Environment"},"content":{"rendered":"<p style=\"text-align: left;\"><img decoding=\"async\" class=\"alignright size-medium wp-image-1998\" title=\"Districts, Layers, and Nodes\" src=\"https:\/\/irsg.bcs.org\/informer\/wp-content\/uploads\/elements1-300x259.png\" alt=\"\" width=\"300\" \/>In\u00a0<a title=\"Information Wayfinding, Part 1: A Not-So-New Metaphor\" href=\"https:\/\/irsg.bcs.org\/informer\/2013\/04\/information-wayfinding-part-1-a-not-so-new-metaphor\/\">Part 1<\/a> of this series, I argued that vestiges of the pre-Web, print era still haunt digital experiences. To create information environments that are truly coherent, we must view them not as books full of pages, but as spaces to navigate and explore\u2014much like finding our way through a city or a museum. This is what I call\u00a0<em>information wayfinding<\/em>.<\/p>\n<p style=\"text-align: left;\">In this article, I\u2019ll scrutinize the nature of information environments by investigating their most fundamental elements. In doing so, my ambition is nothing less than to subtly reframe the way we think about interacting with information on Web sites, in mobile applications, and in other digital experiences.<br \/>\n<!--more--><\/p>\n<h2 style=\"text-align: left;\">Elements of the City<\/h2>\n<p style=\"text-align: left;\">But before investigating\u00a0<em>information<\/em> environments, let\u2019s first look at a the <em>physical<\/em> environment. I mentioned in Part 1 that Kevin Lynch coined the term\u00a0<em>wayfinding<\/em> in his 1960 book,\u00a0<em>The Image of the City<\/em>. In that same book, Lynch also famously outlined the five elements of the city image:<\/p>\n<ul style=\"text-align: left;\">\n<li><strong>Paths<\/strong>. The roads, footpaths, and transportation lines by which a person moves through the city.<\/li>\n<li><strong>Edges<\/strong>. The walls, railway lines, and shores that form the boundaries between areas.<\/li>\n<li><strong>Districts<\/strong>. Broad areas of the city that possess their own sense of identity.<\/li>\n<li><strong>Nodes<\/strong>. Points of interest that a person may visit\u2014such as a junction, building, or city square.<\/li>\n<li><strong>Landmarks<\/strong>. A physical structure\u2014such as a sign, building facade, or mountain\u2014that serves as an external reference point.<\/li>\n<\/ul>\n<p style=\"text-align: left;\">Lynch treated these five elements as a basic vocabulary that we can use to describe existing city images, as well as to guide the planning of new urban development.<\/p>\n<p style=\"text-align: left;\">During his research, Lynch made two important observations that are particularly relevant to information environments. First, he did not consider the city\u2019s physical form in isolation, but instead viewed the city through the eyes of its inhabitants. (In fact, the primary research method he used was a series of field studies with residents.) Second, Lynch discerned that there isn\u2019t just one image of a city, but rather many sets of images that vary by scale\u2014from the microscopic to the macroscopic.<\/p>\n<blockquote><p>\u201c[The images of a city] were typically arranged in a series of levels, roughly by the scale of the area involved, so that the observer moved as necessary from an image at street level to levels of a neighbourhood, a city, or a metropolitan region.\u201d\u2014Kevin Lynch<\/p><\/blockquote>\n<p style=\"text-align: left;\">Lynch\u2019s ideas on how people view and move through a city are insightful precursors to how people conceptualize and navigate information spaces today. Before we set out to identify the elements of information environments, however, we should first clarify the term<em>information environment<\/em> itself.<\/p>\n<h2 style=\"text-align: left;\">Defining the Information Environment<\/h2>\n<p style=\"text-align: left;\">An\u00a0<em>information environment <\/em>is a place to which someone goes to seek information and satisfy an information need. Web sites, mobile applications, scientific databases, corporate intranets, and other collections of information all qualify as information environments.<\/p>\n<p style=\"text-align: left;\">While my thinking has focused primarily on\u00a0<em>digital<\/em> information environments, we could also extend the concept to physical places\u2014for example, libraries, bookstores, museums, and even zoos and other outdoor learning areas.<\/p>\n<p style=\"text-align: left;\">Like the images of a city, information environments can vary in scale. A micro environment could be as small as a single screen of text, a printed page, or a poster on a wall. A macro environment could be as broad as the entire World Wide Web\u2014as when we use a Web search engine\u2014or could perhaps even encompass the totality of human knowledge.<\/p>\n<p style=\"text-align: left;\">Let\u2019s use a few examples of information environments to frame the discussion that follows:<\/p>\n<ul style=\"text-align: left;\">\n<li>Amazon.com. Shoppers visit this ecommerce store to look for and buy products.<\/li>\n<li><em>The New York Times. <\/em>Readers come to this online newspaper environment in search of news.<\/li>\n<li>A company intranet. Employees come to a corporate intranet to find information that is relevant to their job.<\/li>\n<\/ul>\n<h2 style=\"text-align: left;\">Elements of the Information Environment<\/h2>\n<p style=\"text-align: left;\">So far, I\u2019ve emphasised the parallels between information environments and urban areas. This does not mean, however, that we should transfer Lynch\u2019s five elements of the city image wholesale to information environments. Rather than naively replicate Lynch\u2019s elements, we should instead apply the same approach he used to arrive at his elements in the first place\u2014that is, conduct a thoughtful survey of the environment, and be attentive to the experiences of its inhabitants.<\/p>\n<p style=\"text-align: left;\">Following Lynch\u2019s example, we must look beyond the bricks and mortar of the environment itself to understand how people, the wayfinders who visit the territory, interact with and conceptualize the environment. Most information environments consist of three principle elements: districts, layers, and nodes.<\/p>\n<h3 style=\"text-align: left;\">Districts<\/h3>\n<p style=\"text-align: left;\">We inevitably subdivide any environment of substantial size\u2014whether a city or a Web site\u2014into smaller areas, or districts, as represented in Figure 2. London, for example, has districts such as Mayfair, Soho, and Southbank, while\u00a0<em>The New York Times<\/em>\u2014both in print and on the Web\u2014has districts that include World News, Politics, and Technology. Small environments may contain just a few districts, but bustling environments often feature rich taxonomies of districts within districts.<\/p>\n<div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<dl id=\"attachment_1982\" class=\"wp-caption aligncenter\" style=\"width: 409px;\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1982\" title=\"Districts\" src=\"https:\/\/irsg.bcs.org\/informer\/wp-content\/uploads\/districts.png\" alt=\"\" width=\"399\" height=\"219\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Figure 2\u2014An abstract representation of nine districts<\/dd>\n<\/dl>\n<\/div>\n<p style=\"text-align: left;\">If the physical world were as easy to manipulate as the digital world, one could imagine wanting to sort the buildings in a city environment based on numerous of criteria. These criteria might range from the height of a city\u2019s buildings\u2014for example, skyscrapers on the west side and single-story buildings on the east side\u2014to their color, arranged according to the spectrum of hues\u2014or by their function\u2014for example, offices in the north, restaurants in the east, houses in the south, and stores in the west. In reality, of course, it is\u00a0<em>geography<\/em> that dictates the organizational scheme of a city. City districts are contiguous zones whose geographic boundaries remain stable over time. Because of their permanence, these districts serve as the primary means of conceptualizing a city environment.<\/p>\n<p style=\"text-align: left;\">Districts are no less important in information environments\u2014despite or perhaps even because of the typical lack of geographic constraints. Districts help us to understand a whole information environment by enabling us to quickly survey its integral parts. Without these districts, we would be overloaded with information and unable to see the forest for the trees.<\/p>\n<h3 style=\"text-align: left;\">Layers<\/h3>\n<p style=\"text-align: left;\">While districts form the primary structure of an information environment, there are countless additional criteria that affect a person\u2019s ability to find what he\u2019s looking for. For example, someone trying to find a place to eat in London\u2019s Soho district probably doesn\u2019t want just\u00a0<em>any<\/em> restaurant in that area. Instead, she might be looking for a restaurant in a certain price range that serves a certain type of cuisine. In other words, in addition to a geographic preference, she also has a price-range criterion and a cuisine criterion.<\/p>\n<p style=\"text-align: left;\">We can treat these secondary criteria as\u00a0<em>layers<\/em>. While city districts bound an area along two dimensions\u2014breadth and width\u2014as Figure 3 shows, layers introduce a third dimension, depth.<\/p>\n<div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<dl id=\"attachment_1983\" class=\"wp-caption aligncenter\" style=\"width: 401px;\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1983\" title=\"Layers\" src=\"https:\/\/irsg.bcs.org\/informer\/wp-content\/uploads\/layers.png\" alt=\"\" width=\"391\" height=\"354\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Figure 3\u2014Multiple layers overlay an information environment, providing additional levels of control beyond just districts<\/dd>\n<\/dl>\n<\/div>\n<p style=\"text-align: left;\">Some digital maps allow users to select particular layers of information that they want to view\u2014such as topography, roads, landmarks, and restaurants. Similarly, the layers of an information environment enable users to mold their view of the environment so it aligns with their criteria. Layers help users to filter out the noise and tune in to whatever signal resonates with their mental model.<\/p>\n<p style=\"text-align: left;\">Many information environments have already embraced layers, and I am convinced that many more will do so in the future. Amazon.com, for instance, provides layers such as Format, Author, and Language to augment its taxonomy of districts, or\u00a0<em>departments<\/em>, while NYTimes.com offers\u2014in some places, at least\u2014layers for Date, Content Type, and Author.<\/p>\n<h3 style=\"text-align: left;\">Nodes<\/h3>\n<p style=\"text-align: left;\">Within a district, as Figure 4 shows, there are many nodes\u2014or precise points in an information environment that we might refer to as a Web page, document, or record. There are two different types of nodes: informational and directional.<\/p>\n<div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<dl id=\"attachment_1984\" class=\"wp-caption aligncenter\" style=\"width: 270px;\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1984\" title=\"Nodes\" src=\"https:\/\/irsg.bcs.org\/informer\/wp-content\/uploads\/nodes.png\" alt=\"\" width=\"260\" height=\"142\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Figure 4\u2014Nodes are precise points in an information environment, or what we typically refer to as Web pages<\/dd>\n<\/dl>\n<\/div>\n<p style=\"text-align: left;\"><em>Informational nodes<\/em>, as the term suggests, contain information about a specific topic. Viewing product details on Amazon.com, reading a\u00a0<em>New York Times <\/em>news story, and reviewing your employer\u2019s vacation policy on the corporate intranet are all examples of interacting with informational nodes.<\/p>\n<p style=\"text-align: left;\"><em>Directional nodes<\/em>, on the other hand, do\u00a0<em>not<\/em> provide content of their own, but help direct people to relevant informational nodes that do. Somewhat analogous to a cluster of directional signs at a major intersection or a directory of shops at a mall or airport, directional nodes often list the key informational nodes within a given district or layer. Examples of directional nodes include viewing the Human Resources section on a company\u2019s intranet, clicking the World News category on NYTimes.com, and browsing used, English-language, hardcover, economics books on Amazon.com.<\/p>\n<h2 style=\"text-align: left;\">Elementary, My Dear Watson<\/h2>\n<p style=\"text-align: left;\">Together, as shown in Figure 5, these three simple elements\u2014districts, layers, and nodes\u2014represent a subtle, but far-reaching shift in how we think about Web sites and mobile applications. Putting to rest the print metaphor and embracing interacting with information as a process of wayfinding, places us in a better frame of mind for creating the coherent user experiences that the future will most certainly demand.<\/p>\n<div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<dl id=\"attachment_1985\" class=\"wp-caption aligncenter\" style=\"width: 409px;\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1985\" title=\"Districts, Layers, and Nodes\" src=\"https:\/\/irsg.bcs.org\/informer\/wp-content\/uploads\/elements.png\" alt=\"\" width=\"399\" height=\"345\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Figure 5\u2014Three elements of an information environment: districts, layers, and nodes<\/dd>\n<\/dl>\n<\/div>\n<p style=\"text-align: left;\">In particular, acknowledging the unique roles of districts and layers, while facilitating a healthy interaction between the two, has the potential to reshape how we architect information environments. Our goal should be to give users far greater control over their view of an information environment, while bridging the gap between searching and browsing. I will return to this particular topic in future articles.<\/p>\n<h2 style=\"text-align: left;\">Up Next\u2026<\/h2>\n<p style=\"text-align: left;\">In the next installment of this series, I hope to investigate behavior patterns within information environments. We\u2019ll consider both the broad spectrum of users\u2019 information needs, as well as the diverse ways in which users interact with the districts, layers, and nodes that they encounter.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In\u00a0Part 1 of this series, I argued that vestiges of the pre-Web, print era still haunt digital experiences. To create information environments that are truly coherent, we must view them not as books full of pages, but as spaces to navigate and explore\u2014much like finding our way through a city or a museum. This is&hellip; <a class=\"more-link\" href=\"https:\/\/archive-irsg.bcs.org\/informer\/?p=1980\">Continue reading <span class=\"screen-reader-text\">Information Wayfinding, Pt 2: Elements of the Information Environment<\/span><\/a><\/p>\n","protected":false},"author":11,"featured_media":1998,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[201,219],"tags":[],"class_list":["post-1980","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feature-article","category-summer-2013","entry"],"_links":{"self":[{"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=\/wp\/v2\/posts\/1980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1980"}],"version-history":[{"count":0,"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=\/wp\/v2\/posts\/1980\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/archive-irsg.bcs.org\/informer\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}