{"id":2050,"date":"2021-10-14T11:39:22","date_gmt":"2021-10-14T09:39:22","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/?page_id=2050"},"modified":"2021-12-20T00:59:11","modified_gmt":"2021-12-19T22:59:11","slug":"3-3-4-interaccion-e-interfaz","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/3-3-4-interaccion-e-interfaz\/","title":{"rendered":"3.3.4. Interacci\u00f3n e interfaz"},"content":{"rendered":"<p>El concepto de <strong>interfaz<\/strong> es clave en el contexto de todo lo que se ha presentado en este apartado y tambi\u00e9n en el contexto de la asignatura. De manera intuitiva se puede definir la interfaz como <strong>el lugar donde se produce la interacci\u00f3n<\/strong>. Cuando interaccionamos con un m\u00f3vil la interfaz es tanto el cristal de la pantalla del dispositivo como lo que aparece en la pantalla. Cuando interaccionamos con un videojuego la interfaz es lo que tocamos y manipulamos, el comando de la consola, y tambi\u00e9n lo que vemos en la pantalla. Ambos ejemplos se basan en una pantalla y una forma de \u00abmanipular\u00bb lo que aparece en la pantalla, pero se pueden encontrar otro tipo de interfaces, por ejemplo, cuando hablamos con un asistente de voz, ya sea con el m\u00f3vil o con un altavoz inteligente. En este caso, la interfaz es lo que decimos y escuchamos. Como podemos ver en los ejemplos, existen diferentes <strong>tipos de interfaz donde realizar diferentes tipos de interacciones.<\/strong><\/p>\n<p>Tanto los tipos de interfaz como el tipo de interacci\u00f3n est\u00e1n fuertemente vinculados a la tecnolog\u00eda y a lo que se denomina dispositivos de entrada y salida. Por ejemplo, un teclado es un dispositivo de entrada, ya que podemos \u00abentrar\u00bb texto para que el ordenador lo interprete. La pantalla del ordenador es un dispositivo de salida, ya que es donde el ordenador \u00absale\u00bb y muestra informaci\u00f3n, gr\u00e1ficos, etc. Si la pantalla es t\u00e1ctil, ser\u00e1 tanto un dispositivo de entrada como un dispositivo de salida.<\/p>\n<p>La interacci\u00f3n persona-ordenador clasifica y ordena todos estos elementos de la siguiente manera:<\/p>\n<ul>\n<li>Tipo de interacci\u00f3n (modelos conceptuales de interacci\u00f3n)<\/li>\n<li>Tipo de interfaces<\/li>\n<\/ul>\n<p>Los modelos conceptuales o tipos de interacci\u00f3n son:<\/p>\n<ul>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/instructing\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Instructing<\/em><\/strong><\/a>. La persona usuaria articula \u00f3rdenes al sistema.<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/conversing\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Conversing<\/em><\/strong><\/a>. La persona usuaria hace preguntas o dialoga con el sistema.<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/manipulating\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Manipulating<\/em><\/strong><\/a>. La persona usuaria \u00abmanipula\u00bb objetos en entornos virtuales.<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/exploring\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Exploring<\/em><\/strong><\/a>. La persona usuaria recorre y examina (explora) informaci\u00f3n estructurada.<\/li>\n<\/ul>\n<p>Los estilos de interacci\u00f3n reflejan la manera en la que la persona usuaria interacciona con el sistema y determinan los tipos de interfaces. Son los siguientes:<\/p>\n<ul>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/typing\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Typing<\/em><\/strong><\/a>. La persona usuaria interact\u00faa escribiendo mediante un teclado.<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/speech\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Speech<\/em><\/strong><\/a>. La persona usuaria interact\u00faa mediante la voz.<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/gesture\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Gesture<\/em><\/strong><\/a>. La persona usuaria interact\u00faa con los gestos y el movimiento del cuerpo.<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/touch\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Touch<\/em><\/strong><\/a>. La persona usuaria interact\u00faa tocando (con los dedos u otras partes del cuerpo).<\/li>\n<li><a href=\"http:\/\/design-toolkit.uoc.edu\/es\/graphical-user-interface\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Graphical user interface<\/em><\/strong><\/a><a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/graphical-user-interface\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong> (GUI)<\/strong><\/a><a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/graphical-user-interface\/\">.<\/a> La persona usuaria interacciona mediante representaciones visuales, normalmente basadas en met\u00e1foras como WIMP (Windows, Icons, Mouse and Pointer): ventanas, iconos, rat\u00f3n i puntero.<\/li>\n<\/ul>\n<p>Para una reflexi\u00f3n m\u00e1s a fondo sobre la <strong>relaci\u00f3n entre tipo de interacci\u00f3n y tipo de interfaz <\/strong>os recomendamos leer el contenido \u00ab<a href=\"http:\/\/design-toolkit.uoc.edu\/es\/interaccion-e-interfaces\/\" target=\"_blank\" rel=\"noopener noreferrer\">Interacci\u00f3n e interfaces\u00bb<\/a> del <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Design Toolkit<\/em><\/a> de la UOC.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El concepto de interfaz es clave en el contexto de todo lo que se ha presentado en este apartado y tambi\u00e9n en el contexto de la asignatura. De manera intuitiva se puede definir la interfaz como el lugar donde se produce la interacci\u00f3n. Cuando interaccionamos con un m\u00f3vil la interfaz es tanto el cristal de [&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-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2050"}],"collection":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=2050"}],"version-history":[{"count":10,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2050\/revisions"}],"predecessor-version":[{"id":2607,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2050\/revisions\/2607"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=2050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}