{"id":467,"date":"2023-01-05T13:34:31","date_gmt":"2023-01-05T11:34:31","guid":{"rendered":"http:\/\/quadern-int-int-recursos-test.azurewebsites.net\/?page_id=467"},"modified":"2023-02-13T16:33:41","modified_gmt":"2023-02-13T14:33:41","slug":"3-2-aproximaciones-formales","status":"publish","type":"page","link":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/3-2-aproximaciones-formales\/","title":{"rendered":"3.2. Aproximaciones formales"},"content":{"rendered":"<p>Dentro de este apartado, incluimos algunas visiones cr\u00edticas en relaci\u00f3n con cuestiones formales de dise\u00f1o de interfaces y de la interacci\u00f3n. Es pertinente, pues, revisar la noci\u00f3n de <strong><em>usabilidad<\/em><\/strong>: es la caracter\u00edstica que define c\u00f3mo de f\u00e1cil es usar una interfaz. Tambi\u00e9n recuperamos los <strong>atributos<\/strong> que est\u00e1n relacionados y el diagrama correspondiente, a pesar de tener presente que no es una lista absoluta: eficacia, eficiencia, satisfacci\u00f3n, coherencia, cr\u00edtica, <em>sensing<\/em>, emoci\u00f3n, <em>playfulness<\/em>.<\/p>\n<figure id=\"attachment_405\" aria-describedby=\"caption-attachment-405\" style=\"width: 354px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-405\" src=\"\/wp-content\/uploads\/2023\/02\/PID_00293914_12-300x183.jpg\" alt=\"\" width=\"354\" height=\"216\" srcset=\"\/wp-content\/uploads\/2023\/02\/PID_00293914_12-300x183.jpg 300w, \/wp-content\/uploads\/2023\/02\/PID_00293914_12.jpg 450w\" sizes=\"(max-width: 354px) 100vw, 354px\" \/><figcaption id=\"caption-attachment-405\" class=\"wp-caption-text\">Figura 18. Atributos de la usabilidad<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n<p>Poner en tensi\u00f3n estos conceptos quiere decir, por ejemplo, pensar qu\u00e9 pasar\u00eda si en una interfaz organizamos los elementos y contenidos de otro modo, por ejemplo, contradiciendo los par\u00e1metros occidentales de lectura y jerarqu\u00eda de contenidos. O bien, podemos preguntarnos qu\u00e9 significar\u00eda contradecir la eficacia y la eficiencia y hacer interfaces de aprendizaje m\u00e1s lento: contribuir\u00edamos as\u00ed a otros ritmos de productividad constante o a repensar la necesidad de ser personas constantemente resolutivas?<\/p>\n<p>Seguramente parece absurdo, pero justamente es porque hay reglas que se han impuesto con tanta fuerza que parece ingenuo plantear disonancias o imaginar otras opciones.<\/p>\n<p>Una de las iniciativas que m\u00e1s ha puesto en tensi\u00f3n algunos de estos atributos y las caracter\u00edsticas formales de las interfaces es <em>SpecLab<\/em>, fundado por Johanna Drucker, a quien tambi\u00e9n citamos en el apartado 1, dentro de las definiciones de <em>interfaz<\/em>. Esta iniciativa naci\u00f3 a finales de los a\u00f1os noventa como una manera de <strong>repensar las limitaciones l\u00f3gicas impuestas por los medios digitales<\/strong>. Su prop\u00f3sito era analizar y repensar el dise\u00f1o de los entornos que permiten la interacci\u00f3n y c\u00f3mo las suposiciones ideol\u00f3gicas perpet\u00faan conceptos que no son examinados porque prevalece la condici\u00f3n de ser funcional o resolver problemas.<\/p>\n<figure id=\"attachment_405\" aria-describedby=\"caption-attachment-405\" style=\"width: 476px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-406 \" src=\"\/wp-content\/uploads\/2023\/01\/PID_00293913_20.jpg\" alt=\"\" width=\"476\" height=\"476\" \/><figcaption id=\"caption-attachment-405\" class=\"wp-caption-text\">Figura 19. Johanna Drucker en el MIT (2010)<br \/>Fuente: Wikimedia \/ jeanbaptisteparis.<\/figcaption><\/figure>\n<p>Los proyectos que se desarrollaron en<em> SpecLab<\/em> estaban guiados por el esp\u00edritu de <strong>desafiar las posibilidades que las interfaces ofrec\u00edan<\/strong> y con la convicci\u00f3n que los <strong>principios humanistas<\/strong> pueden servir en el dise\u00f1o y la implementaci\u00f3n de proyectos digitales. Por ejemplo, el primer proyecto de <em>SpecLab<\/em> que realmente no se llev\u00f3 a cabo, sino que qued\u00f3 en un plan de dise\u00f1o te\u00f3rico se llamaba <em>Temporal modeling<\/em>. Esta propuesta surgi\u00f3 despu\u00e9s de asistir a una demostraci\u00f3n de una interfaz que mostraba im\u00e1genes y textos dise\u00f1ada por John David Miller i John Maeda.<\/p>\n<p>Seg\u00fan Johanna Drucker, la manera c\u00f3mo se mostraba la informaci\u00f3n ven\u00eda de las ciencias emp\u00edricas, no permit\u00edan mostrar l\u00edneas de tiempos y contenidos de una manera que no fuera unidireccional, continua y organizada en una m\u00e9trica est\u00e1ndar. <em>SpecLab<\/em> trabaj\u00f3 en una propuesta que permit\u00eda mover y encabalgar informaciones, de tal manera que la persona usuaria tambi\u00e9n contribu\u00eda a c\u00f3mo se mostraba la informaci\u00f3n con sus movimientos. A pesar de que ahora parece muy f\u00e1cil, a finales de los noventa un proyecto de estas caracter\u00edsticas implicaba salirse de los usos estandarizados de lo que permit\u00eda hacer una interfaz gr\u00e1fica.<\/p>\n<p>Haciendo un salto a interfaces m\u00e1s actuales y que nos son familiares, queremos mencionar el proyecto <a href=\"http:\/\/diegopaonessa.net\/looking-for-a-channel\/\" target=\"_blank\" rel=\"noopener\"><em>Looking for a channel<\/em><\/a> de Diego Paonessa, un artista que vive y trabaja en Barcelona. En este trabajo, el artista oculta toda la informaci\u00f3n textual de las interfaces gr\u00e1ficas de usuarios de varias herramientas y plataformas cotidianas. As\u00ed pues, lo que pasa a primer plano es lo que antes era al fondo y se hace evidente la construcci\u00f3n de elementos que hay detr\u00e1s de las interfaces de Twitter o Yahoo y que se van repitiendo como convenciones.<\/p>\n<p>Tambi\u00e9n el artista Ben Grosser propone vaciar, en este caso, Facebook, de contenido a <a href=\"https:\/\/bengrosser.com\/projects\/safebook\/\" target=\"_blank\" rel=\"noopener\"><em>Safebook<\/em><\/a>. Se trata de una extensi\u00f3n para el navegador que esconde todas las im\u00e1genes, textos, v\u00eddeos y sonidos, pero que permite continuar usando la red social. Con este proyecto, nos invita a reflexionar sobre c\u00f3mo est\u00e1 construida la interfaz y si es posible continuar navegando a pesar de no ver los contenidos.<\/p>\n<figure id=\"attachment_406\" aria-describedby=\"caption-attachment-406\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-407 size-full\" src=\"\/wp-content\/uploads\/2023\/01\/PID_00293913_21.jpg\" alt=\"\" width=\"640\" \/><figcaption id=\"caption-attachment-406\" class=\"wp-caption-text\">Figura 20. <em>Safebook<\/em>, Ben Grosser (2020)<br \/>Fuente: \u00a0<a href=\"https:\/\/bengrosser.com\/projects\/safebook\/\" target=\"_blank\" rel=\"noopener\">Web de l\u2019artista<\/a>.<\/figcaption><\/figure>\n<p>Siguiendo con esta idea de <strong>desvelar lo que sostiene las interfaces<\/strong>, pero excavando algo m\u00e1s, nos encontramos con el <strong>c\u00f3digo<\/strong>. La gran mayor\u00eda de lenguajes de programaci\u00f3n se basan en el ingl\u00e9s. Esto ya no lo ponemos en entredicho, pero evidentemente, s\u00ed que hay que apuntar que en ingl\u00e9s, como en todos los idiomas, se inscribe <strong>una manera de mirar el mundo y de referirse a las cosas<\/strong>.<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-text-large tw-ta\" dir=\"ltr\" data-placeholder=\"Traducci\u00f3n\"><span class=\"Y2IQFc\" lang=\"es\">La pareja de artistas Jodi ha trabajado a menudo explorando este elemento en el que habitualmente no pensamos: el c\u00f3digo<\/span>. Como profesionales pioneros del <em>Net art<\/em>, su <a href=\"https:\/\/wwwwwwwww.jodi.org\/\" target=\"_blank\" rel=\"noopener\">p\u00e1gina<\/a> fue lanzada en 1995. Cuando entramos, solo vemos letras y s\u00edmbolos en una p\u00e1gina, pero si abrimos el c\u00f3digo fuente veremos la representaci\u00f3n gr\u00e1fica de una bomba, invirtiendo el que suele ser significativo mostrar y lo que no.<\/p>\n<p>Para no quedarnos solo con aproximaciones cr\u00edticas que tienen que ver con la reformulaci\u00f3n de interfaces gr\u00e1ficas, queremos destacar una iniciativa que aborda de manera creativa y con sentido del humor la reconversi\u00f3n de dos de las interfaces m\u00e1s habituales: el rat\u00f3n y el teclado. <a href=\"http:\/\/interface.ufg.ac.at\/blog\/sankt-interface-2\/computer-mouse-keyboard-award\/\" target=\"_blank\" rel=\"noopener\"><em>Sankt Interface<\/em><\/a> son unas jornadas organizadas por el grupo de investigaci\u00f3n Interface Cultures de la Universidad de Linz, que, entre otras actividades, celebra cada a\u00f1o un concurso de hackear ratones y teclados con la \u00fanica condici\u00f3n que contin\u00faen siendo funcionales.<\/p>\n<p>Las propuestas son muy variadas cada a\u00f1o: un rat\u00f3n integrado en unas sandalias en que se hace clic con el dedo gordo del pie, un teclado dentro de una gelatina en que hay que meter las manos para usarlo o un rat\u00f3n dentro de un bloque de cemento que hac\u00eda clic gracias al salto de varias personas a la vez. Este acontecimiento, a parte de plantear una aproximaci\u00f3n cr\u00edtica a dos de las interfaces m\u00e1s extendidas, tambi\u00e9n cuestiona la estandarizaci\u00f3n.<\/p>\n<div class=\"featured featured-blue\"><p>Como hemos visto hasta ahora, es posible abordar los aspectos formales de las interfaces desde diferentes puntos. Lo que comparten los diferentes proyectos explicados es una voluntad de poner en entredicho reflexivamente c\u00f3mo est\u00e1n construidas las interfaces, desde el aspecto hasta los lenguajes de programaci\u00f3n.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dentro de este apartado, incluimos algunas visiones cr\u00edticas en relaci\u00f3n con cuestiones formales de dise\u00f1o de interfaces y de la interacci\u00f3n. Es pertinente, pues, revisar la noci\u00f3n de usabilidad: es la caracter\u00edstica que define c\u00f3mo de f\u00e1cil es usar una interfaz. Tambi\u00e9n recuperamos los atributos que est\u00e1n relacionados y el diagrama correspondiente, a pesar 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-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/467"}],"collection":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":3,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/467\/revisions"}],"predecessor-version":[{"id":761,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/467\/revisions\/761"}],"wp:attachment":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}