{"id":384,"date":"2013-03-16T15:43:43","date_gmt":"2013-03-16T15:43:43","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/?p=384"},"modified":"2013-03-26T08:49:13","modified_gmt":"2013-03-26T08:49:13","slug":"worst-inteface","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/worst-inteface\/","title":{"rendered":"Hasta la peor interfaz puede tener un motivo"},"content":{"rendered":"<p>En el mundillo del dise\u00f1o y desarrollo web es muy habitual encontrarse en alg\u00fan momento con un experto en alguna de las especialidades asociadas al dise\u00f1o de interacci\u00f3n que hace un repaso de las catastr\u00f3ficas interfaces con que nos encontramos por ah\u00ed en muchas ocasiones\u2026 Los ejemplos t\u00edpicos son las m\u00e1quinas expendedoras de billetes, las lavadoras y, si hablamos de webs, las de compra de billetes por Internet. Una muy recomendable es la de Aral Balkan. Adem\u00e1s de ser una presentaci\u00f3n divertida, con ella se puede aprender bastante sobre el dise\u00f1o de interfaces:<\/p>\n<p>http:\/\/vimeo.com\/55747319<\/p>\n<p>Uno de los factores que hace la charla especial es que Balkan elige como uno de sus ejemplos de interfaces atroces (est\u00e1 hacia el minuto trece del v\u00eddeo) uno con el que yo me hab\u00eda encontrado en alguna ocasi\u00f3n, en un tren ingl\u00e9s:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan01.jpg\" alt=\"Foto de unas instrucciones. Para abrir la puerta de un tren hay que 1. Esperar a que se encienda la se\u00f1al de puerta desbloqueada. 2. Bajar la ventana. 3. Sacar el brazo por la ventana y abrirla desde fuera\" width=\"399\" height=\"260\" class=\"aligncenter size-full wp-image-387\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan01.jpg 399w, http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan01-300x195.jpg 300w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/p>\n<p>Por dif\u00edcil de creer que resulte, la foto es real y el procedimiento es, efectivamente, ese: primero, esperas a que se active una se\u00f1al de puerta desbloqueada, despu\u00e9s bajas la ventana y, finalmente, <strong>sacas el brazo y abres la puerta desde fuera<\/strong>. Cuando vas a bajar del tren y ves c\u00f3mo un pasajero sigue esos pasos, la sorpresa es m\u00e1xima. Lo aseguro. Maravilloso ejemplo de c\u00f3mo no deber\u00eda hacerse algo.<\/p>\n<p>Avanzando un poco en la presentaci\u00f3n, Balkan explica que eso es as\u00ed <strong>por un motivo<\/strong>: ese procedimiento para abrir la puerta es as\u00ed desde hace mucho tiempo, cuando las puertas de los trenes no se bloqueaban y desbloqueaban solas. Y, en un caso as\u00ed, <strong>dise\u00f1ar para la dificultad<\/strong> es, de hecho, una buena idea.<\/p>\n<p>Balkan no se para, sin embargo, a explicar por qu\u00e9 el dise\u00f1o no ha cambiado desde entonces. Y s\u00ed, es relativamente f\u00e1cil pensar motivos\u2026<\/p>\n<ul>\n<li>Por un lado, hacer el cambio es caro: implica hacer el dise\u00f1o (un coste perfectamente asumible), homologarlo, encargar puertas para todos los vagones de todos los trenes (eso seguramente resulte considerablemente m\u00e1s caro) y cambiar todas esas puertas en el menor tiempo posible (lo que, seguramente, implicar\u00e1 una log\u00edstica bastante m\u00e1s complicada de lo que uno pueda imaginar).<\/li>\n<li>Y, por el otro\u2026 \u00bfcu\u00e1l es el coste real de la p\u00e9sima interfaz para sus usuarios habituales? A pesar de lo que uno podr\u00eda pensar, esos usuarios habituales no se escandalizan cuando les toca abrir la puerta por ese extra\u00f1\u00edsimo procedimiento. Y es que, a pesar de su extra\u00f1ez, es una interfaz <strong>f\u00e1cil de aprender<\/strong> (la primera vez que el usuario ve c\u00f3mo funciona todo queda grabado a fuego en la memoria), s\u00f3lo incrementa unos segundos un viaje que en el mejor de los casos ha durado cinco minutos (y muy probablemente bastante m\u00e1s) y, adem\u00e1s, s\u00f3lo \u201cte toca\u201d si eres el primero de la fila.<\/li>\n<li>\u00bfY cu\u00e1ndo resulta verdaderamente catastr\u00f3fica? Solo cuando el primero de la fila es un usuario novel\u2026 y no hay un segundo usuario detr\u00e1s. Algo que, con toda probabilidad, pasa con poca frecuencia. Y, en ese caso catastr\u00f3fico, el drama se resume en la necesidad de leer y seguir unas instrucciones. Malo, pero seguramente no grave.<\/li>\n<\/ul>\n<p>\u00bfEl resultado? En alg\u00fan lugar hay un ingeniero que insiste cada vez que tiene ocasi\u00f3n en que eso deber\u00eda cambiarse\u2026 pero las prioridades son otras. Y lo son, muy probablemente, desde hace d\u00e9cadas. Y la cosa se alarga y alarga\u2026 \u00bfSe trata de una muy mala interfaz? S\u00ed. Y deber\u00eda mejorarse. Pero hemos visto c\u00f3mo la experiencia m\u00e1s negativa no es la t\u00edpica sino que es, de hecho, extremadamente at\u00edpica. Y el vicio de generalizar a partir de la an\u00e9cdota y sin considerar los motivos de que, primero, algo no funcione como deber\u00eda y, segundo, de que no se arregle, es, cuando menos, peligroso.<\/p>\n<p>Un poco m\u00e1s adelante (minuto 35, poco m\u00e1s o menos) Balkan cita como ejemplo de buena interfaz la no interfaz de las m\u00e1quinas expendedoras de billetes del transporte del aeropuerto de Oslo\u2026<\/p>\n<figure id=\"attachment_389\" aria-describedby=\"caption-attachment-389\" style=\"width: 402px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan02.jpg\" alt=\"Una m\u00e1quina de venta de billetes. El \u00fanico elemento de interfaz es la ranura por la que pasar la tarjeta de cr\u00e9dito\" width=\"402\" height=\"539\" class=\"size-full wp-image-389\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan02.jpg 402w, http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan02-223x300.jpg 223w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><figcaption id=\"caption-attachment-389\" class=\"wp-caption-text\">Tan simple como sea posible. Pero no m\u00e1s. O s\u00ed.<\/figcaption><\/figure>\n<p>Las m\u00e1quinas est\u00e1n, desde luego, a a\u00f1os luz de las puertas de los trenes que ve\u00edamos antes: dado que el tren del aeropuerto s\u00f3lo se usa para ir al aeropuerto o desde el aeropuerto a donde sea, basta con pasar la tarjeta de cr\u00e9dito a la entrada, pasarla de nuevo a la salida, y el sistema se encarga de calcular la tarifa y cobrar. Un ejemplo maravilloso de interfaz. Pero&#8230; \u00bfqu\u00e9 pasa si vas con tu pareja y los ni\u00f1os y quieres pagarlo todo con una sola tarjeta? \u00bfPasas la tarjeta cuatro veces? \u00bfY qu\u00e9 pasa con los pocos usuarios que, por cualquier motivo, no quieren usar una tarjeta de cr\u00e9dito para abonar el recorrido? Se trata de Noruega y, sin duda, muy cerca hay una persona atenta a esos casos que informa al viajero de c\u00f3mo proceder. Pero, de nuevo, no puede generalizarse a partir de la an\u00e9cdota: que la interfaz sea fant\u00e1stica <strong>para m\u00ed<\/strong> no significa autom\u00e1ticamente que lo sea <strong>para todos<\/strong>.<\/p>\n<p>Las charlas sobre los desastres de las interfaces cumplen una funci\u00f3n muy importante: la de sensibilizar sobre un tema que necesita mucha atenci\u00f3n. Y podemos asumir que Balkan, un verdadero experto en la materia, caricaturiza conscientemente porque eso le permite tocar muchos aspectos sin dormir a la audiencia. Pero a veces correr demasiado, saltarse los detalles y simplificar en exceso implica riesgos que en ocasiones no compensan, muy especialmente en todo lo referente al dise\u00f1o de interacci\u00f3n.<\/p>\n<hr \/>\n<p><small>La versi\u00f3n original de este contenido se public\u00f3 el 25 de diciembre de 2012 en <a href=\"http:\/\/obm.corcoles.net\/20121225\/hasta-la-peor-interfaz-puede-tener-un-motivo\/\">http:\/\/obm.corcoles.net\/20121225\/hasta-la-peor-interfaz-puede-tener-un-motivo\/<\/a>.<\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>En el mundillo del dise\u00f1o y desarrollo web es muy habitual encontrarse en alg\u00fan momento con un experto en alguna de las especialidades asociadas al dise\u00f1o de interacci\u00f3n que hace un repaso de las catastr\u00f3ficas interfaces con que nos encontramos por ah\u00ed en muchas ocasiones\u2026 Los ejemplos t\u00edpicos son las m\u00e1quinas expendedoras de billetes, las &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/worst-inteface\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abHasta la peor interfaz puede tener un motivo\u00bb<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[112,111,57,58],"class_list":["post-384","post","type-post","status-publish","format-standard","hentry","category-technologies","tag-critica","tag-interfaces","tag-usabilidad","tag-usabilitat","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/posts\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":6,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/posts\/384\/revisions"}],"predecessor-version":[{"id":438,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/posts\/384\/revisions\/438"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/media?parent=384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/categories?post=384"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/es\/wp-json\/wp\/v2\/tags?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}