<?xml version="1.0"?>
<?xml-stylesheet href="/transform" type="text/xsl"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:bibo="http://purl.org/ontology/bibo/" xmlns:bs="http://purl.org/ontology/bibo/status/" xmlns:ci="https://vocab.methodandstructure.com/content-inventory#" xmlns:dct="http://purl.org/dc/terms/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" lang="en" prefix="bibo: http://purl.org/ontology/bibo/ bs: http://purl.org/ontology/bibo/status/ ci: https://vocab.methodandstructure.com/content-inventory# dct: http://purl.org/dc/terms/ rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# skos: http://www.w3.org/2004/02/skos/core# xhv: http://www.w3.org/1999/xhtml/vocab# xsd: http://www.w3.org/2001/XMLSchema#" vocab="http://www.w3.org/1999/xhtml/vocab#" xml:lang="en">
  <head>
    <title property="dct:title">Affordance</title>
    <base href="https://doriantaylor.com/lexicon/affordance"/>
    <link href="../document-stats#Eqqt2xG_WHiDNKqOtvbUeL" rev="ci:document"/>
    <link href="../elsewhere" rel="alternate bookmark" title="Elsewhere"/>
    <link href="../this-site" rel="alternate index" title="This Site"/>
    <link href="http://purl.org/ontology/bibo/status/published" rel="bibo:status"/>
    <link href="" rel="ci:canonical" title="Affordance"/>
    <link href="//www.youtube.com/embed/NK1Zb_5VxuM" rel="dct:hasPart"/>
    <link href="constraints-and-affordances" rel="dct:hasPart"/>
    <link href="../person/dorian-taylor" rel="meta" title="Who I Am"/>
    <link about="../" href="../3f36c30c-6096-454a-8a22-c062100ae41f" rel="alternate" type="application/atom+xml"/>
    <link about="../" href="../f07f5044-01bc-472d-9079-9b07771b731c" rel="alternate" type="application/atom+xml"/>
    <link about="../" href="../this-site" rel="alternate"/>
    <link about="../" href="../elsewhere" rel="alternate"/>
    <link about="../" href="../e341ca62-0387-4cea-b69a-cdabc7656871" rel="alternate" type="application/atom+xml"/>
    <link about="../verso/" href="../3f36c30c-6096-454a-8a22-c062100ae41f" rel="alternate" type="application/atom+xml"/>
    <link about="../verso/" href="../this-site" rel="alternate"/>
    <link about="../verso/" href="../elsewhere" rel="alternate"/>
    <meta content="affordance" datatype="xsd:token" property="ci:canonical-slug"/>
    <meta content="This document defines and elaborates the concept of a (design) affordance within the scope of doriantaylor.com." name="description" property="dct:abstract"/>
    <meta content="2008-09-19T18:57:55+00:00" datatype="xsd:dateTime" property="dct:created"/>
    <meta content="affordance" property="dct:identifier"/>
    <meta content="2008-10-09T02:02:01+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2008-10-10T16:02:45+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2008-10-10T21:28:23+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2009-03-04T00:43:00+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2009-03-31T07:39:12+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2009-03-31T07:44:58+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2011-12-02T20:38:14+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2017-11-14T22:28:06+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2022-05-31T04:18:52+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <object>
      <nav>
        <ul>
          <li>
            <a href="constraint" rev="dct:references" typeof="bibo:Webpage">
              <span property="dct:title">Constraint</span>
            </a>
          </li>
          <li>
            <a href="../discernible-parts-a-hypothesis" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">Discernible Parts: A Hypothesis</span>
            </a>
          </li>
          <li>
            <a href="../projects/dynamic-faceted-taxonomy" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">Dynamic Faceted Taxonomy</span>
            </a>
          </li>
          <li>
            <a href="../idioms-analogues-and-metaphors-in-the-language-of-design" rev="dct:subject" typeof="bibo:Article">
              <span property="dct:title">Idioms, Analogues and Metaphors in the Language of Design</span>
            </a>
          </li>
          <li>
            <a href="../on-the-building-of-software-and-websites" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">On the &#x201C;Building&#x201D; of Software and Websites</span>
            </a>
          </li>
          <li>
            <a href="../shearing-layers-applied-to-the-web" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">Shearing Layers Applied to the Web</span>
            </a>
          </li>
          <li>
            <a href="../the-programmer-in-fallow-an-implementation" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">The Programmer in Fallow: An Implementation</span>
            </a>
          </li>
          <li>
            <a href="../toward-a-theory-of-design-as-computation" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">Toward a Theory of Design as Computation</span>
            </a>
          </li>
          <li>
            <a href="../document-stats#Eqqt2xG_WHiDNKqOtvbUeL" rev="ci:document" typeof="qb:Observation">
              <span>urn:uuid:aaab76c4-6fd6-41e2-b0cd-2aa3adbdb51e</span>
            </a>
          </li>
        </ul>
      </nav>
    </object>
  </head>
  <body about="" id="EXm4EE9YfsldNuTjoe0vGI" typeof="bibo:Webpage">
    <figure>
      <img class="figure" style="display: block; margin: 2em auto; width: 60ex; height:50ex" src="constraints-and-affordances;scale=600,500" alt="Pencil sketch of a desert highway with a speed limit sign, a double line and an oncoming truck depicted as constraints, and the way forward as an affordance." title="Constraints and Affordances"/>
    </figure>
    <p>An <a href="http://en.wikipedia.org/wiki/Affordance" title="Affordance &#x2014; Wikipedia" rel="dct:references"><dfn>affordance</dfn></a> is the complement of a <a rel="dct:references xhv:glossary" href="constraint" title="Constraint">constraint</a>. It is the envelope of things that you can do with an object or environment, or what an object or environment lends itself to doing. Perhaps it is best to let <a href="http://jnd.org/" title="Don Norman's jnd.org / user advocacy and human-centered design" rel="dct:references">the master</a> explain:</p>
    <figure>
      <object style="display: block; margin: 2em auto; width: 480px; height: 360px; outline: 1px solid black" data="https://www.youtube.com/embed/NK1Zb_5VxuM">
      </object>
    </figure>
  </body>
</html>
