Information Wayfinding, Part 2: Elements of the Information Environment

May 5, 2013

In Part 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—much like finding our way through a city or a museum. This is what I call information wayfinding.

In this article, I’ll 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.

Champion Advertisement
Continue Reading…

Elements of the City

But before investigating information environments, let’s first look at a physical environment: a city. I mentioned in Part 1 that Kevin Lynch coined the term wayfinding in his 1960 book, The Image of the City. In that same book, as you can see in Figure 1, Lynch also famously outlined the five elements of the city image:

  • paths—The roads, footpaths, and transportation lines by which a person moves through the city.
  • edges—The walls, railway lines, and shores that form the boundaries between areas.
  • districts—Broad areas of the city that possess their own sense of identity.
  • nodes—Points of interest that a person may visit—such as a junction, building, or city square.
  • landmarks—A physical structure—such as a sign, building facade, or mountain—that serves as an external reference point.
Figure 1—A short video of Kevin Lynch reading passages from The Image of the City

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.

During his research, Lynch made two important observations that are particularly relevant to information environments. First, he did not consider the city’s 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’t just one image of a city, but rather many sets of images that vary by scale—from the microscopic to the macroscopic.

“[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 neighborhood, a city, or a metropolitan region.”—Kevin Lynch

Lynch’s 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 information environment itself.

Defining the Information Environment

An information environment 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.

While my thinking has focused primarily on digital information environments, we could also extend the concept to physical places—for example, libraries, bookstores, museums, and even zoos and other outdoor learning areas.

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—as when we use a Web search engine—or could perhaps even encompass the totality of human knowledge.

Let’s use a few examples of information environments to frame the discussion that follows:

  •—Shoppers visit this ecommerce store to look for and buy products.
  • The New York Times—Readers come to this online newspaper environment in search of news.
  • A company intranet—Employees come to a corporate intranet to find information that is relevant to their job.

Elements of the Information Environment

So far, I’ve emphasized the parallels between information environments and urban areas. This does not mean, however, that we should transfer Lynch’s five elements of the city image wholesale to information environments. Rather than naively replicate Lynch’s elements, we should instead apply the same approach he used to arrive at his elements in the first place—that is, conduct a thoughtful survey of the environment, and be attentive to the experiences of its inhabitants.

Following Lynch’s 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.


We inevitably subdivide any environment of substantial size—whether a city or a Web site—into smaller areas, or districts, as represented in Figure 2. London, for example, has districts such as Mayfair, Soho, and Southbank, while The New York Times—both in print and on the Web—has 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.

Figure 2—An abstract representation of nine districts
An abstract representation of nine districts

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’s buildings—for example, skyscrapers on the west side and single-story buildings on the east side—to their color, arranged according to the spectrum of hues—or by their function—for example, offices in the north, restaurants in the east, houses in the south, and stores in the west. In reality, of course, it is geography 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.

Districts are no less important in information environments—despite 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.


While districts form the primary structure of an information environment, there are countless additional criteria that affect a person’s ability to find what he’s looking for. For example, someone trying to find a place to eat in London’s Soho district probably doesn’t want just any 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.

We can treat these secondary criteria as layers. While city districts bound an area along two dimensions—breadth and width—as Figure 3 shows, layers introduce a third dimension, depth.

Figure 3—Multiple layers overlay an information environment, providing additional levels of control beyond just districts
Multiple layers overlay an information environment, providing additional levels of control beyond just districts

Some digital maps allow users to select particular layers of information that they want to view—such as topography, roads, landmarks, and restaurants. Similarly, the laye


Cofounder & CEO at

San Francisco, California, USA

Tyler TateTyler leads user experience at TwigKit where he helps government, not-for-profit, and blue-chip organizations build superb search experiences. Tyler organizes the Enterprise Search London Meetup, is the creator of the Semantic Grid System, and has led the design of big Web applications, including Nutshell CRM.  Read More

Warning: include(/usr/www/users/shinymda/pab1ni/uxmatters/ Failed to open stream: No such file or directory in /usr/www/users/shinymda/pab1ni/uxmatters/ on line 196

Warning: include(): Failed opening '/usr/www/users/shinymda/pab1ni/uxmatters/' for inclusion (include_path='.:/usr/local/lib/php') in /usr/www/users/shinymda/pab1ni/uxmatters/ on line 196

New on UXmatters