{"id":15225,"date":"2020-12-15T12:47:02","date_gmt":"2020-12-15T10:47:02","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/restriccio\/"},"modified":"2021-02-09T14:15:07","modified_gmt":"2021-02-09T12:15:07","slug":"restriccion","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/restriccion\/","title":{"rendered":"Restricci\u00f3n"},"content":{"rendered":"<h2>\u00bfQu\u00e9 es?<\/h2>\n<p>La dificultad de experimentar con una situaci\u00f3n novedosa para el usuario est\u00e1 directamente relacionada con el n\u00famero de posibilidades que se le presentan. El <strong>principio de restricci\u00f3n<\/strong> se refiere a limitar el n\u00famero de opciones disponibles para el usuario en un momento dado: cuantas m\u00e1s opciones tenga disponibles, m\u00e1s tiempo tardar\u00e1 en tomar una decisi\u00f3n, y m\u00e1s probable es que cometa errores.<\/p>\n<p>El de restricci\u00f3n es un principio contrapuesto al de <em>affordance<\/em> y tiene el prop\u00f3sito de evitar errores de uso al minimizar la informaci\u00f3n a recordar, y estableciendo l\u00edmites en la forma en que se puede usar un objeto. As\u00ed, en el \u00e1mbito digital, una pr\u00e1ctica de dise\u00f1o com\u00fan consiste en desactivar ciertas opciones de men\u00fa mostr\u00e1ndolas en gris, para dejar disponibles solo las acciones permitidas en una situaci\u00f3n determinada.<\/p>\n<div id=\"attachment_11760\" style=\"width: 410px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11760\" loading=\"lazy\" class=\"my-image wp-image-11760 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/75590_50.jpg\" alt=\"\" width=\"400\" height=\"579\" \/><p id=\"caption-attachment-11760\" class=\"wp-caption-text\">Men\u00fa de edici\u00f3n en Acrobat Reader <br \/>Fuente: elaboraci\u00f3n propia.<\/p><\/div>\n<h2>Aplicaci\u00f3n<\/h2>\n<p>La realidad del dise\u00f1o de un producto es que tanto la forma del producto como la respuesta del usuario est\u00e1n condicionadas por una amplia gama de factores, y que estos interact\u00faan entre s\u00ed en una forma compleja e impredecible.<\/p>\n<p>Los dise\u00f1adores deben crear productos cuyo uso resulte agradable para los usuarios, satisfaciendo al mismo tiempo las restricciones de dise\u00f1o relevantes. Esto puede dificultar la labor de los dise\u00f1adores, y no siempre resulta f\u00e1cil encontrar una soluci\u00f3n que satisfaga a todos los usuarios. Sin embargo, las restricciones son imprescindibles para obtener una soluci\u00f3n \u00f3ptima de dise\u00f1o. Es clave conocer bien los requisitos del producto a dise\u00f1ar, e implementar las restricciones necesarias.<\/p>\n<p>Donald Norman clasifica las restricciones en cuatro tipos:<\/p>\n<ol>\n<li><strong>Restricciones f\u00edsicas<\/strong>: son aquellas que limitan las acciones f\u00edsicas, haciendo que algunas resulten imposibles. Los caminos y las barreras son restricciones f\u00edsicas, ya que determinan el espacio al que las personas pueden acceder. Tambi\u00e9n los ejes son restricciones f\u00edsicas, ya que limitan el movimiento a la rotaci\u00f3n alrededor de ellos.<\/li>\n<li><strong>Restricciones culturales<\/strong>: son aquellas que se basan en conductas socialmente aceptadas. Donald Norman tambi\u00e9n describe el t\u00e9rmino convenci\u00f3n. Una <strong>convenci\u00f3n<\/strong> es una restricci\u00f3n en el sentido de que proh\u00edbe algunas actividades y alienta otras. Las convenciones no son arbitrarias: evolucionan y requieren de una comunidad de pr\u00e1ctica. Son lentas para ser adoptadas, pero una vez adoptadas, tardan en desaparecer. Son restricciones reales sobre el comportamiento.<\/li>\n<li><strong>Restricciones sem\u00e1nticas<\/strong>: son aquellas que se basan en el significado de la situaci\u00f3n para controlar el conjunto de acciones posibles. Se debe tener en cuenta el entorno para interpretar las diferentes acciones factibles en un dise\u00f1o: por ejemplo, dependiendo de si un armario se encuentra en la cocina, en el dormitorio o en el ba\u00f1o, lo utilizamos para almacenar cosas diferentes.<\/li>\n<li><strong>Restricciones l\u00f3gicas<\/strong>: son aquellas que permiten obtener conclusiones l\u00f3gicas para excluir ciertas soluciones, y est\u00e1n estrechamente relacionadas con el mapeo natural. Por ejemplo, dentro de un coche interpretamos que todos los controles est\u00e1n relacionados con acciones que se llevan a cabo en relaci\u00f3n con el veh\u00edculo.<\/li>\n<\/ol>\n<h2>Ejemplos<\/h2>\n<p>A continuaci\u00f3n, se presentan un conjunto de ejemplos en los que se aplican restricciones en el dise\u00f1o.<\/p>\n<h3><strong>Restricciones f\u00edsicas<\/strong><\/h3>\n<p>Con el apropiado uso de las restricciones f\u00edsicas, deber\u00eda haber solo un n\u00famero limitado de posibles acciones correctas que puedan llevar a cabo los usuarios. Las restricciones f\u00edsicas son m\u00e1s efectivas si previamente son f\u00e1ciles de interpretar, dado que algunas acciones ya no van a ser intentadas. Un ejemplo sencillo son las llaves tradicionales que no pueden ser insertadas en cerraduras de seguridad, o los conectores de perif\u00e9ricos de un PC en los que el usuario percibe cu\u00e1l encaja sin necesidad de probarlo, aunque en algunos casos resultan ambiguas, como se puede comprobar en los conectores de un PC de sobremesa. La incorporaci\u00f3n del color se emple\u00f3 en este caso para eliminar la ambig\u00fcedad.<\/p>\n<div id=\"attachment_11954\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11954\" loading=\"lazy\" class=\"my-image wp-image-11954 size-medium\" src=\"\/wp-content\/uploads\/2020\/12\/75590_51-1-300x290-1.jpg\" alt=\"\" width=\"300\" height=\"290\" \/><p id=\"caption-attachment-11954\" class=\"wp-caption-text\">Conectores de rat\u00f3n\/teclado en PC <br \/>Fuente: Wikimedia.<\/p><\/div>\n<p>Las restricciones tambi\u00e9n pueden impedir que el usuario realice acciones incorrectas despu\u00e9s de haberlo intentado (por ejemplo, las llaves tradicionales pueden ser insertadas en gran parte de las cerraduras tradicionales, aunque no girar\u00e1n si la cerradura no es la correcta).<\/p>\n<p>En ciertos casos, como ocurre con las conexiones de una bater\u00eda, los intentos err\u00f3neos pueden producir da\u00f1os. Para prevenirlo, se establecen restricciones como la del grosor de las pistolas de los surtidores de combustible de las gasolineras: la boquilla del surtidor di\u00e9sel no encaja en la boquilla del dep\u00f3sito de un coche de gasolina, de manera que se restringe la posibilidad de equivocarse al intentar repostar el dep\u00f3sito con carburante di\u00e9sel y provocar una aver\u00eda en el veh\u00edculo.<\/p>\n<div id=\"attachment_11756\" style=\"width: 657px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11756\" loading=\"lazy\" class=\"my-image wp-image-11756 \" src=\"\/wp-content\/uploads\/2020\/12\/75590_52.jpg\" alt=\"\" width=\"647\" height=\"467\" \/><p id=\"caption-attachment-11756\" class=\"wp-caption-text\">Mangueras de un surtidor <br \/>Fuente: pixabay.<\/p><\/div>\n<p>Otra forma de restricci\u00f3n f\u00edsica consiste en forzar acciones, de modo que la restricci\u00f3n en una etapa previene problemas en etapas posteriores (por ejemplo, al forzar que el embrague del coche est\u00e9 accionado antes de permitir el arranque). As\u00ed, para la prevenci\u00f3n de errores existen tres tipos de acciones:<\/p>\n<ol>\n<li><strong>Engranar<\/strong>: obligar a ejecutar las operaciones en la secuencia correcta. Por ejemplo, en un entorno digital, cuando se realiza una compra en l\u00ednea de productos frescos, se solicita insertar una ubicaci\u00f3n (c\u00f3digo postal) para que solo se muestren los productos que puedan servirse en una ubicaci\u00f3n determinada. De lo contrario, al finalizar la compra e insertar la direcci\u00f3n de env\u00edo, es probable que no se pueda servir todo lo que el usuario ha seleccionado previamente.<\/li>\n<\/ol>\n<div id=\"attachment_11754\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11754\" loading=\"lazy\" class=\"my-image wp-image-11754 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/75590_53.jpg\" alt=\"\" width=\"800\" height=\"100\" \/><p id=\"caption-attachment-11754\" class=\"wp-caption-text\">Supermercado en l\u00ednea <br \/>Fuente: elaboraci\u00f3n propia.<\/p><\/div>\n<ol start=\"2\">\n<li><strong>Asegurar<\/strong>: mantener activa una acci\u00f3n, evitando que el usuario la detenga de manera prematura. Un ejemplo se presenta cuando el usuario trata de cerrar el procesador de texto sin haber guardado su documento. El sistema no finalizar\u00e1 la acci\u00f3n (cerrar el programa) sin antes confirmar si el usuario realmente quiere salir sin guardar el documento, o por el contrario se hab\u00eda olvidado y desea almacenarlo.<\/li>\n<\/ol>\n<div id=\"attachment_11752\" style=\"width: 510px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11752\" loading=\"lazy\" class=\"my-image wp-image-11752 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/75590_54.jpg\" alt=\"\" width=\"500\" height=\"139\" \/><p id=\"caption-attachment-11752\" class=\"wp-caption-text\">Ventana de advertencia de Microsoft Word <br \/>Fuente: elaboraci\u00f3n propia.<\/p><\/div>\n<ol start=\"3\">\n<li><strong>Bloquear<\/strong>: un bloqueo impide que una acci\u00f3n pueda ser realizada porque es peligrosa. Por ejemplo, para que puedan funcionar las motosierras de jardiner\u00eda, es necesario presionar varios controles simult\u00e1neamente, de manera que no es posible que la sierra se ponga en marcha de manera involuntaria.<\/li>\n<\/ol>\n<div id=\"attachment_11750\" style=\"width: 610px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11750\" loading=\"lazy\" class=\"my-image wp-image-11750 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/75590_55.jpg\" alt=\"\" width=\"600\" height=\"302\" \/><p id=\"caption-attachment-11750\" class=\"wp-caption-text\">Motosierra con bot\u00f3n de bloqueo <br \/>Fuente: Wikimedia.<\/p><\/div>\n<h3><strong>Restricciones culturales<\/strong><\/h3>\n<p>Cada cultura presenta un conjunto de acciones que est\u00e1n socialmente aceptadas. Las restricciones culturales est\u00e1n en la ra\u00edz de muchos de los problemas asociados a la inexistencia de convenciones o costumbres universalmente aceptadas. Por ello, los dise\u00f1adores deben apoyarse en convenciones culturales generalmente aceptadas y ampliamente reconocibles en un contexto determinado, que permitan al usuario estructurar la informaci\u00f3n que necesita para interpretar claramente una situaci\u00f3n y guiar su comportamiento. Un ejemplo claro es el caso de la luz del color rojo, que implica que el usuario debe parar y no atravesar mientras se encuentre activa.<\/p>\n<h3><strong>Restricciones sem\u00e1nticas<\/strong><\/h3>\n<p>Las restricciones sem\u00e1nticas dependen de nuestro conocimiento de la situaci\u00f3n y del entorno. Un ejemplo es el dise\u00f1o del asiento de un motorista, que deber\u00eda ser \u00fatil solo al sentarse mirando hacia el manillar. En cualquier otro caso no tendr\u00eda sentido, ya que las motocicletas no pueden desplazarse hacia atr\u00e1s y cuentan con un espejo para ver lo que ocurre en la parte posterior.<\/p>\n<h3><strong>Restricciones l\u00f3gicas<\/strong><\/h3>\n<p>Un ejemplo de las restricciones l\u00f3gicas lo encontramos en las tareas que conlleva armar un mueble nuevo a partir de sus piezas. Los fabricantes de muebles no suelen incluir tornillos extra para ser reemplazados en un futuro, de manera que si una vez armado nos damos cuenta de que sobran algunos tornillos, lo m\u00e1s probable es que no los hayamos empleado en alguna zona del mueble que los requiere, lo que podr\u00eda afectar a su estabilidad. Por tanto, esta restricci\u00f3n no est\u00e1 ayudando a prevenir errores como que el mueble pueda derrumbarse en el futuro.<\/p>\n<h2>Referencias<\/h2>\n<p><strong>Lidwell, W.; Holden, K.; Butler, J.<\/strong>\u00a0(2010).\u00a0<em>Universal Principles of Design<\/em>. Rockport.<\/p>\n<p><strong>Mayhew, D. J.; Mayhew, D.<\/strong> (1999). <em>The Usability Engineering Lifecycle: A Practitioner&#8217;s Handbook for User Interface Design<\/em>. Morgan Kaufmann.<\/p>\n<p><strong>Norman, D.<\/strong> (1988). <em>The Design of Everyday Things<\/em>. Nueva York: Basic Books.<\/p>\n<p><strong>Preece, J.; Rogers, Y.; Sharp, H.<\/strong> (2015). <em>Interaction design: beyond human-computer interaction<\/em>. John Wiley &amp; Sons.<\/p>\n<p><strong>VV. AA<\/strong>. \u00abVisibility, Affordances, Mapping, Constraints, Conceptual models\u00bb [en l\u00ednea]. Foundation of Human-Computer Interaction. &lt;<a href=\"https:\/\/foundationsofhci.wordpress.com\/module-1\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/foundationsofhci.wordpress.com\/module-1\/<\/a>&gt;. [Fecha de consulta: 25 de enero de 2021].<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es? La dificultad de experimentar con una situaci\u00f3n novedosa para el usuario est\u00e1 directamente relacionada con el n\u00famero de posibilidades que se le presentan. El principio de restricci\u00f3n se refiere a limitar el n\u00famero de opciones disponibles para el usuario en un momento dado: cuantas m\u00e1s opciones tenga disponibles, m\u00e1s tiempo tardar\u00e1 en tomar [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18243,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[28,27],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15225\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=15225"}],"version-history":[{"count":9,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15225\/revisions\/"}],"predecessor-version":[{"id":17979,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15225\/revisions\/17979\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18243\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=15225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=15225"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=15225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}