From DigitalRhetoricCollaborative

Current revision

[edit] Wayfinding

Finding Your Way

Wayfinding is the use of certain cues to navigate a physical or digital space. It is a termed coined by Kevin Lynch to describe environmental legibility or elements of an environment that allow successful navigation through complex spaces. ^[1] Originally used as a technique for navigating physical environments, it has become applicable for navigation of digital spaces and web design.

[edit] History

Kevin A Lynch

Wayfinding did not develop until the early 20th century when the term was coined by Kevin Lynch in The Image of the City in which he recognized the importance of an environmental image in wayfinding or navigational tasks.^[2] He divided the elements of a city into five distinct groups: paths (streets, bus lines, etc), edges (physical barriers such as walls or rivers), districts (places with distinct identities such as Wall Street or the Empire State Building), nodes (major intersections or meeting places), and landmarks (visible structure that can be used to assess orientation over long distances).^[3] Architects, urban planners, landscape architects, environmental graphic designers, and behavioral and cognitive psychologists have all contributed to the study of wayfinding.^[4]

[edit] Modern Physical Usage

Today, the wayfinding technique in physical spaces is most commonly used for mapping and navigating in large buildings like hospitals and airports. Signs and architecture are intricately designed with the user in mind. Wayfinding airport designer Jim Harding asserts, "Ultimately, if we do our job well, wayfinding enhances the customer experience without them knowing why or how." ^[5] Every aspect of design is considered from signage, lighting, and color to general architecture of the space. Examples of architectural features in airports involved in wayfinding are dual carriageways, escalators, entrances and exits, and check-in counters. They are designed to be easily located and provide natural signage related to their function.^[6] It involves plotting predictable paths and decision points in the signage, so users can easily find their way around in unfamiliar territory.

[edit] Signage

Signage is a spatial mode of interactivity with the user that transforms unfamiliar terrains with the help of familiar authority such as easily recognizable symbols and titles. Well executed wayfinding signage will allow the user to form a mental map of the space that can be used to inform decisions and action plans. It is vital that all signage can be easily understood by a wide variety of users and can be seen from an acceptable distance.^[7]

[edit] The Arrow

Sign with Arrow

The arrow is a tool in signage that helps to control movement and maintain stability and is a commonly used tool in wayfinding. It guides the person in a specific direction, and the person becomes a traveler guided directly by specific procedures for movement. The arrow essentially transforms information in a certain order or direction. When the space is planned in the way a map is planned, the signs are less about representation and more about movement and directionality with the help of the arrow. The arrow, specifically, is a tool for guiding movement and behavior in an unfamiliar space.^[8]

[edit] Modern Digital Usage

Highlighted Navigational Cue for Current Position

There are certain distinctions between physical wayfinding and wayfinding in digital spaces. Wayfinding in digital media is used in navigation and usability and is heavily connected to spatial affordance and procedural affordance. In digital spaces, there is no sense of scale or movement, no compass, no directions or clear sense of moving in a certain direction.^[9] In order to aid this, wayfinding cues are embedded into the space to keep users aware of where they are and where they might want to go. Like in physical spaces, arrows are used to direct a user to what they should click on. Home pages, breadcrumbs ^[10] (reminders of visitation), and color changing links give a sense of orientation to the user. ^[11] It is particularly useful when the user is deeplinked ^[12] (clicking on a link from an email or other separate system into the deeper aspects of the website's hierarchy) far into the site or use the search function instead of going through the normal progression of the site. Clear and consistent navigation is how users find information and helps them to remember which site areas they have already visited. ^[13]

[edit] Navigation and Usability

Interface design is consistent when each page looks similar enough that the user knows it is still the same site. Navigation is directly linked to menu bars and search bars. For maximum usability both a navigation menu or browsing option and a search bar is included. Breadcrumbs ^[14] are reminders about what areas or pages have been previously visited or what the user's current position is in the site. Some examples are color changing links that change after they have been clicked on, tabs that change color when visited, and a home option that maintains orientation for the whole site.

Lynch's terminology and distinctions of the five elements has been applied to the digital space. Districts and edges (pages) are consistent with each other but still distinguishable. Nodes (interactive elements) provide choices but do not overwhelm the user. Landmarks (home page, etc) are consistently placed on each page to maintain orientation. Paths (breadcrumbs ^[15]) are consistent, well-marked, and easily discernible for the user. Just like in a physical space, there are cues throughout the site to remind users where they are and how they can get where they need to go.

[edit] References

1. ↑ Webstyle Guide to Navigation
2. ↑ International Digital Media and Arts Association on Wayfinding
3. ↑ Webstyle Guide to Navigation
4. ↑ International Digital Media and Arts Association on Wayfinding
5. ↑ The Atlantic: How You Know Where You're Going When You're in an Airport
6. ↑ Fuller, Gillian. "The Arrow--Directional Semiotics: Wayfinding In Transit." Social Semiotics 12.3 (2002): 231. Academic Search Complete. Web. 12 Apr. 2015.
7. ↑ Fuller, Gillian. "The Arrow--Directional Semiotics: Wayfinding In Transit." Social Semiotics 12.3 (2002): 231. Academic Search Complete. Web. 12 Apr. 2015.
8. ↑ Fuller, Gillian. "The Arrow--Directional Semiotics: Wayfinding In Transit." Social Semiotics 12.3 (2002): 231. Academic Search Complete. Web. 12 Apr. 2015.
9. ↑ Webstyle Guide to Navigation
10. ↑ Nielsen and Norman on Breadcrumbs
11. ↑ Webstyle Guide to Navigation
12. ↑ Nielsen and Norman on Deeplinking
13. ↑ Nielsen and Norman Group on IA
14. ↑ Breadcrumbs Wikipedia
15. ↑ Breadcrumbs Wikipedia