Michelle draft two
From DigitalRhetoricCollaborative
(→Janet Murray's Spatial Affordance) |
(→Spatial Affordance) |
||
| (2 intermediate revisions not shown.) | |||
| Line 1: | Line 1: | ||
=Spatial Affordance= | =Spatial Affordance= | ||
| - | The <b>Spatial Affordance</b> in [[multimedia]] is a concept that refers to the ability of a digital medium to represent space, as well as encourage navigation through that space via organization and spatial metaphors. [[Affordances]], including the spatial affordance, as well as the [[procedural affordance]], [[participatory affordance]], and the encyclopedic affordance]], suggest how an entity could or should be used.<ref>https://www.interaction-design.org/encyclopedia/affordances.html</ref> Spatial affordances employ a hierarchy of labels, where each space possesses its own label and function. When spatial affordances are appropriately used, the labels of each space will make obvious the space’s function. | + | The <b>Spatial Affordance</b> in [[multimedia]] is a concept that refers to the ability of a digital medium to represent space, as well as encourage navigation through that space via organization and spatial metaphors. [[Affordances]], including the spatial affordance, as well as the [[procedural affordance]], [[participatory affordance]], and the [[encyclopedic affordance]], suggest how an entity could or should be used.<ref>https://www.interaction-design.org/encyclopedia/affordances.html</ref> Spatial affordances employ a hierarchy of labels, where each space possesses its own label and function. When spatial affordances are appropriately used, the labels of each space will make obvious the space’s function. |
The spatial affordance in digital media is understood today based on based on work in fields such as [[wayfinding]], mapping, and [[curation]], which primarily consider the spatial affordances of physical entities. Specifically, articles discussing the ability of wayfinding and mapping to encourage navigation have influenced how space is utilized in digital media. | The spatial affordance in digital media is understood today based on based on work in fields such as [[wayfinding]], mapping, and [[curation]], which primarily consider the spatial affordances of physical entities. Specifically, articles discussing the ability of wayfinding and mapping to encourage navigation have influenced how space is utilized in digital media. | ||
| Line 35: | Line 35: | ||
Murray writes that the visual organization of a digital text should use visual conventions to orient the user and allow for easier user navigation. For example, using grids or tables will allow readers to understand contrasting elements, and using relative size and color of font will allow users to distinguish similar and dissimilar text. | Murray writes that the visual organization of a digital text should use visual conventions to orient the user and allow for easier user navigation. For example, using grids or tables will allow readers to understand contrasting elements, and using relative size and color of font will allow users to distinguish similar and dissimilar text. | ||
| - | "Because we are attuned to the spatial characteristics of digital environments, users assume that spatial positioning is meaningful and related to function."<ref> | + | "Because we are attuned to the spatial characteristics of digital environments, users assume that spatial positioning is meaningful and related to function."<ref>Murray, Janet H. Inventing the Medium: Principles of Interaction Design as a Cultural Practice. Cambridge, MA: MIT, 2012</ref> Therefore, Murray suggests that designers considering spatial affordances should be weary of using purely decorative elements. Decorations include fanciful images or texts that appear dissimilar from the rest. The contrast in appearance with decorative images or text will likely issue users to assume that these elements have a different functionality associated with them: Users may try to click or interact with these elements. Because these elements are purely decorative, users may find their interaction pointless and aggravating. |
When working with the spatial affordances of a text, every design choice relates to a user's ability to use the text, making it important to consider every stylistic convention and decoration. | When working with the spatial affordances of a text, every design choice relates to a user's ability to use the text, making it important to consider every stylistic convention and decoration. | ||
| Line 56: | Line 56: | ||
Museum curation also is based on utilizing spatial affordances. Research by Jean Wineman and John Peponis from the Georgia Institute of Technology suggests that human behavioral patterns are directly linked to spatial elements that encourage access and visibility. Wineman & Peponis (2010) stress that the use of the space and the physical structure of a museum exhibit entirely affects a visitor’s impression, learning, and interaction with the exhibit<ref>Wineman, Jean D., and John Peponis. "Constructing Spatial Meaning: Spatial Affordances In Museum Design." Environment And Behavior 42.1 (2010): 86-109. ERIC. Web. 15 Apr. 2015.</ref>, just as the use of the spatial affordance in digital texts affects a user’s ability to navigate a digital text. | Museum curation also is based on utilizing spatial affordances. Research by Jean Wineman and John Peponis from the Georgia Institute of Technology suggests that human behavioral patterns are directly linked to spatial elements that encourage access and visibility. Wineman & Peponis (2010) stress that the use of the space and the physical structure of a museum exhibit entirely affects a visitor’s impression, learning, and interaction with the exhibit<ref>Wineman, Jean D., and John Peponis. "Constructing Spatial Meaning: Spatial Affordances In Museum Design." Environment And Behavior 42.1 (2010): 86-109. ERIC. Web. 15 Apr. 2015.</ref>, just as the use of the spatial affordance in digital texts affects a user’s ability to navigate a digital text. | ||
| - | |||
| - | |||
==Examples of Spatial Affordance Use== | ==Examples of Spatial Affordance Use== | ||
Current revision
[edit] Spatial Affordance
The Spatial Affordance in multimedia is a concept that refers to the ability of a digital medium to represent space, as well as encourage navigation through that space via organization and spatial metaphors. Affordances, including the spatial affordance, as well as the procedural affordance, participatory affordance, and the encyclopedic affordance, suggest how an entity could or should be used.[1] Spatial affordances employ a hierarchy of labels, where each space possesses its own label and function. When spatial affordances are appropriately used, the labels of each space will make obvious the space’s function.
The spatial affordance in digital media is understood today based on based on work in fields such as wayfinding, mapping, and curation, which primarily consider the spatial affordances of physical entities. Specifically, articles discussing the ability of wayfinding and mapping to encourage navigation have influenced how space is utilized in digital media.
Contents |
[edit] Background
The concept of affordances was first introduced by James Gibson (1979)[2] referring to the “action possibilities” of an object. For example, throwing is an action possibility of a ball the size of one’s hand. This concept was then expanded by Donald Norman (1988)[3] to include the “perceived and actual properties” of an entity. Affordances then also referred to the inherent quality of an object that a user is able to perceive. Because an affordance is also based on user perception, the possibilities of an object are dependent on the user.[4][5]
Janet Murray, one of the forefront authors on affordances, has since defined affordances in the context of digital text. She describes it as “A concept used in the field of human computer interaction to describe the functional properties of objects or environments – the properties that allow particular uses.[6] For example, a blackboard affords writing and erasing, a low, flat, supported surface 30 inches square affords sitting.” Murray asserts that there are four affordances that are useful for representation within the digital realm: procedural, participatory, encyclopedic, and spatial. [7]
[edit] Janet Murray's Spatial Affordance
Janet Murray is the author of several texts concerning affordances in digital media. Notable books of her's include Inventing the Medium, which defines the spatial affordance as such:
"With the encyclopedic, participatory, and procedural properties, (the spatial affordance is) one of the four defining representational affordances of the digital medium. Digital environments can represent space using all the strategies of traditional media, such as maps, images, video tracking, and three-dimensional models. Unlike older media, however, and similarly to the experiential world and the designed spaces of landscapers, urban planners, and architects, digital media artifacts can be navigated. This affordance is not a function of visual representation, since it can be produced in text adventure games like Zork and Adventure, which created navigable spaces without any images. It is by-product of the procedural and participatory affordances, of setting up rules of interaction that have the consistency of navigating a fixed landscape, and of the innate human propensity to make sense of the world through spatial metaphors: we are predisposed to spatialized our experience, turning the appearance of text on our screen into the experience of “visiting’ web sites. Navigable space is created by clearly distinguishing one place from another and creating consistent interaction patterns that support movement between spaces. When encyclopedically large and detailed informational spaces or virtual worlds are well organized with clear boundaries, consistent navigation, and encyclopedic details that reward exploration they create the experience of immersion." [8]
Murray asserts that the computer does not simply present images in space, instead it uses symbols such as a file folder or a recycle bin that reinforce their functions. According to Murray's definition, spatial affordances do not represent real space, but instead act as an abstraction that may be used to fulfill a certain function or provide a certain piece of information. All of the spatial affordances working together in a text create easy user navigation of the text.
[edit] Conventions and Visual Design Concepts of the Spatial Affordance
Murray writes that the visual organization of a digital text should use visual conventions to orient the user and allow for easier user navigation. For example, using grids or tables will allow readers to understand contrasting elements, and using relative size and color of font will allow users to distinguish similar and dissimilar text.
"Because we are attuned to the spatial characteristics of digital environments, users assume that spatial positioning is meaningful and related to function."[9] Therefore, Murray suggests that designers considering spatial affordances should be weary of using purely decorative elements. Decorations include fanciful images or texts that appear dissimilar from the rest. The contrast in appearance with decorative images or text will likely issue users to assume that these elements have a different functionality associated with them: Users may try to click or interact with these elements. Because these elements are purely decorative, users may find their interaction pointless and aggravating.
When working with the spatial affordances of a text, every design choice relates to a user's ability to use the text, making it important to consider every stylistic convention and decoration.
[edit] Spatial Affordance Concepts
[edit] Wayfinding
Before digital media, there were (and still are) processes that focused on how to best use a space to send messages and provide cues to those who interacted with that space. This process is called wayfinding. Wayfinding uses lighting, color, architecture, etc. to help users navigate a space, and when best done, users should not notice that they are subject to it.
Wayfinding considers spatial affordances by analyzing how each space affects a surrounding space. In the context of both digital and non-digital texts, wayfinding utilizes spatial affordances in attempts to “establish a sense of place” for users so that an entire space is easily navigated.[10] For example, appropriate use of wayfinding in an airport includes the use of organized and clearly labeled signs and obvious symbols for food and restroom stations. Poor wayfinding occurs when a user's navigation of space is disrupted by inappropriate use of the spatial affordance. [11]
[edit] Mapping
Mapping provides another example of how to think about the use of spatial affordances. Maps have “postings,” such as streets, churches, neighborhoods, and cities. These postings are organized in a hierarchal fashion that convey the level of authority each posting has in relation to one another. Maps use symbols, such as a cross for a church or a book for a school, that are meant to act as spatial representations that allow for the seamless navigation of the map. In maps, each symbol is viewed in relation to another, which implies something about the individual spaces and the overall space of the map. For example, the relative size of each symbol may reveal the symbol's importance or it may suggest the entity represented by the symbol's physical size in relation to another entity. Similarly, in digital texts this concept is used by representing space with navigation bars, headings, and multiple layers of text to encourage navigation.[12]
[edit] Curation
Museum curation also is based on utilizing spatial affordances. Research by Jean Wineman and John Peponis from the Georgia Institute of Technology suggests that human behavioral patterns are directly linked to spatial elements that encourage access and visibility. Wineman & Peponis (2010) stress that the use of the space and the physical structure of a museum exhibit entirely affects a visitor’s impression, learning, and interaction with the exhibit[13], just as the use of the spatial affordance in digital texts affects a user’s ability to navigate a digital text.
[edit] Examples of Spatial Affordance Use
Within any text, affordances of space are used, but there are some digital texts that have been considered to best use the spatial affordance. Example texts include:
- The winner of the 2013 Webby Awards for Best Navigation/Structure: Clouds over Cuba[14]
- The winner of the 2014 Webby Awards for Best Navigation/Structure: Behance.net[15]
- The "People's Choice" Award Winner for Best Navigation/Structure: The Last Hunt[16]
[edit] External Links
[edit] References
- ↑ https://www.interaction-design.org/encyclopedia/affordances.html
- ↑ Gibson, James J. (1979) The Ecological Approach to Visual Perception
- ↑ Norman, Donald A. (1988): The Design of Everyday Things. New York, Doubleday
- ↑ http://mystsphdquest.blogspot.com/2012/11/spatial-affordances.html
- ↑ https://www.interaction-design.org/encyclopedia/affordances.html
- ↑ Murray, Janet H. Inventing the Medium: Principles of Interaction Design as a Cultural Practice. Cambridge, MA: MIT, 2012.
- ↑ Murray, Janet H. Inventing the Medium: Principles of Interaction Design as a Cultural Practice. Cambridge, MA: MIT, 2012.
- ↑ http://inventingthemedium.com/glossary/#spatial
- ↑ Murray, Janet H. Inventing the Medium: Principles of Interaction Design as a Cultural Practice. Cambridge, MA: MIT, 2012
- ↑ http://www.theatlantic.com/business/archive/2014/06/how-you-know-where-youre-going-when-youre-in-an-airport/372537/
- ↑ http://www.theatlantic.com/business/archive/2014/06/how-you-know-where-youre-going-when-youre-in-an-airport/372537/
- ↑ http://makingmaps.owu.edu/this_is_not_krygier_wood.pdf
- ↑ Wineman, Jean D., and John Peponis. "Constructing Spatial Meaning: Spatial Affordances In Museum Design." Environment And Behavior 42.1 (2010): 86-109. ERIC. Web. 15 Apr. 2015.
- ↑ i. http://www.webbyawards.com/winners/2013/web/general-website/associations/
- ↑ http://www.webbyawards.com/winners/2014/web/website-features-and-design/best-navigationstructure/
- ↑ http://pv.webbyawards.com/2015/web/website-features-and-design/best-navigationstructure
