{"id":14843,"date":"2020-12-09T10:49:53","date_gmt":"2020-12-09T08:49:53","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14843"},"modified":"2021-02-17T17:33:46","modified_gmt":"2021-02-17T15:33:46","slug":"ley-de-fitts","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/ley-de-fitts\/","title":{"rendered":"Ley de Fitts"},"content":{"rendered":"<h2><strong>\u00bfQu\u00e9 es?<\/strong><\/h2>\n<p>La <strong>ley de Fitts<\/strong> dice que el tiempo necesario para desplazarse hasta un elemento depende del tama\u00f1o del elemento y de la distancia hasta \u00e9l.<\/p>\n<p>As\u00ed pues, cuanto m\u00e1s peque\u00f1o sea y m\u00e1s lejano est\u00e9 un elemento, m\u00e1s tiempo tardaremos en llegar hasta \u00e9l. Adem\u00e1s, cuanto m\u00e1s r\u00e1pido sea el movimiento y menor el elemento, m\u00e1s posibilidad hay de que existan errores.<\/p>\n<h2><strong>Implicaciones en el dise\u00f1o de interfaces<\/strong><\/h2>\n<p>La ley de Fitts tiene importantes implicaciones en el dise\u00f1o de interfaces, fundamentalmente en tres aspectos:<\/p>\n<ol>\n<li>El dise\u00f1o de opciones y controles.<\/li>\n<li>El dise\u00f1o de la estructura de pantalla (d\u00f3nde se ubican las opciones).<\/li>\n<li>El dise\u00f1o de qu\u00e9 dispositivos se utilizan para llegar hasta la opci\u00f3n o control.<\/li>\n<\/ol>\n<p>Espec\u00edficamente, es recomendable tener en cuenta las siguientes pautas al dise\u00f1ar una interfaz:<\/p>\n<ul>\n<li>Las opciones y elementos interactuables de la interfaz deben tener un tama\u00f1o que les permita diferenciarse claramente de elementos no interactivos: cuanto m\u00e1s grande sea una opci\u00f3n, m\u00e1s f\u00e1cilmente podr\u00e1 seleccionarse.<\/li>\n<li>En una interfaz gr\u00e1fica, los elementos que pueden alcanzarse m\u00e1s r\u00e1pidamente son los que se encuentran en el contorno de esta, ya que el cursor queda fijado en los l\u00edmites de la pantalla (se detiene justamente en este contorno).<\/li>\n<li>Los men\u00fas emergentes (<em>pop-up<\/em>) son m\u00e1s interactuables que los men\u00fas desplegables (<em>dropdown<\/em>), porque implican que el usuario no tiene que mover el cursor de donde se encuentre.<\/li>\n<li>Las barras de tareas demandan una alta precisi\u00f3n por parte del usuario, ya que este tiene que mover el cursor en una zona que no se encuentra en los contornos de pantalla y en la que, por lo tanto, no tiene l\u00edmites de movimiento en ning\u00fan sentido. Esta complejidad aumenta cuando se utilizan varios niveles de barras de tareas, ya que el usuario tiene que desplazarse entre opciones que se encuentran en varias franjas horizontales.<\/li>\n<\/ul>\n<h2><strong>Referencias<\/strong><\/h2>\n<p><strong>Lidwell, W.; Holden, K.; Butler, J.<\/strong> (2010). <em>Universal Principles of Design<\/em>. Rockport.<\/p>\n<p><strong>VV. AA.<\/strong> \u00abFitts&#8217;s Law: The Importance of Size and Distance in UI Design\u00bb [en l\u00ednea]. Interaction Design Foundation. &lt;<a href=\"https:\/\/www.interaction-design.org\/literature\/article\/fitts-s-law-the-importance-of-size-and-distance-in-ui-design\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.interaction-design.org\/literature\/article\/fitts-s-law-the-importance-of-size-and-distance-in-ui-design<\/a>&gt;. [Fecha de consulta: 25 de enero de 2021].<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es? La ley de Fitts dice que el tiempo necesario para desplazarse hasta un elemento depende del tama\u00f1o del elemento y de la distancia hasta \u00e9l. As\u00ed pues, cuanto m\u00e1s peque\u00f1o sea y m\u00e1s lejano est\u00e9 un elemento, m\u00e1s tiempo tardaremos en llegar hasta \u00e9l. Adem\u00e1s, cuanto m\u00e1s r\u00e1pido sea el movimiento y menor [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18183,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,27],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14843\/"}],"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=14843"}],"version-history":[{"count":3,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14843\/revisions\/"}],"predecessor-version":[{"id":17522,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14843\/revisions\/17522\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18183\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=14843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=14843"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=14843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}