{"id":47,"date":"2019-12-06T15:42:33","date_gmt":"2019-12-06T13:42:33","guid":{"rendered":"http:\/\/quadern-interficies.recursos.uoc.edu\/?page_id=47"},"modified":"2020-02-12T15:56:26","modified_gmt":"2020-02-12T13:56:26","slug":"1-1-que-es-una-interfaz","status":"publish","type":"page","link":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/1-1-que-es-una-interfaz\/","title":{"rendered":"1.1. \u00bfQu\u00e9 es una interfaz?"},"content":{"rendered":"<div class=\"featured featured-blue\"><p>Una <strong>interfaz<\/strong> es, en general, aquel soporte en el cual dos sistemas intercambian informaci\u00f3n.<\/p>\n<\/div>\n<p>La RAE define el t\u00e9rmino como:<\/p>\n<blockquote><p>Conexi\u00f3n o frontera com\u00fan entre dos aparatos o sistemas independientes.<\/p><\/blockquote>\n<p><div class=\"blockquote-author\"><p>RAE<\/p>\n<\/div><br \/>\nOtros definen la interfaz desde un punto de vista m\u00e1s funcional:<\/p>\n<blockquote><p>La forma en que se consiguen realizar tareas usando un producto y c\u00f3mo este responde.<\/p><\/blockquote>\n<div class=\"blockquote-author\"><p> Jef Raskin (2000)<em>. The Humane Interface <\/em>(p\u00e1g. 2). Boston, Massachussetts: Addison-Wesley.<\/p>\n<\/div>\n<p>Existen definiciones m\u00e1s espec\u00edficas del campo de las tecnolog\u00edas de la informaci\u00f3n y la comunicaci\u00f3n que hacen referencia al soporte de comunicaci\u00f3n entre componentes inform\u00e1ticos de hardware y software o entre personas y sistemas inform\u00e1ticos. Estas \u00faltimas se denominan <em>interfaces de usuario<\/em>. Este t\u00e9rmino emerge recientemente junto con el campo del dise\u00f1o computacional, y solo le hemos prestado atenci\u00f3n desde la d\u00e9cada de los cincuenta, momento en el cual toma especial protagonismo el estudio de la ergonom\u00eda y se realizan trabajos de optimizaci\u00f3n de equipos de simuladores de vuelo, cascos, pedales y otros aparatos para la operaci\u00f3n de maquinaria, adaptando su dise\u00f1o al cuerpo humano. Estos trabajos derivaron en sistemas interactivos que integraban pantallas y dispositivos de entrada.<\/p>\n<p>La discusi\u00f3n sobre c\u00f3mo deber\u00edan relacionarse los dispositivos de entrada con los de salida pronto se convirti\u00f3 en un campo propio conocido como <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Acr\u00f3nimo del ingl\u00e9s <em>human computer interaction<\/em>, interacci\u00f3n persona-ordenador.\" data-placement=\"top\" data-html=\"true\"><strong>HCI<\/strong><\/a>\r\n. En los sesenta y setenta, la optimizaci\u00f3n de interfaces no solo se centraba en refinar el dise\u00f1o del hardware, sino que comenzaron a aparecer programas que controlaban el proceso de interacci\u00f3n. En 1963, Ivan Sutherland, un estudiante de doctorado del MIT, inspirado por los escritos de <a href=\"https:\/\/es.wikipedia.org\/wiki\/Vannevar_Bush\" target=\"_blank\" rel=\"noopener noreferrer\">Vannevar Bush<\/a> sobre el concepto \u00abMemex\u00bb (1945), invent\u00f3 el <strong>Sketchpad<\/strong>, tambi\u00e9n conocido como <strong>Robot<\/strong> <strong>Draftsman<\/strong>, un programa de ordenador que permit\u00eda hacer simulaciones visuales de formas geom\u00e9tricas usando un l\u00e1piz \u00f3ptico.<\/p>\n<figure id=\"attachment_215\" aria-describedby=\"caption-attachment-215\" style=\"width: 765px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-215\" src=\"\/wp-content\/uploads\/2019\/12\/m4357_01.jpg\" alt=\"\" width=\"765\" height=\"520\" srcset=\"\/wp-content\/uploads\/2019\/12\/m4357_01.jpg 765w, \/wp-content\/uploads\/2019\/12\/m4357_01-300x204.jpg 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><figcaption id=\"caption-attachment-215\" class=\"wp-caption-text\">Figura 1. Ilustraci\u00f3n del sistema \u00abMemex\u00bb<br \/>Fuente: <em>Life<\/em>, noviembre de 1945.<\/figcaption><\/figure>\n<figure id=\"attachment_217\" aria-describedby=\"caption-attachment-217\" style=\"width: 765px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-217\" src=\"\/wp-content\/uploads\/2019\/12\/m4357_02.jpg\" alt=\"\" width=\"765\" height=\"530\" srcset=\"\/wp-content\/uploads\/2019\/12\/m4357_02.jpg 765w, \/wp-content\/uploads\/2019\/12\/m4357_02-300x208.jpg 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><figcaption id=\"caption-attachment-217\" class=\"wp-caption-text\">Figura 2. Ejemplos de uso del Sketchpad<br \/>Fuente: University Video Communications, 1987. Disponible en: <a href=\"https:\/\/archive.org\/details\/AlanKeyD1987\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/archive.org\/details\/AlanKeyD1987<\/a>.<\/figcaption><\/figure>\n<p>Unos a\u00f1os m\u00e1s tarde, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Douglas_Engelbart\" target=\"_blank\" rel=\"noopener noreferrer\">Doug Engelbart<\/a>, considerado hoy en d\u00eda un gran visionario y padre del campo de la HCI, invent\u00f3 el rat\u00f3n de ordenador, el hipertexto, la conexi\u00f3n en red de ordenadores, la videoconferencia y elementos precursores de las <a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/graphical-user-interface\/\" target=\"_blank\" rel=\"noopener noreferrer\">interfaces gr\u00e1ficas de usuario<\/a> (<a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Acr\u00f3nimo del ingl\u00e9s <em>graphical user interfaces<\/em>.\" data-placement=\"top\" data-html=\"true\" >GUI<\/a>) que todav\u00eda usamos hoy en d\u00eda, como el sistema de ventanas y la navegaci\u00f3n por ficheros. En 1968, lanz\u00f3 \u00abLa Madre de Todas la Demos\u00bb, una demostraci\u00f3n de 90 minutos en vivo en la que todos estos elementos operaban en un sistema integrado al que llam\u00f3 <em>oN-Line System<\/em>. Esta demostraci\u00f3n fue determinante para la empresa Xerox PARC, que inmediatamente emprendi\u00f3 proyectos de optimizaci\u00f3n de interfaces basadas en sistemas gr\u00e1ficos similares. Sin embargo, durante los siguientes veinte a\u00f1os todav\u00eda dominar\u00edan las interfaces a nivel de terminal, lo cual permiti\u00f3 que los usuarios que no conocieran lenguajes de programaci\u00f3n de bajo nivel pudieran interactuar m\u00e1s libremente con estos sistemas usando comandos de texto m\u00e1s simples.<\/p>\n<p>No fue hasta los a\u00f1os ochenta cuando empresas como Microsoft y Apple introdujeron las interfaces gr\u00e1ficas, los elementos multimedia y las interacciones basadas en di\u00e1logos. Los noventa se caracterizaron por el refinamiento de estos modelos de interacci\u00f3n, su progresiva adopci\u00f3n en el entorno de trabajo, el creciente acceso a internet y la aparici\u00f3n de interfaces para la cooperaci\u00f3n y comunicaci\u00f3n entre personas (<em>groupware<\/em>). Con el cambio de siglo, las interfaces han adoptado una nueva forma y se han convertido en tecnolog\u00edas ubicuas (por ejemplo, Bluetooth, tel\u00e9fonos m\u00f3viles, consumibles electr\u00f3nicos, pantallas t\u00e1ctiles, dispositivos vestibles, la dom\u00f3tica, los sistemas de realidad virtual y aumentada, etc.).<\/p>\n<div class=\"featured featured-blue\"><p>Nunca antes el ser humano ha vivido rodeado de tecnolog\u00eda digital tan heterog\u00e9nea; es un reto actual dise\u00f1ar interfaces funcionales y est\u00e9ticas que faciliten el uso, que mejoren la experiencia de usuario y que sean accesibles a todas las personas. <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La RAE define el t\u00e9rmino como: Conexi\u00f3n o frontera com\u00fan entre dos aparatos o sistemas independientes. Otros definen la interfaz desde un punto de vista m\u00e1s funcional: La forma en que se consiguen realizar tareas usando un producto y c\u00f3mo este responde. Existen definiciones m\u00e1s espec\u00edficas del campo de las tecnolog\u00edas de la informaci\u00f3n y [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/47"}],"collection":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":7,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":686,"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/47\/revisions\/686"}],"wp:attachment":[{"href":"http:\/\/quadern-interficies.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}