{"id":15139,"date":"2020-12-15T11:16:29","date_gmt":"2020-12-15T09:16:29","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/manipulating\/"},"modified":"2021-01-27T13:52:12","modified_gmt":"2021-01-27T11:52:12","slug":"manipulating","status":"publish","type":"post","link":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/manipulating\/","title":{"rendered":"Manipulating<\/em>"},"content":{"rendered":"

Descripci\u00f3n<\/h2>\n

Manipulating<\/em> es un modelo conceptual de interacci\u00f3n<\/u><\/a>\u00a0que permite describir un producto interactivo a partir de la manipulaci\u00f3n de objetos o la navegaci\u00f3n en entornos virtuales explotando los conocimientos de los usuarios sobre c\u00f3mo realizan estas acciones en el mundo f\u00edsico.<\/p>\n

Un caso particular pero representativo de este modelo es la \u00abmanipulaci\u00f3n directa\u00bb, descrita por Ben Shneiderman en 1983, en respuesta y cr\u00edtica a los modelos conceptuales de instructing<\/u><\/em>\u00a0<\/a> o conversing<\/u><\/em>\u00a0<\/a>que dominaban los paradigmas de interacci\u00f3n en ese momento.<\/p>\n

La manipulaci\u00f3n directa de Shneiderman se basa en tres principios:<\/p>\n

    \n
  1. Representaci\u00f3n continua y perceptible de los objetos<\/strong>. Los usuarios deben poder ver (o percibir mediante alg\u00fan sentido) los objetos con los que quieren interactuar, lo que contribuye a que en todo momento puedan entender qu\u00e9 est\u00e1 sucediendo en el sistema interactivo.<\/li>\n
  2. Acciones \u00abf\u00edsicas\u00bb en lugar de sintaxis complejas<\/strong>. Los usuarios no deben verse obligados a recordar c\u00f3mo comunicar \u00f3rdenes concretas al sistema interactivo para llevar a cabo las tareas que quieren realizar. Los objetos, o las abstracciones de estos, se manipulan f\u00edsicamente, ya sea con interacci\u00f3n t\u00e1ctil, gestos o mediante abstracciones virtuales como un cursor.<\/li>\n
  3. Operaciones r\u00e1pidas, incrementales, reversibles y con impacto inmediatamente visible<\/strong>. Las acciones con los objetos virtuales tienen un resultado visible que puede revertirse o modificarse sobre la marcha. As\u00ed, las manipulaciones no deben ser extremadamente precisas ni correctas a la primera: el modelo de manipulaci\u00f3n es m\u00e1s clemente con los errores cometidos que otros modelos de interacci\u00f3n.<\/li>\n<\/ol>\n

    Ejemplos<\/h2>\n

    Se presentan a continuaci\u00f3n tres ejemplos con car\u00e1cter ilustrativo de este modelo de interacci\u00f3n.<\/p>\n

    La met\u00e1fora de escritorio<\/h3>\n

    Durante los a\u00f1os setenta varias empresas, como Xerox PARC y Apple, investigaron y prototiparon modelos de interacci\u00f3n como alternativas al modelo instructing<\/u><\/em><\/a>. Esta investigaci\u00f3n culmin\u00f3 con el lanzamiento de la estaci\u00f3n de trabajo Xerox Star (1981) y el ordenador personal Apple Lisa (1983).<\/p>\n

    \"\"

    Captura de pantalla de Apple Lisa Office System 3.1. Tomada de Wikipedia
    Fuente:     https:\/\/en.wikipedia.org\/wiki\/File:Apple_Lisa_Office_System_3.1.png<\/a>.<\/p><\/div>\n

    Estos ordenadores fueron precursores de la graphical user interface<\/u><\/em><\/a>, que se basa en el paradigma de manipulaci\u00f3n directa de Shneiderman.<\/p>\n

    As\u00ed aparec\u00eda, por ejemplo, la met\u00e1fora de los documentos, que eran representados de forma persistente mediante iconos en una pantalla. Utilizando un rat\u00f3n, el usuario pod\u00eda realizar acciones f\u00edsicas con estos documentos, como \u00abarrastrarlos\u00bb a otro punto de la pantalla para moverlos, a una carpeta para organizarlos o a una papelera para descartarlos.<\/p>\n

    El resultado de estas acciones era inmediatamente visible \u2013el documento era arrastrado en tiempo real debajo del cursor\u2013 y reversible \u2013en todo momento se pod\u00eda realizar la acci\u00f3n contraria, al igual que ser\u00eda posible en el mundo f\u00edsico.<\/p>\n

    Actualmente, Microsoft Windows, Apple macOS, as\u00ed como los entornos gr\u00e1ficos de usuario para GNU\/Linux y los principales sistemas operativos utilizados en dispositivos m\u00f3viles como Android e iOS, utilizan la met\u00e1fora de escritorio y est\u00e1n basados en paradigmas de manipulaci\u00f3n directa.<\/p>\n

    Videojuegos manipulativos<\/strong><\/h3>\n

    Shneiderman menciona los videojuegos como los ejemplos \u00abm\u00e1s excitantes y bien dise\u00f1ados\u00bb de manipulaci\u00f3n directa. En el momento de establecer el paradigma, sus referentes eran juegos como Pac Man<\/a> o Centipede<\/a>, donde el jugador controlaba un personaje en un entorno virtual.<\/p>\n

    Pac Man es un buen ejemplo para entender el tercer principio de la manipulaci\u00f3n directa. El jugador mueve al personaje por un laberinto en cuatro \u00fanicas direcciones mediante cuatro teclas o botones, pero no debe dar ninguna orden al videojuego de \u00abcu\u00e1nto\u00bb quiere mover el personaje, sino que la acci\u00f3n se realiza de forma secuencial e incremental. Adem\u00e1s, si el personaje choca con una pared del laberinto, el videojuego no notifica de un error, sino que el propio jugador puede ver de forma inmediata la consecuencia de su acci\u00f3n y revertirla o realizar otra.<\/p>\n

    \"\"

    Captura de pantalla de Pac Man (Namco) tomada de Wikipedia.
    Fuente:     https:\/\/en.wikipedia.org\/wiki\/File:Pac-man.png.<\/a><\/p><\/div>\n

    En los \u00faltimos a\u00f1os, algunos juegos han llevado el modelo manipulating<\/em> m\u00e1s all\u00e1 y han permitido, por ejemplo, imitar el uso de una raqueta de tenis o unos guantes de boxeo, como es el caso del juego Wii Sports<\/a> de Nintendo. Esta imitaci\u00f3n en el entorno virtual facilita a\u00fan m\u00e1s al jugador trasladar sus conocimientos y experiencia del mundo real al videojuego, de esta manera, ayuda al aprendizaje.<\/p>\n

    \"\"

    Dos jugadores imitando que boxean con mandos de Wii. Foto de David Murphy licenciada bajo CC BY-SA 2.0.
    Fuente:     https:\/\/www.flickr.com\/people\/18531503@N00<\/a> y https:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/deed.en<\/a>.<\/p><\/div>\n

    Tabletas t\u00e1ctiles<\/strong><\/h3>\n

    Las tabletas t\u00e1ctiles son tambi\u00e9n un ejemplo ilustrativo de este modelo de interacci\u00f3n.<\/p>\n

    El iPad de Apple, por ejemplo, lanzado en 2010 con una pantalla t\u00e1ctil de 9,7 pulgadas, tiene a\u00fan hoy en d\u00eda como uno de sus leitmotiv<\/em> la manipulaci\u00f3n directa, de esta forma, invita a los desarrolladores de aplicaciones a que los usuarios puedan ver \u00ablos resultados inmediatos y visibles de sus acciones\u00bb y a usar \u00abobjetos virtuales y acciones que sean met\u00e1foras de experiencias familiares\u00bb.<\/p>\n

    Algunas aplicaciones dise\u00f1adas para iPad pretenden que el dispositivo pr\u00e1cticamente se pueda convertir en otros objetos. Por ejemplo, iBooks, la aplicaci\u00f3n de lectura de libros digitales de Apple, imita ciertos aspectos de la interacci\u00f3n con un libro real, ya que permite pasar p\u00e1ginas con gestos o subrayar el texto mediante un marcador virtual.<\/p>\n

    \"\"

    Captura de pantalla de iBooks original imitando parcialmente el comportamiento de un libro.
    Fuente: elaboraci\u00f3n propia.<\/p><\/div>\n

    Consideraciones<\/strong><\/h2>\n

    El modelo manipulating<\/em>, y en particular la manipulaci\u00f3n directa, presenta algunos desaf\u00edos o limitaciones que deben ser considerados y que se describen a continuaci\u00f3n.<\/p>\n

    Acceso<\/strong><\/h3>\n

    No siempre es posible manipular f\u00edsicamente objetos en un espacio virtual, ya que pueden estar lejos, ser peque\u00f1os, requerir manipulaciones de alta precisi\u00f3n, etc.<\/p>\n

    M\u00faltiples objetos<\/strong><\/h3>\n

    El uso de acciones f\u00edsicas no siempre ser\u00e1 pr\u00e1ctico para la manipulaci\u00f3n (selecci\u00f3n, transformaci\u00f3n, etc.) de grupos de objetos.<\/p>\n

    Propiedades intangibles<\/strong><\/h3>\n

    No todos los objetos tienen propiedades tangibles o perceptibles, especialmente visuales, que puedan ser representadas para que el usuario pueda manipularlas.<\/p>\n

    La manipulaci\u00f3n directa es lenta<\/strong><\/h3>\n

    Para ciertas tareas, es m\u00e1s r\u00e1pido describirlas en un modelo de interacci\u00f3n tipo instructing<\/em> que llevarlas a cabo en un entorno manipulativo. Por ejemplo, es m\u00e1s f\u00e1cil dar la orden al sistema interactivo de \u00abborrar todos los documentos del mes pasado de todas las carpetas\u00bb que realizar esta acci\u00f3n manualmente.<\/p>\n

    Las tareas repetitivas no est\u00e1n bien soportadas<\/strong><\/h3>\n

    La manipulaci\u00f3n directa facilita a los usuarios noveles comprender c\u00f3mo funciona la interfaz, pero algunos usuarios expertos pueden preferir m\u00e9todos abreviados m\u00e1s eficientes. Por ejemplo, si bien arrastrar un documento a la papelera puede resultar f\u00e1cil y comprensible para los nuevos usuarios del sistema Windows, los expertos agradecen que se pueda borrar un fichero mediante un men\u00fa contextual o incluso pulsando el bot\u00f3n Suprimir<\/em> del teclado.<\/p>\n

    Algunas manipulaciones pueden generar errores<\/strong><\/h3>\n

    Una de las ventajas del modelo manipulating<\/em> es su reversibilidad y visibilidad del impacto de las acciones, lo que, te\u00f3ricamente, contribuye a corregir los errores que se puedan cometer.<\/p>\n

    Sin embargo, en la pr\u00e1ctica, algunas situaciones pueden ser m\u00e1s susceptibles de error si se deben describir utilizando este modelo, principalmente cuando implican cierta precisi\u00f3n a la hora de manipular. Por ejemplo, en un programa de edici\u00f3n de gr\u00e1ficos como Photoshop, el usuario puede querer redimensionar un objeto con precisi\u00f3n. Esta tarea mediante manipulaci\u00f3n directa puede ser frustrante y dif\u00edcil de llevar a cabo, mientras que la introducci\u00f3n manual de las nuevas dimensiones del objeto puede ser m\u00e1s adecuada.<\/p>\n

    Referencias<\/strong><\/h2>\n

    Apple<\/strong>. \u00abiOS Design Themes<\/a>\u00bb. Human Interface Guidelines<\/em>. [Fecha de consulta: 25 de enero de 2021].<\/p>\n

    Javed, W.; Elmqvist, N.; Yi, J. S.<\/strong> (2011, mayo). \u00abDirect manipulation through surrogate objects\u00bb. Proceedings of the SIGCHI conference on human factors in computing systems<\/em> (p\u00e1gs. 627-636). ACM.<\/p>\n

    Preece, J.; Rogers, Y.; Sharp, H.<\/strong> (2002) Interaction design\u202f: beyond human-computer interaction<\/em>. Nueva York\u202f: J. Wiley & Sons (p\u00e1g. 519).<\/p>\n

    Sherugar,\u00a0S.; Budiu, R.<\/strong> (2016). \u00abDirect Manipulation: Definition<\/a>\u00bb<\/u>. NN\/g<\/em>. [Fecha de consulta: 25 de enero de 2021].<\/p>\n

    Shneiderman, B. <\/strong>(1981, mayo). Direct manipulation: A step beyond programming languages. ACM SIGSOC Bulletin<\/em>. (n\u00fam. 2-3 (13), p\u00e1g. 143).<\/p>\n","protected":false},"excerpt":{"rendered":"

    Descripci\u00f3n Manipulating es un modelo conceptual de interacci\u00f3n\u00a0que permite describir un producto interactivo a partir de la manipulaci\u00f3n de objetos o la navegaci\u00f3n en entornos virtuales explotando los conocimientos de los usuarios sobre c\u00f3mo realizan estas acciones en el mundo f\u00edsico. Un caso particular pero representativo de este modelo es la \u00abmanipulaci\u00f3n directa\u00bb, descrita por […]<\/p>\n","protected":false},"author":4,"featured_media":18339,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15139\/"}],"collection":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=15139"}],"version-history":[{"count":6,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15139\/revisions\/"}],"predecessor-version":[{"id":17526,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15139\/revisions\/17526\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18339\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=15139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=15139"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=15139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}