{"id":174,"date":"2019-12-07T12:18:45","date_gmt":"2019-12-07T10:18:45","guid":{"rendered":"http:\/\/quadern-interficies.recursos.uoc.edu\/?page_id=174"},"modified":"2020-01-21T17:37:15","modified_gmt":"2020-01-21T15:37:15","slug":"4-2-disenar-interfaces-3d","status":"publish","type":"page","link":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/4-2-disenar-interfaces-3d\/","title":{"rendered":"4.2. Dise\u00f1ar interfaces 3D"},"content":{"rendered":"<p>Para dise\u00f1ar interfaces de usuario 3D, es necesario un conocimiento b\u00e1sico de las tecnolog\u00edas de seguimiento espacial. Generalmente, estas tecnolog\u00edas se basan en rastreadores de posici\u00f3n de seis <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"En ingl\u00e9s, <em>degrees of freedom<\/em>, DOF.\" data-placement=\"top\" data-html=\"true\" >grados de libertad<\/a>, que detectan la posici\u00f3n 3D absoluta (posici\u00f3n en un sistema de coordenadas XYZ fijo) y la orientaci\u00f3n (balanceo, inclinaci\u00f3n y gui\u00f1ada en el fijo sistema de coordenadas) del objeto. Existen diversas tecnolog\u00edas que permiten monitorizar esta informaci\u00f3n, como por ejemplo los sensores de inercia (aceler\u00f3metros, giroscopios), sistemas de visi\u00f3n por computador (sensores de profundidad y c\u00e1maras), guantes de datos, rastreadores \u00f3pticos y sistemas basados en campos electromagn\u00e9ticos.<\/p>\n<p>Las interfaces de usuario 3D son relativamente nuevas y todav\u00eda no existen gu\u00edas de dise\u00f1o estandarizadas. Si bien los principios generales de la IPO, como la heur\u00edstica de Nielsen son aplicables, no son suficientes. A continuaci\u00f3n, listamos algunos de los principios espec\u00edficos de las interfaces 3D:<\/p>\n<ol>\n<li><strong>Entender el espacio<\/strong>: existen varias t\u00e9cnicas para las llamadas <em>tareas universales<\/em> de desplazamiento, selecci\u00f3n, manipulaci\u00f3n y control del sistema. A menudo, tendremos que analizar el espacio y combinar estas t\u00e9cnicas o incluso inventar nuevos m\u00e9todos.<\/li>\n<li><strong>Es posible innovar<\/strong>: los espacios de interacci\u00f3n 3D son muy flexibles y constantemente aparecen nuevas tecnolog\u00edas (por ejemplo, Leap Motion) con el potencial de nuevas formas de interacci\u00f3n.<\/li>\n<li><strong>El mapeo y los grados de libertad<\/strong>: uno de los problemas m\u00e1s comunes en el dise\u00f1o de la interfaz de usuario 3D es el uso de un mapeo inapropiado entre dispositivos de entrada y acciones en la interfaz. Por ejemplo, cuando se utiliza una entrada con muchos grados de libertad (como un movimiento del brazo) para una tarea que requiere un n\u00famero menor de grados de libertad (como abrir un archivo), el rendimiento de la tarea puede ser innecesariamente dif\u00edcil o requerir demasiado esfuerzo.<\/li>\n<li><strong>Simplicidad<\/strong>: cuando el objetivo del usuario es simple, los dise\u00f1adores deben proporcionar t\u00e9cnicas simples y sin esfuerzo. Reducir el n\u00famero de grados de libertad es una forma r\u00e1pida de simplificar el dise\u00f1o. Tambi\u00e9n hay que tener en cuenta que los usuarios generalmente no pueden recordar una gran cantidad de asociaciones entre movimientos\/gestos y funciones.<\/li>\n<li><strong>Dise\u00f1ar para el hardware<\/strong>: es importante conocer m\u00ednimamente el funcionamiento y las limitaciones del hardware que conformar\u00e1 la interfaz. Un buen dise\u00f1o de interacci\u00f3n puede aprovechar las ventajas del hardware y hacer que sus limitaciones sean imperceptibles para el usuario.<\/li>\n<li><strong>Aprender a usar el sistema<\/strong>: dado que la mayor\u00eda de personas no est\u00e1n familiarizadas con las interfaces 3D, a menudo estos sistemas integran entornos de introducci\u00f3n o instrucciones de uso. Conviene que la interacci\u00f3n sea lo m\u00e1s intuitiva y natural posible; sin embargo, si una sesi\u00f3n de entrenamiento m\u00ednima (por ejemplo, un minuto) permite a los usuarios mejorar significativamente su rendimiento, es recomendable incluirla.<\/li>\n<\/ol>\n<figure id=\"attachment_249\" aria-describedby=\"caption-attachment-249\" style=\"width: 765px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-249\" src=\"\/wp-content\/uploads\/2019\/12\/m4357_18.jpg\" alt=\"\" width=\"765\" height=\"359\" srcset=\"\/wp-content\/uploads\/2019\/12\/m4357_18.jpg 765w, \/wp-content\/uploads\/2019\/12\/m4357_18-300x141.jpg 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><figcaption id=\"caption-attachment-249\" class=\"wp-caption-text\">Figura 18. El Leap Motion consta de dos c\u00e1maras y tres LED infrarrojos. Estos rastrean la luz infrarroja con una longitud de onda de 850 nan\u00f3metros, que est\u00e1 fuera del espectro de luz visible. En conjunto, su plataforma de software y hardware traslada los movimientos de las manos del usuario directamente a los entornos de realidad virtual que se muestran en pantalla<br \/>Fuente: <a href=\"https:\/\/9to5mac.com\/2019\/05\/30\/leap-motion-apple-sells\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/9to5mac.com\/2019\/05\/30\/leap-motion-apple-sells\/<\/a> y <a href=\"https:\/\/www.showleap.com\/2015\/04\/20\/leap-motion-caracteristicas-tecnicas\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.showleap.com\/2015\/04\/20\/leap-motion-caracteristicas-tecnicas\/<\/a>.<\/figcaption><\/figure>\n<p><div class=\"featured featured-grey\"><p><strong>Ejercicio<\/strong><\/p>\n<p>Recientemente el sistema de realidad virtual HTC Vive Pro (<a href=\"http:\/\/www.vive.com\" target=\"_blank\" rel=\"noopener noreferrer\">www.vive.com<\/a>) y Oculus (<a href=\"http:\/\/www.oculus.com\" target=\"_blank\" rel=\"noopener noreferrer\">www.oculus.com<\/a>) han propuesto soluciones que combinan con \u00e9xito dispositivos basados en sensores de inercia con c\u00e1maras y sensores de profundidad. Explorad los sistemas del HTC Vive y el Oculus Quest, enumerad sus componentes de hardware y listad las ventajas e inconvenientes de cada uno de ellos. \u00bfQu\u00e9 sistema utilizar\u00edais para dise\u00f1ar la interacci\u00f3n de cada una de las siguientes aplicaciones?<\/p>\n<ol>\n<li>Un entorno interactivo para practicar meditaci\u00f3n.<\/li>\n<li>Un simulador para el entrenamiento de artes marciales.<\/li>\n<li>Un entorno para la visualizaci\u00f3n y exploraci\u00f3n de <em>big data<\/em>.<\/li>\n<li>Un juego de acci\u00f3n hiperrealista.<br \/>\n<\/div><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Para dise\u00f1ar interfaces de usuario 3D, es necesario un conocimiento b\u00e1sico de las tecnolog\u00edas de seguimiento espacial. Generalmente, estas tecnolog\u00edas se basan en rastreadores de posici\u00f3n de seis , que detectan la posici\u00f3n 3D absoluta (posici\u00f3n en un sistema de coordenadas XYZ fijo) y la orientaci\u00f3n (balanceo, inclinaci\u00f3n y gui\u00f1ada en el fijo sistema de [&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\/174"}],"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=174"}],"version-history":[{"count":7,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":656,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/174\/revisions\/656"}],"wp:attachment":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}