cosmetics

Affordances

Lens: Type: Magnifying Glass
Affordances:

Any activities that can be completed using a design.

Photo: kinkate
cosmetics

Affordances are the activities a design makes possible. A basic definition of design is: any artificial outcome created to be used. The uses, themselves are the things a design affords. Some activities a design outcome affords are not always intended. For example, an iPhone can be used to make calls but it can also be used as a paperweight to hold down a stack of papers on a windy day.

Affordances have been the subject of much debate in design—whether they must be intended affordances or if they can simply be perceived (and in turn, relative to the perceiver’s concept of what the design can do). In the AoE4D framework, affordances are anything a design outcome can do. Well-designed outcomes feature signifiers that clearly denote activities a product, service, or system afford users.

Affordances can be “added” to existing design outcomes. Let’s say you own a house in Oxford, Ohio. The summers are nice in Oxford though there can be a lot of bugs. You would like to spend some time outside on a patio but your home doesn’t have one. Adding a patio means you add an affordance—your home now affords you the ability to sit outside and enjoy the summer days. The only downside is you didn’t have enough money to get a screened in patio, so the bugs are bad. Adding screens to the patio adds a new affordance—your patio now makes it possible for you to sit outside and also not be eaten by bugs. Now only if we had a ceiling fan… (if you’re a homeowner, you likely know how this “constant updates” cycle feels).

Design outcomes exist to be used. According to designer and UX Guru Don Norman, a successful design should make its affordances clear to users. A steering wheel in a car communicates its use pretty easily by its form. A telephone in the shape of a Pizza Inn guy—not so. A phone like this is cute but confusing to use because it does not communicate its phone-ness very clearly.

Let’s go back to 1994 and hear about affordances from Don:

Yeah, you saw that right. The video was originally from a CD-ROM.

When developing a design outcome, pay attention to the affordances it offers. Are these clearly communicated to the person using it? Are there unintended affordances the design presents? The clearer and simpler the affordances, the more likely a person will be to use the design effortlessly. And as Don said, don’t be surprised if people use your design in ways you didn’t expect.

Affordances Examples

A coffee cup is designed to hold liquid and its handle makes the cup easy to hold without burning your hand. The cup usually has a broad rim which affords the drinker easy sipping. A coffee cup is not designed to hammer nails into wood. You could try it, but the ceramic mug would likely shatter. You could squash a bug with a coffee cup and it would probably do the job ok—as long as you didn’t slam it down too hard (some bugs are coffee cup-resistant).

Concepts Related to Affordances

  • Signifiers
  • Symbols
  • Semiotics

Researching Affordances

Researching affordances helps designers better understand an outcome’s signifiers—the messages it communicates to users that indicate how it should be used. When researching affordances, don’t ignore a product, service, or system’s unintended uses. When people use design outcomes in ways that aren’t expected, it can suggest features that could be added to an outcome to improve the overall user experience.

Questions to Ask About Affordances

  • What could be done with this design?
  • What activities does the design signify are its affordances?
  • What unintended activities could be completed with the design?

Look for These When Researching Affordances

  • Buttons
  • What can be made because of it
  • What it can not do
  • What can be done with it that was never intended
  • What people do with a design when they improvise
  • Symbols or markings are used to denote how it should be used

Sources

References and sources that support the inclusion of this Aspects of Experiences for Design component.

Design

Bredies, K., Chow, R., & Joost, G. (2010). Addressing Use as Design: A Comparison of Constructivist Design Approaches. The Design Journal, 13(2), 157-180.

Cantor, N. (1994). Life Task Problem Solving: Situational Affordances and Personal Needs. Personality and Social Psychology Bulletin, 20(3), 235-243. doi:10.1177/0146167294203001

Davis, J. L. (2020). How Artifacts Afford: The Power and Politics of Everyday Things (Kindle ed.). Cambridge, MA: MIT Press.

Djajadiningrat, T., Overbeeke, K., & Wensveen, S. (2002). But how, Donald, tell us how?: on the creation of meaning in interaction design through feedforward and inherent feedback. Proceedings from Proceedings of the 4th conference on Designing interactive systems: processes, practices, methods, and techniques, London, England.

Forlizzi, J., & Ford, S. (2000, August 17-19). The building blocks of experience: an early framework for interaction designers. Proceedings from 3rd conference on Designing interactive systems: processes, practices, methods, and techniques (DIS ‘00), New York.

Gibson, J. J. (1977). The theory of affordances. In R. E. Shaw & J. Bransford (Eds.), Perceiving, Acting, and Knowing. Hillsdale, NJ: Lawrence Erlbaum Associates.

Gibson, J. J. (1979). The Ecological Approach To Visual Perception. Boston: Houghton Mifflin.

Norman, D. (n.d.). Affordances and Design. Retrieved from http://www.jnd.org/dn.mss/affordances_and.html

Norman, D. A. (2013). The Design of Everyday Things (Revised and expanded edition ed.). New York: Basic Books.