{"id":498,"date":"2023-01-05T14:00:35","date_gmt":"2023-01-05T12:00:35","guid":{"rendered":"http:\/\/quadern-int-int-recursos-test.azurewebsites.net\/?page_id=498"},"modified":"2023-02-14T15:57:43","modified_gmt":"2023-02-14T13:57:43","slug":"5-2-marco-de-trabajo-de-agencia-e-interaccion","status":"publish","type":"page","link":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/5-2-marco-de-trabajo-de-agencia-e-interaccion\/","title":{"rendered":"5.2. Marco de trabajo de agencia e interacci\u00f3n"},"content":{"rendered":"<p>A continuaci\u00f3n, pondremos la agencia en relaci\u00f3n con algunos elementos del dise\u00f1o de la interacci\u00f3n, para que, en conjunto, formen un marco de trabajo que nos permita comprender mejor los conceptos que forman parte. En concreto, proponemos vincular la <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Gondomar, Romualdo, and Mor, Enric. \u00abUnderstanding Agency in Human-Computer Interaction Design\u00bb. <em>International Conference donde Human-Computer Interaction<\/em>. Springer, Cham, 2021.\" data-placement=\"top\" data-html=\"true\" >agencia a cuatro elementos<\/a>: los modelos mentales, las <em>affordances<\/em>, la reciprocidad y la responsividad.<\/p>\n<figure id=\"attachment_692\" aria-describedby=\"caption-attachment-692\" style=\"width: 483px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-692 \" src=\"\/wp-content\/uploads\/2023\/02\/PID_00293913_44.jpg\" sizes=\"(max-width: 515px) 100vw, 515px\" srcset=\"\/wp-content\/uploads\/2023\/02\/PID_00293913_44.jpg 515w, \/wp-content\/uploads\/2023\/02\/PID_00293913_44-300x102.jpg 300w\" alt=\"\" width=\"483\" height=\"164\" \/><figcaption id=\"caption-attachment-692\" class=\"wp-caption-text\">Figura 35. Los cuatro elementos del marco de trabajo de agencia en dise\u00f1o de interacci\u00f3n<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n<p>Estas cuatro nociones est\u00e1n vinculadas de diferentes maneras a las personas que interaccionan y a los sistemas con que interaccionan. Por un lado, los modelos mentales y las <em>affordances<\/em> tienen m\u00e1s que ver con los <strong>procesos cognitivos<\/strong> de las personas usuarias porque dan claves para comprender la situaci\u00f3n interactiva y sus relaciones con el mundo exterior. En cambio, la reciprocidad y la responsividad est\u00e1n mucho m\u00e1s relacionadas con los sistemas, el <strong>proceso de comunicaci\u00f3n<\/strong> y a c\u00f3mo transmiten la informaci\u00f3n.<\/p>\n<p>Podemos decir que los <strong>modelos mentales<\/strong> estructuran y apoyan a c\u00f3mo act\u00faan las personas. Son las representaciones que nos sirven como referencia y nos facilitan la comprensi\u00f3n del entorno. Las met\u00e1foras son instrumentos que nos permiten expresar estos modelos mentales. Funcionan por analog\u00eda: consisten en expresar una cosa haciendo uso de otra a que se asemejan.<\/p>\n<p>Encontramos diferentes tipos de met\u00e1foras que nos permiten comprender la realidad: met\u00e1foras estructurales (vinculan diferentes conceptos, por ejemplo, la careta sonriente que indica el hecho de estar contento o los lenguajes de programaci\u00f3n por bloques, como si fueran rompecabezas); orientacionals (comparan experiencias espaciales, por ejemplo, el pulgar hacia abajo para indicar desaprobaci\u00f3n o la flecha hacia la derecha para indicar <em>siguiente<\/em>), y ontol\u00f3gicas (una abstracci\u00f3n es presentada de manera concreta. Esto pasa con las personificaciones o la idea del archivo como objeto, que tiene peso y se puede mover por las carpetas o a la papelera).<\/p>\n<p>En segundo lugar, las <strong><em>affordances<\/em><\/strong> son las funcionalidades que percibimos en un dispositivo u objeto interactivo y, por lo tanto, son un elemento clave que nos permite, intuitivamente, entender c\u00f3mo se tienen que usar. Las <em>affordances<\/em> nos hacen posible operar con el entorno y tener experiencias significativas. Por lo tanto, los atributos asociados con la noci\u00f3n de <em>affordance<\/em> son <em>perceptual<\/em>, <em>operacional<\/em> y <em>significativo<\/em>.<\/p>\n<p>Por otro lado, como hemos ido viendo, el proceso de interacci\u00f3n se basa en la <strong>reciprocidad<\/strong>, es decir, en el intercambio de informaci\u00f3n que genera un flujo bidireccional de significado. Para que esto pase, hay que indicar la informaci\u00f3n adecuadamente, dirigir la intenci\u00f3n de la acci\u00f3n y usar c\u00f3digos o mensajes que se puedan entender de manera compartida.<\/p>\n<p>Finalmente, la <strong>responsividad<\/strong> es un t\u00e9rmino que se suele emplear para hacer referencia a la adaptaci\u00f3n de una interfaz a diferentes medidas y proporciones de pantalla. Aun as\u00ed, aqu\u00ed nos interesa una noci\u00f3n diferente de la responsividad; en concreto, la habilidad de hacer unas ciertas tareas en un tiempo espec\u00edfico. Estamos hablando, pues, de la capacidad de respuesta, que se basa en la reacci\u00f3n y, por lo tanto, tiene que estar sincronizada con la actividad. Para trabajar la capacidad de respuesta, tambi\u00e9n hace falta que usemos los medios y recursos pertinentes y relevantes en el flujo del proceso de interacci\u00f3n. El tiempo de respuesta tiene mucho que ver con la retroacci\u00f3n, puesto que son las respuestas que se manifiestan como efecto de las acciones en la interacci\u00f3n.<\/p>\n<p>A continuaci\u00f3n, incluimos un diagrama con los diferentes conceptos, atributos y relaciones para clarificar el marco de trabajo que proponemos:<\/p>\n<figure id=\"attachment_695\" aria-describedby=\"caption-attachment-695\" style=\"width: 663px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-695 \" src=\"\/wp-content\/uploads\/2023\/02\/PID_00293913_45-300x132.jpg\" alt=\"\" width=\"663\" height=\"292\" srcset=\"\/wp-content\/uploads\/2023\/02\/PID_00293913_45-300x132.jpg 300w, \/wp-content\/uploads\/2023\/02\/PID_00293913_45.jpg 715w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><figcaption id=\"caption-attachment-695\" class=\"wp-caption-text\">Figura 36. El marco de trabajo de agencia en dise\u00f1o de interacci\u00f3n<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A continuaci\u00f3n, pondremos la agencia en relaci\u00f3n con algunos elementos del dise\u00f1o de la interacci\u00f3n, para que, en conjunto, formen un marco de trabajo que nos permita comprender mejor los conceptos que forman parte. En concreto, proponemos vincular la : los modelos mentales, las affordances, la reciprocidad y la responsividad. Estas cuatro nociones est\u00e1n vinculadas [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/498"}],"collection":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":6,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/498\/revisions"}],"predecessor-version":[{"id":846,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/498\/revisions\/846"}],"wp:attachment":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}