{"id":162,"date":"2010-04-01T11:05:26","date_gmt":"2010-04-01T11:05:26","guid":{"rendered":"http:\/\/www.belouin.com\/blog\/?p=162"},"modified":"2010-04-01T21:44:09","modified_gmt":"2010-04-01T21:44:09","slug":"what-is-interaction-design-a-theoretical-model","status":"publish","type":"post","link":"http:\/\/belouin.com\/blog\/2010\/04\/what-is-interaction-design-a-theoretical-model\/","title":{"rendered":"What is interaction design? A theoretical model"},"content":{"rendered":"<p>How can we sum up what we do? what are these systems we design? Below is a somewhat simplistic and schematic view of the problem, which may have some merits in that it provides a framework within which we can start to tackle the particular issues of our beloved discipline in a &#8216;formal&#8217; manner! I&#8217;ve tried to use as less &#8216;key terms&#8217; and to be as general as possible, and highlighted these in bold. Thus, hopefully a clear definition of each of these terms should allow us to dig deeper into the problems particular to interaction design!<br \/>\n<br \/>\n<strong>Interactive systems<\/strong> are <strong>tools<\/strong> allowing <strong>users<\/strong> to manipulate, or to perform certain <strong>tasks<\/strong> on the <strong>properties<\/strong> of <strong>objects<\/strong>,  represented within the system. The relationship between these objects and &#8216;reality&#8217; is complex, and it could be argued that they form one of the core issues of interaction design. Indeed, these objects are often the representation of real-life objects, but not always. They can correspond to a unique physical object in the real world, or not.<br \/>\n<br \/>\nThe series of diagrams below is an attempt to formalise these relationships, and to give them names. I came up with the notions of \u00a0<strong>direct representation, command <\/strong>(I&#8217;m not that happy about that one), <strong>augmentation<\/strong> and <strong>virtuality.<\/strong><\/p>\n<p><div id=\"attachment_166\" style=\"width: 313px\" class=\"wp-caption alignnone\"><a onclick=\"javascript:pageTracker._trackPageview('\/downloads\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_representation.png');\"  href=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_representation.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-166\" class=\"size-full wp-image-166 \" title=\"relationship_types_representation\" src=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_representation.png\" alt=\"Representation: The state of an object's property in reality is represented in the system.\" width=\"303\" height=\"226\" srcset=\"http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_representation.png 303w, http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_representation-300x223.png 300w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><p id=\"caption-attachment-166\" class=\"wp-caption-text\"><strong>Direct Representation:<\/strong> The state of an object&#039;s property in reality is represented in the system.<\/p><\/div><br \/>\n<div id=\"attachment_167\" style=\"width: 313px\" class=\"wp-caption alignnone\"><a onclick=\"javascript:pageTracker._trackPageview('\/downloads\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_command.png');\"  href=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_command.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-167\" class=\"size-full wp-image-167 \" title=\"relationship_types_command\" src=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_command.png\" alt=\"Command: The state of an object's property in reality is affected by the state of its representation in the system\" width=\"303\" height=\"226\" srcset=\"http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_command.png 303w, http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_command-300x223.png 300w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><p id=\"caption-attachment-167\" class=\"wp-caption-text\"><strong>Command:<\/strong> The state of an object&#039;s property in reality is affected by the state of its representation in the system.<\/p><\/div><br \/>\n<div id=\"attachment_168\" style=\"width: 313px\" class=\"wp-caption alignnone\"><a onclick=\"javascript:pageTracker._trackPageview('\/downloads\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_augmentation.png');\"  href=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_augmentation.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-168\" class=\"size-full wp-image-168\" title=\"relationship_types_augmentation\" src=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_augmentation.png\" alt=\"Augmentation: Properties of an object that have no existence in reality are represented in the system.\" width=\"303\" height=\"226\" srcset=\"http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_augmentation.png 303w, http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_augmentation-300x223.png 300w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><p id=\"caption-attachment-168\" class=\"wp-caption-text\"><strong>Augmentation:<\/strong> Properties of an object that have no existence in reality are represented in the system.<\/p><\/div><br \/>\n<div id=\"attachment_169\" style=\"width: 313px\" class=\"wp-caption alignnone\"><a onclick=\"javascript:pageTracker._trackPageview('\/downloads\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_virtuality.png');\"  href=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_virtuality.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-169\" class=\"size-full wp-image-169\" title=\"relationship_types_virtuality\" src=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_virtuality.png\" alt=\"Virtuality: An object that doesn't exist in reality is represented by the system.\" width=\"303\" height=\"226\" srcset=\"http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_virtuality.png 303w, http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_virtuality-300x223.png 300w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><p id=\"caption-attachment-169\" class=\"wp-caption-text\"><strong>Virtuality:<\/strong> An object that doesn&#039;t exist in reality is represented by the system.<\/p><\/div><\/p>\n<div class=\"mceTemp\">\n<dl id=\"attachment_170\" class=\"wp-caption alignnone\" style=\"width: 508px;\">\n<dt class=\"wp-caption-dt\"><a onclick=\"javascript:pageTracker._trackPageview('\/downloads\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_legend.png');\"  href=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_legend.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-170\" title=\"relationship_types_legend\" src=\"http:\/\/www.belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_legend.png\" alt=\"Legend\" width=\"498\" height=\"118\" srcset=\"http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_legend.png 498w, http:\/\/belouin.com\/blog\/wp-content\/uploads\/2010\/04\/relationship_types_legend-300x71.png 300w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/a><\/dt>\n<\/dl>\n<\/div>\n<p>\nIf we take these various type of relationship into account, we could argue that the role of an interactive system would be to provide users with the most seamless, intuitive way to manipulate the objects it represents. Indeed, if we see interfaces as particular types of tools, interactive systems could be seen as the extension of the body of its users which allows them to perform particular tasks on these objects, or more precisely on certain properties of these objects.<br \/>\n<br \/>\nOnce such a basis is set, it becomes possible to conceptualise other aspects of interactive systems. A first step in such an endeavour would be to provide a precise definition of the various concepts on which this model relies: This will form the subject of future posts. Of course comments are welcome, as there may be a fault in my reasoning!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How can we sum up what we do? what are these systems we design? Below is a somewhat simplistic and schematic view of the problem, which may have some merits in that it provides a framework within which we can start to tackle the particular issues of our beloved discipline in a &#8216;formal&#8217; manner! I&#8217;ve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[58,10,47,26,56,57,59,88],"class_list":["post-162","post","type-post","status-publish","format-standard","hentry","category-theory","tag-interaction-design","tag-interactive-systems","tag-interface-design","tag-method","tag-model","tag-representation","tag-theoretical-model","tag-theory"],"_links":{"self":[{"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/posts\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":20,"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/posts\/162\/revisions"}],"predecessor-version":[{"id":186,"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/posts\/162\/revisions\/186"}],"wp:attachment":[{"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/media?parent=162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/categories?post=162"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/belouin.com\/blog\/wp-json\/wp\/v2\/tags?post=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}