{"id":149,"date":"2019-12-07T10:58:43","date_gmt":"2019-12-07T08:58:43","guid":{"rendered":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/?page_id=149"},"modified":"2020-01-21T17:07:56","modified_gmt":"2020-01-21T15:07:56","slug":"3-1-las-interfaces-gestuales","status":"publish","type":"page","link":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/3-1-las-interfaces-gestuales\/","title":{"rendered":"3.1. Las interfaces gestuales"},"content":{"rendered":"<p>Desde que en los a\u00f1os setenta Xerox introdujo la interfaz gr\u00e1fica (GUI), el clic ha sido la forma m\u00e1s com\u00fan para la interacci\u00f3n con sistemas inform\u00e1ticos. Sin embargo, con la llegada de las pantallas t\u00e1ctiles en m\u00f3viles y tabletas, el clic ha sido reemplazado por el <em>tap,<\/em> un movimiento m\u00e1s natural y directo que consiste en el apoyo de la yema de los dedos directamente sobre la pantalla. Aunque este tipo de interfaces est\u00e1n muy extendidas y han sido r\u00e1pidamente aceptadas por los usuarios de dispositivos m\u00f3viles, <a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/gesture\/\" target=\"_blank\" rel=\"noopener noreferrer\">la interacci\u00f3n gestual<\/a> no se limita a esta tecnolog\u00eda y presenta un potencial para la mejora de la usabilidad que est\u00e1 todav\u00eda inexplorado. Podemos distinguir dos categor\u00edas de interfaces gestuales:<\/p>\n<ul>\n<li><strong>Pantallas t\u00e1ctiles<\/strong> que requieren que el usuario est\u00e9 en contacto directo con la interfaz.<\/li>\n<li><strong>Forma libre<\/strong> que no requiere contacto por parte del usuario. Esta es m\u00e1s flexible y puede incorporar sistemas de captura de movimiento basados en visi\u00f3n por computador u otras tecnolog\u00edas (por ejemplo, guantes de datos).<\/li>\n<\/ul>\n<p>A su vez, dependiendo de c\u00f3mo es el tipo de control que se implementa en la interacci\u00f3n gestual, podemos distinguir interfaces de manipulaci\u00f3n <strong>directa<\/strong> (por ejemplo, la pantalla t\u00e1ctil de un Apple iPhone) o <strong>indirecta<\/strong> (por ejemplo, activaci\u00f3n de la cisterna de un inodoro por sensor de proximidad).<\/p>\n<figure id=\"attachment_241\" aria-describedby=\"caption-attachment-241\" style=\"width: 765px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-241\" src=\"\/wp-content\/uploads\/2019\/12\/m4357_14.jpg\" alt=\"\" width=\"765\" height=\"428\" srcset=\"\/wp-content\/uploads\/2019\/12\/m4357_14.jpg 765w, \/wp-content\/uploads\/2019\/12\/m4357_14-300x168.jpg 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><figcaption id=\"caption-attachment-241\" class=\"wp-caption-text\">Figura 14. Interfaz gestual de manipulaci\u00f3n indirecta para la activaci\u00f3n de la cisterna de un inodoro<br \/>Fuente: <a href=\"https:\/\/www.homecrux.com\/tag\/gesture-controlled-toilet-flush\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.homecrux.com\/tag\/gesture-controlled-toilet-flush\/<\/a>.<\/figcaption><\/figure>\n<div class=\"featured featured-grey\"><p><strong>Ejercicio<\/strong><\/p>\n<p>Enumerad dos ejemplos de interfaces gestuales de forma libre con manipulaci\u00f3n directa y otras dos con manipulaci\u00f3n indirecta. Revisad el <a href=\"https:\/\/learning.oreilly.com\/library\/view\/designing-gestural-interfaces\/9780596156756\/ch04.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u00abCap\u00edtulo 4. Patterns for Free-Form Interactive Gestures\u00bb<\/a> del libro de Dan Saffer <em>Designing Gestural Interfaces: Touchscreens and Interactive Devices<\/em>. All\u00ed encontrar\u00e9is varios ejemplos de interfaces gestuales de manipulaci\u00f3n indirecta.<\/p>\n<\/div>\n<p>Todos los sistemas que emplean interfaces basadas en gestos se componen, como m\u00ednimo, de un sensor, un comparador y un actuador.<\/p>\n<p>Un <strong>sensor<\/strong> es un componente el\u00e9ctrico o electr\u00f3nico que detecta cambios en el entorno. Dependiendo del tipo de sensor, este puede capturar cambios en la luz, en la presi\u00f3n, de proximidad, cambios ac\u00fasticos, de orientaci\u00f3n, basados en el movimiento (por ejemplo, velocidad) o en otros factores. El tipo de sensor que emplearemos para desarrollar una interfaz gestual depender\u00e1 del contexto de la interacci\u00f3n y la finalidad, aunque por norma general el dise\u00f1ador siempre buscar\u00e1 maximizar la naturalidad y facilidad de uso del controlador. Algunos de los factores m\u00e1s relevantes para la elecci\u00f3n de un sensor o sistema de sensores adecuados son la sensibilidad y el \u00e1rea de cobertura del sensor para detectar cambios relevantes del entorno. Cuanto m\u00e1s alta sea la sensibilidad y m\u00e1s amplia el \u00e1rea de cobertura, m\u00e1s sutiles y amplios ser\u00e1n los gestos que podremos detectar.<\/p>\n<p>Un <strong>comparador<\/strong> permite evaluar las diferencias entre el estado actual del sistema y otro de referencia (por ejemplo, el estado previo, el estado objetivo). Habitualmente, el comparador es un microprocesador con software espec\u00edfico que ejecuta estas tareas, aunque en algunos casos puede consistir en un sistema mec\u00e1nico con una forma de interacci\u00f3n m\u00e1s simple.<\/p>\n<p>El <strong>actuador<\/strong> recibe la informaci\u00f3n sobre el resultado de la comparaci\u00f3n efectuada por el comparador y provoca un cambio en la interfaz. El actuador puede ser anal\u00f3gico (por ejemplo, encender una luz de la casa) o digital (por ejemplo, voltear la interfaz de pantalla de un m\u00f3vil).<\/p>\n<p>A veces, puede ser complicado saber cu\u00e1ndo es recomendable usar un tipo de interacci\u00f3n gestual y cu\u00e1ndo es mejor evitarla. Para tomar esta decisi\u00f3n, se debe considerar cu\u00e1n exigente es realizar el movimiento requerido para la interacci\u00f3n. Adem\u00e1s, la modalidad de cada interfaz depende del tipo de contenido e informaci\u00f3n sobre la que trabajar\u00e1 la relaci\u00f3n usuario-m\u00e1quina. Por ejemplo, controlar se\u00f1ales m\u00faltiples y precisas podr\u00eda ser m\u00e1s adecuado para una interfaz t\u00e1ctil\/de teclado que para una interfaz de comando de voz. Del mismo modo, si solo se requiere un peque\u00f1o conjunto de comandos simples, podr\u00eda ser m\u00e1s f\u00e1cil basar la interacci\u00f3n en una interfaz de comando de voz en lugar de una interfaz basada en texto. Las interfaces gestuales son una gran oportunidad para la interacci\u00f3n humano-m\u00e1quina natural; sin embargo, las interfaces gestuales deben pensarse cuidadosamente antes de la implementaci\u00f3n. Una gran ventaja, como se ve en las interfaces de comandos de voz, es el hecho de que interactuar a trav\u00e9s de gestos minimiza la cantidad de dispositivos necesarios para lograr los objetivos del usuario (el cuerpo del usuario es suficiente para obtener y responder a los comentarios de la m\u00e1quina). Sin embargo, la cantidad y el tipo de gestos necesarios deben ser de una muestra relativamente peque\u00f1a y f\u00e1cil de realizar para un usuario de todas las edades y condiciones f\u00edsicas. Por lo tanto, las interfaces de gestos funcionan bien cuando el conjunto de comandos son f\u00e1cilmente disociables entre ellos. Por ejemplo, levantar el brazo hacia arriba cuando el usuario se sienta frente a la pantalla de un televisor es f\u00e1cil de memorizar y puede activar el comando \u00absubir el volumen\u00bb. Si el usuario est\u00e1 \u00abretirando dinero\u00bb en un cajero autom\u00e1tico, puede ser dif\u00edcil llevar a cabo el proceso expresando todos los pasos involucrados usando gestos. Adem\u00e1s, se debe tener en cuenta, al dise\u00f1ar interfaces gestuales, el hecho de que el usuario no se sentir\u00eda c\u00f3modo al gesticular movimientos antinaturales en un espacio p\u00fablico.<\/p>\n<div class=\"featured featured-blue\"><p>En resumen, las interfaces gestuales son un gran candidato para la interacci\u00f3n hombre-m\u00e1quina cuando el tipo de comandos, movimientos y contexto impulsan un di\u00e1logo c\u00f3modo y natural.<\/p>\n<\/div>\n<table width=\"590\">\n<tbody>\n<tr class=\"table-header\">\n<td colspan=\"2\" width=\"590\">\n<p style=\"text-align: center;\"><strong>\u00bfEn qu\u00e9 situaciones conviene usar interfaces gestuales?<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr class=\"table-header-sec\">\n<td width=\"270\">\n<p style=\"text-align: center;\"><strong>No usar<\/strong><\/p>\n<\/td>\n<td width=\"320\">\n<p style=\"text-align: center;\"><strong>Usar<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"270\">\n<ul>\n<li>Cuando la interfaz tiene una entrada de datos compleja.<\/li>\n<li>Cuando la interfaz se basa en informaci\u00f3n visual.<\/li>\n<li>Cuando la interfaz es demasiado exigente en el movimiento f\u00edsico.<\/li>\n<li>Cuando la interfaz tiene un contexto inapropiado.<\/li>\n<\/ul>\n<p><strong>\u00a0<\/strong><\/td>\n<td width=\"320\">\n<ul>\n<li>Cuando la interfaz requiere una interacci\u00f3n m\u00e1s natural.<\/li>\n<li>Cuando la interfaz requiere reducir o esconder hardware (por ejemplo, lugar p\u00fablico).<\/li>\n<li>Cuando la interfaz requiere m\u00e1s flexibilidad en la interacci\u00f3n.<\/li>\n<li>Cuando la interfaz requiere m\u00e1s matices.<\/li>\n<li>Cuando la interfaz requiere m\u00e1s diversi\u00f3n.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Las interfaces gestuales deben ser: f\u00e1ciles de descubrir, confiables, responsivas, apropiadas (al contexto, cultura y situaci\u00f3n), con sentido (satisface unas necesidades del usuario), <em>smart<\/em> (extienden las capacidades humanas), inteligentes (predicen las necesidades del usuario), divertidas (promoviendo el uso, la exploraci\u00f3n y la variedad de interacciones), placenteras est\u00e9tica y funcionalmente, y buenas (respetuosas y compasivas).<\/p>\n<p>Aunque las interfaces para la interacci\u00f3n gestual pueden ser muy diversas y basarse en tecnolog\u00edas muy distintas, reconocemos una serie de <strong>caracter\u00edsticas<\/strong> comunes en todas ellas y que pueden guiar al dise\u00f1ador en el proceso de desarrollo:<\/p>\n<ul>\n<li><strong>Presencia:<\/strong> presencia de la yema del dedo para crear un evento de interacci\u00f3n s\u00edncrono sobre una pantalla t\u00e1ctil.<\/li>\n<li><strong>Duraci\u00f3n:<\/strong> intervalo de tiempo que transcurre durante la ejecuci\u00f3n del gesto.<\/li>\n<li><strong>Posici\u00f3n:<\/strong> lugar en el que se ejecuta el gesto (por ejemplo, superficie plana de una pantalla t\u00e1ctil).<\/li>\n<li><strong>Movimiento:<\/strong> tipo de movimiento requerido para la interacci\u00f3n con el sistema (por ejemplo, desplazamiento del cuerpo a lo largo de una sala).<\/li>\n<li><strong>Presi\u00f3n: <\/strong>\u00bfse trata de una presi\u00f3n leve o firme? \u00bfEs r\u00e1pida o sostenida?<\/li>\n<li><strong>Tama\u00f1o:<\/strong> referencia al controlador; por ejemplo, en las pantallas t\u00e1ctiles la interacci\u00f3n puede ser controlada por la yema de un dedo o por la punta fina de un l\u00e1piz.<\/li>\n<li><strong>Orientaci\u00f3n: <\/strong>\u00bfen qu\u00e9 direcci\u00f3n se orientan el usuario y el dispositivo? Debe determinarse usando puntos fijos, como por ejemplo el \u00e1ngulo del usuario en relaci\u00f3n con la pantalla.<\/li>\n<li><strong>Inclusi\u00f3n de objetos:<\/strong> algunos sistemas incluyen objetos que forman parte del dise\u00f1o de la interacci\u00f3n.<\/li>\n<li><strong>N\u00famero de puntos de contacto\/combinaciones:<\/strong> cada vez m\u00e1s interfaces gestuales permiten la interacci\u00f3n multit\u00e1ctil, usando varios dedos e incluso varias manos al mismo tiempo.<\/li>\n<li><strong>Secuencia:<\/strong> en sistemas m\u00e1s sofisticados, la interacci\u00f3n puede depender de la historia de interacciones del usuario.<\/li>\n<li><strong>N\u00famero de participantes: <\/strong>aunque algunos sistemas aceptan la interacci\u00f3n simult\u00e1nea de m\u00faltiples usuarios, esto no siempre significa que permitan m\u00faltiples puntos de contacto. Por ejemplo, algunos de estos sistemas basan la interacci\u00f3n en gestos ejecutados por una sola mano; sin embargo, son capaces de identificar qu\u00e9 usuario ha realizado la acci\u00f3n.<\/li>\n<\/ul>\n<div class=\"featured featured-grey\"><p><strong>Ejercicio<\/strong><\/p>\n<p>Revisad el <a href=\"https:\/\/learning.oreilly.com\/library\/view\/designing-gestural-interfaces\/9780596156756\/ch03.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u00abCap\u00edtulo 3. Patterns for Touchscreens and Interactive Surfaces\u00bb<\/a> del libro de Dan Saffer, <em>Designing Gestural Interfaces: Touchscreens and Interactive Devices. Patterns for Touchscreens and Interactive Surfaces<\/em>. Explorad la interfaz del men\u00fa principal de vuestro m\u00f3vil y encontrad todos los patrones de interacci\u00f3n gestual que encontr\u00e9is.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Desde que en los a\u00f1os setenta Xerox introdujo la interfaz gr\u00e1fica (GUI), el clic ha sido la forma m\u00e1s com\u00fan para la interacci\u00f3n con sistemas inform\u00e1ticos. Sin embargo, con la llegada de las pantallas t\u00e1ctiles en m\u00f3viles y tabletas, el clic ha sido reemplazado por el tap, un movimiento m\u00e1s natural y directo que consiste [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/149"}],"collection":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":6,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":644,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/149\/revisions\/644"}],"wp:attachment":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}