{"id":153,"date":"2019-12-07T11:01:04","date_gmt":"2019-12-07T09:01:04","guid":{"rendered":"http:\/\/quadern-interficies.recursos.uoc.edu\/?page_id=153"},"modified":"2020-01-21T17:32:45","modified_gmt":"2020-01-21T15:32:45","slug":"3-2-las-interfaces-conversacionales","status":"publish","type":"page","link":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/3-2-las-interfaces-conversacionales\/","title":{"rendered":"3.2. Las interfaces conversacionales"},"content":{"rendered":"<div class=\"featured featured-blue\"><p>Las <a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/speech\/\" target=\"_blank\" rel=\"noopener noreferrer\">interfaces conversacionales<\/a> son las interfaces primarias o complementarias a interfaces visuales, auditivas y t\u00e1ctiles que permiten la interacci\u00f3n de voz entre personas y dispositivos. Se caracterizan por un modelo de interacci\u00f3n por turnos.<\/p>\n<\/div>\n<p>Los dispositivos de comando de voz y las interfaces conversacionales (<a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Acr\u00f3nimo del ingl\u00e9s <em>Voice User Interfaces<\/em>.\" data-placement=\"top\" data-html=\"true\" >VUI<\/a>) poseen micr\u00f3fonos omnidireccionales para capturar las instrucciones de voz del usuario. A menudo, el mismo dispositivo incluye altavoces para cerrar el <em>loop<\/em> de interacci\u00f3n hombre-m\u00e1quina.<\/p>\n<figure id=\"attachment_243\" aria-describedby=\"caption-attachment-243\" style=\"width: 765px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-243\" src=\"\/wp-content\/uploads\/2019\/12\/m4357_15.jpg\" alt=\"\" width=\"765\" height=\"431\" srcset=\"\/wp-content\/uploads\/2019\/12\/m4357_15.jpg 765w, \/wp-content\/uploads\/2019\/12\/m4357_15-300x169.jpg 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><figcaption id=\"caption-attachment-243\" class=\"wp-caption-text\">Figura 15. El usuario interact\u00faa con un VUI (Echo, de Amazon) al pedir \u00abomitir un comercial\u00bb<br \/>Fuente: <a href=\"https:\/\/www.digitaltrends.com\/home-theater\/alexa-tivo-launch\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.digitaltrends.com\/home-theater\/alexa-tivo-launch\/<\/a>.<\/figcaption><\/figure>\n<p>Existen diversas <strong>herramientas de dise\u00f1o<\/strong> para crear interfaces conversacionales:<\/p>\n<ul>\n<li><strong>Di\u00e1logos de muestra<\/strong>: una herramienta sencilla y muy potente para determinar la experiencia de usuario y corregirla.<\/li>\n<li><strong><em>Mockups<\/em><\/strong><strong> visuales<\/strong>: en una aplicaci\u00f3n VUI es importante que los <em>wireframes<\/em> se acompa\u00f1en de di\u00e1logos de muestra para ayudar a visualizar la experiencia del usuario. Es por esto que los dise\u00f1adores de VUI y los dise\u00f1adores visuales deben trabajar en estrecha colaboraci\u00f3n.<\/li>\n<li><strong>Diagramas de flujo<\/strong>: especialmente \u00fatiles para ilustrar todos los caminos que se pueden tomar en un sistema VUI. En conversaciones cerradas este diagrama puede contener los detalles de todos los posibles caminos de la conversaci\u00f3n. Sin embargo, en aquellas conversaciones m\u00e1s abiertas (por ejemplo, asistente virtual), el flujo de informaci\u00f3n se puede agrupar por tipos (por ejemplo, alarma, llamada, b\u00fasqueda, etc.).<\/li>\n<\/ul>\n<p>Una vez el dise\u00f1o ha sido esbozado, el dise\u00f1ador debe asegurarse de que los usuarios se sientan comprendidos. Para ello se integran <strong>confirmaciones<\/strong>, las cuales tambi\u00e9n servir\u00e1n para informar al usuario cuando no es entendido. Las confirmaciones pueden ser: <strong>expl\u00edcitas<\/strong>, forzando al usuario a indicar que se ha emitido\/recibido la informaci\u00f3n correctamente, o <strong>impl\u00edcitas<\/strong>, dando a entender al usuario que se ha recibido la informaci\u00f3n y repiti\u00e9ndola, pero sin solicitar aprobaci\u00f3n.<\/p>\n<h5>\u00bfCu\u00e1ndo usar comando y control (por ejemplo, presionar un bot\u00f3n o usar una palabra clave) o un modo m\u00e1s conversacional?<\/h5>\n<p>Si la conversaci\u00f3n es cerrada y su inicio y fin son expl\u00edcitos, lo m\u00e1s adecuado ser\u00e1 dise\u00f1arlo en modo conversacional. Si, por el contrario, el usuario puede acceder a la conversaci\u00f3n en cualquier momento y esta es m\u00e1s abierta, deberemos marcar el inicio de la interacci\u00f3n usando una palabra clave (por ejemplo, Google Now, Amazon Alexa). En el caso de una conversaci\u00f3n abierta, puede ser \u00fatil introducir marcadores conversacionales para indicar el cambio de turno:<\/p>\n<ul>\n<li>Temporales (\u00abPrimero\u00bb, \u00abA mitad de camino\u00bb y \u00abFinalmente\u00bb)<\/li>\n<li>Agradecimientos (\u00abGracias\u00bb, \u00abEntendido\u00bb, \u00abMuy bien\u00bb y \u00abPerd\u00f3n por eso\u00bb)<\/li>\n<li>Comentarios positivos (\u00abBuen trabajo\u00bb y \u00abEs bueno escuchar eso\u00bb)<\/li>\n<\/ul>\n<div class=\"featured featured-grey\"><p><strong>Ejercicio<\/strong><\/p>\n<p>Explorad los usos m\u00e1s comunes para la interfaz de Amazon Alexa (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Amazon_Alexa\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/en.wikipedia.org\/wiki\/Amazon_Alexa<\/a>) y escribid un di\u00e1logo de muestra como ejemplo de ruta conversacional para cada uno de los siguientes casos:<\/p>\n<ol>\n<li>El sistema no escuch\u00f3 al usuario.<\/li>\n<li>El sistema no reconoce lo que dice el usuario.<\/li>\n<li>El sistema malinterpret\u00f3 al usuario.<\/li>\n<\/ol>\n<p>Utilizad como referencia las secciones \u00abError Handling\u00bb y \u00abDisambiguation\u00bb del cap\u00edtulo 2 y el cap\u00edtulo 4 del libro de Cathy Pearl, <em>Designing Voice User Interfaces: Principles of Conversational Experiences<\/em>.<\/p>\n<\/div>\n<p>Los usuarios expertos e inexpertos pueden necesitar usar caminos conversacionales distintos; conviene analizar las estrategias de interacci\u00f3n de cada categor\u00eda de usuario potencial y <strong>personalizar<\/strong> el flujo de interacci\u00f3n. Otro aspecto que enriquece notablemente la experiencia de usuario en una interacci\u00f3n conversacional es la <strong>provisi\u00f3n de contexto<\/strong>. Permitir al sistema recordar lo que los usuarios han dicho, ya sea en la misma conversaci\u00f3n o en conversaciones anteriores, facilita predecir e interpretar las necesidades del usuario. En t\u00e9rminos de <strong>accesibilidad<\/strong>, las interacciones deben ser eficientes en el tiempo, deben proporcionar contexto y deben priorizar la personalizaci\u00f3n sobre la personalidad. Por \u00faltimo, es importante que las interfaces conversacionales <strong>ofrezcan ayuda <\/strong>(por ejemplo, \u00abPara obtener ayuda sobre lo que puede decir, eche un vistazo a la secci\u00f3n de cosas para probar en la aplicaci\u00f3n Alexa\u00bb) y otros <strong>comandos universales<\/strong>, tales como saludos y despedidas. En todas estas funciones, aplicar un modelo de\u00a0<a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"En ingl\u00e9s, <em>natural-language understanding<\/em>, NLU.\" data-placement=\"top\" data-html=\"true\" >comprensi\u00f3n del lenguaje natural<\/a> convertir\u00e1 la interfaz en un sistema m\u00e1s atractivo, f\u00e1cil de usar y exitoso. Esta rama de la inteligencia artificial se ocupa de desarrollar m\u00e9todos de software para manejar mejor las entradas de informaci\u00f3n no estructuradas que se rigen por reglas mal definidas y flexibles (por ejemplo, entradas de conversaci\u00f3n libre por voz o texto) y convertirlas en una forma estructurada que una m\u00e1quina pueda comprender. Por ejemplo, una herramienta que se puede usar en el contexto de NLU para que un VUI sea m\u00e1s inteligente y m\u00e1s emp\u00e1tico es usar el <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"En ingl\u00e9s, <em>sentiment analysis<\/em>.\" data-placement=\"top\" data-html=\"true\" >an\u00e1lisis de sentimientos<\/a>:<\/p>\n<blockquote><p>The process of computationally identifying and categorizing opinions expressed in a piece of text, especially in order to determine whether the writer\u2019s attitude towards a particular topic, product, etc., is positive, negative, or neutral.<\/p><\/blockquote>\n<div class=\"blockquote-author\"><p>Google<\/p>\n<\/div>\n<div class=\"featured featured-grey\"><p><strong>Ejercicio<\/strong><\/p>\n<p>Experimentad con el algoritmo de an\u00e1lisis de sentimientos que encontrar\u00e9is en la p\u00e1gina web <a href=\"https:\/\/www.paralleldots.com\/sentiment-analysis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.paralleldots.com\/sentiment-analysis<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Los dispositivos de comando de voz y las interfaces conversacionales () poseen micr\u00f3fonos omnidireccionales para capturar las instrucciones de voz del usuario. A menudo, el mismo dispositivo incluye altavoces para cerrar el loop de interacci\u00f3n hombre-m\u00e1quina. Existen diversas herramientas de dise\u00f1o para crear interfaces conversacionales: Di\u00e1logos de muestra: una herramienta sencilla y muy potente para [&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.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/153"}],"collection":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":8,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":647,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/153\/revisions\/647"}],"wp:attachment":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}