{"id":2056,"date":"2021-10-14T11:49:18","date_gmt":"2021-10-14T09:49:18","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/?page_id=2056"},"modified":"2022-06-15T09:15:06","modified_gmt":"2022-06-15T07:15:06","slug":"3-3-5-principis-de-disseny-dinteraccio","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/3-3-5-principis-de-disseny-dinteraccio\/","title":{"rendered":"3.3.5. Principios de dise\u00f1o de interacci\u00f3n"},"content":{"rendered":"<p>A lo largo de este apartado hemos visto c\u00f3mo la interacci\u00f3n persona-ordenador ha analizado y modelado el hecho interactivo, tambi\u00e9n hemos visto el dise\u00f1o centrado en el usuario como filosof\u00eda y proceso de trabajo para llevar a la pr\u00e1ctica los conceptos de lPO, y tambi\u00e9n hemos visto los diferentes tipos de interfaces y estilos de interacci\u00f3n. Finalmente, presentamos aqu\u00ed los principios de dise\u00f1o que son espec\u00edficos y particularmente indicados por el dise\u00f1o de interacci\u00f3n.<\/p>\n<p>Los principios de dise\u00f1o proporcionan indicaciones espec\u00edficas que hay que considerar en cualquier proyecto de dise\u00f1o. A continuaci\u00f3n, se destacan los <strong>principios del dise\u00f1o de interacci\u00f3n<\/strong> y, por asociaci\u00f3n directa, los principios de dise\u00f1o de interfaces. No se presenta cada principio, sino el listado y la referencia al <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Design Toolkit <\/em><\/a>de la UOC:<\/p>\n<table style=\"height: 94px;\" width=\"1158\">\n<tbody>\n<tr>\n<td width=\"154\">\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/accesibilidad\/\" target=\"_blank\" rel=\"noopener noreferrer\">Accesibilidad<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/modelo-mental\/\" target=\"_blank\" rel=\"noopener noreferrer\">Modelo mental<\/a><\/td>\n<td width=\"140\">\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/affordance\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Affordance<\/em><\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"http:\/\/design-toolkit.uoc.edu\/es\/restriccion\/\" target=\"_blank\" rel=\"noopener noreferrer\"> Restricci\u00f3n<\/a><\/td>\n<td width=\"177\">\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/mapeo-natural\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mapeo natural<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/retroaccion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Retroacci\u00f3n<\/a><\/td>\n<td width=\"126\">\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/metafora\/\" target=\"_blank\" rel=\"noopener noreferrer\">Met\u00e1fora<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.uoc.edu\/es\/visibilidad\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visibilidad<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Os recomendamos que hag\u00e1is una lectura de cada uno de los principios y reflexion\u00e9is sobre cu\u00e1ndo y c\u00f3mo los debemos tener en cuenta en obras de <em>interactive media art<\/em>.<\/p>\n<figure id=\"attachment_2665\" aria-describedby=\"caption-attachment-2665\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"wp-image-2665\" src=\"\/wp-content\/uploads\/2021\/12\/principios-1024x604.jpg\" alt=\"\" width=\"800\" height=\"472\" srcset=\"\/wp-content\/uploads\/2021\/12\/principios-1024x604.jpg 1024w, \/wp-content\/uploads\/2021\/12\/principios-300x177.jpg 300w, \/wp-content\/uploads\/2021\/12\/principios-768x453.jpg 768w, \/wp-content\/uploads\/2021\/12\/principios.jpg 1118w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-2665\" class=\"wp-caption-text\">Principios de dise\u00f1o de interacci\u00f3n presentados en el Design Toolkit de la UOC<\/figcaption><\/figure>\n<p>Adem\u00e1s de estos principios generales de dise\u00f1o de interacci\u00f3n, en la <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Design Toolkit<\/em><\/a> de la UOC encontraremos una serie de <strong>principios para el dise\u00f1o de interfaces<\/strong>. Son principios orientados principalmente al dise\u00f1o muchas veces en pantalla; no obstante, es importante que los tengamos en cuenta en esta asignatura. Son estos:<\/p>\n<table style=\"height: 147px;\" width=\"1077\">\n<tbody>\n<tr>\n<td width=\"210\">\u25cf\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/coherencia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Coherencia<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/errores\/\" target=\"_blank\" rel=\"noopener noreferrer\">Errores<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/reconocer-antes-que-recordar\/\" target=\"_blank\" rel=\"noopener noreferrer\">Reconocer antes que recordar<\/a><\/td>\n<td width=\"179\">\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/confirmacion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Confirmaci\u00f3<\/a>n<\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/ley-de-fitts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ley de Fitts<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/control\/\" target=\"_blank\" rel=\"noopener noreferrer\">Control<\/a><\/td>\n<td width=\"214\">\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/ley-de-hick\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ley de Hick<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/disonancia-cognitiva\/\" target=\"_blank\" rel=\"noopener noreferrer\">Disonacia cognitiva<\/a><\/p>\n<p>\u25cf\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/punto-de-entrada-entry-point\/\" target=\"_blank\" rel=\"noopener noreferrer\">Punto de entrada<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Igual que antes, os recomendamos que hag\u00e1is una lectura de los diferentes principios de dise\u00f1o de interfaces y reflexion\u00e9is sobre su aplicabilidad en las instalaciones interactivas en el contexto del <em>interactive media art<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A lo largo de este apartado hemos visto c\u00f3mo la interacci\u00f3n persona-ordenador ha analizado y modelado el hecho interactivo, tambi\u00e9n hemos visto el dise\u00f1o centrado en el usuario como filosof\u00eda y proceso de trabajo para llevar a la pr\u00e1ctica los conceptos de lPO, y tambi\u00e9n hemos visto los diferentes tipos de interfaces y estilos de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2056"}],"collection":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=2056"}],"version-history":[{"count":14,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2056\/revisions"}],"predecessor-version":[{"id":2863,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2056\/revisions\/2863"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=2056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}