El texto 2.0 y el futuro de la interacción web

31 de marzo de 2010 /

Las máquinas, y por consiguiente los ordenadores, son (o deberían ser) la reconciliación más humana con la esclavitud. Conseguir que “otros” nos faciliten el desempeño de nuestras tareas más cotidianas o que incluso las desempeñen íntegramente, a partir de unas instrucciones previas, más o menos sencillas. Por ello, desde los albores de la informática, y en realidad también de la mecánica, una de las principales inquietudes del hombre ha sido conseguir proporcionar las instrucciones que las máquinas necesitan para funcionar correctamente de la forma más sencilla y eficiente posible.

Probablemente todos los que leáis estas líneas, disponéis de conocimientos más o menos amplios para utilizar, aunque sea a grandes rasgos, un ordenador, y sabeis que se necesita utilizar un dispositivo de entrada. O sea, un teclado y/o un ordenador. Imaginemos, sin embargo, que nuestros propios gestos son el dispositivo de entrada. Asi de interesante se presenta el futuro de la interacción hombre-máquina, y uno de los sectores más prometedores se encuentra en el seguimiento de la mirada del usuario, y concretamente su aplicación en el mundo web.

Hal 9000 Text 2.0Hal 9000, el ordenador de “2001, una Odisea en el espacio”, podía leer los labios. Pronto los ordenadores podrán saber hacia donde estás mirando.

El Centro de Investigación sobre Inteligencia Artificial Alemán (DFKI) está utilizando dispositivos de seguimiento de los ojos (eye-trackers) conjuntamente con html, css y javascript para desarrollar lo que ellos llaman “Text 2.0“. Gracias a esta tecnología, el sistema sabría cuando el usuario lee un determinado texto y a partir de ahí el sistema accionaría ciertos eventos automáticamente. Pensemos en el inmenso abanico de posibilidades de interacción; imágenes o vídeos que aparecen al leer ciertos fragmentos, diccionarios, pronunciaciones, pies de página o biografías cuando fijamos la vista vista sobre cierta palabra… etc. Nada mejor que un vídeo, del propio DFKI, para ilustrar mejor lo que digo:

Pero no todos los aspectos son positivos. La tecnología en cuestión, cierne, por enésima vez, las peores amenazas “Orwellianas”: la invasión de la privacidad. No obstante, me parece un temor infundado. Después de todo, con los sistemas de seguimiento actuales (v.g.: Google Analytics) ya es posible deducir con gran fiabilidad, el comportamiento de un usuario cuando visita una determinada página web. Bastaría con mejorar la accesibilidad web para que la página en cuestión fuera totalmente funcional, sin la activación de dicha tecnología.

En realidad, el verdadero peligro de esta tecnología, se encontraría en los abusos que se hagan de ella en la publicidad. Todos conocemos esos popups incrustados que cubren durante un cierto tiempo todo el contenido de una página web con un mensaje que es todo, menos subliminal. Pues imaginaros si con solo pasar la vista sobre alguna palabra, empezaran a aparecer popups, vídeos o mensajes por en medio de la página… No quiero imaginar como serían las páginas porno con este sistema, llenas de genitales apareciendo y desapareciendo por doquier.

Con independencia de estos potenciales abusos, esta tecnología abre un abanico de posibilidades inmenso para poder valorar con precisión la experiencia de un usuario y el comportamiento del mismo ante un determinado contenido, y de esta forma poder mejorar la presentación de este contenido.
No creo que sea una tecnología que llegue al gran público a corto plazo, pues el dispositivo dede seguimiento de la mirada (Tobii eye-tracker) cuesta más de 6000 dólares, pero me parece un aspecto interesantísimo en los futuros interfícies de usuario. Aún así, en la web oficial ya existen descargas para Windows, Linux y Mac, para poder implementar la tecnología en proyectos actuales.

Tobii eye tracker, dispositivo para el seguimiento de la mirada.Como curiosidad, Apple ha comprado Tobii eye-trackers. Los interfícies de usuario de la compañía de Cupertino son, sencillamente, los mejores del mercado, por lo que no deja de ser más que prometedor que investiguen, o por lo menos jugueteen, con esta tecnología.

Via H+ Magazine (en inglés).

Flash 3D

30 de julio de 2008 /

Los usuarios siguen desarrollando alternativas para suplir la cada vez más flagrante ausencia de soporte para entornos tridimensionales en Flash, ya sea con motores como Alternativa3D o Papervision3D.
En Mr.doob’s Blog existen multitud de experimentos, de demostraciones vanguardistas e incluso explicaciones sobre algunos de los mejores ejemplos que pueden encontrarse en el panorama internacional de Flash.
Aquí tenéis algunas muestras dignas de mención:




Pulsad sobre las imágenes para acceder a los ejemplos.

Ahora solo cabe esperar que Adobe, al fin, se decida por dar soporte oficial, y eso incluye el poder utilizar el hardware de cualquier tarjeta gráfica, de entornos tridimensionales.

Links interesantes (y 7)

4 de diciembre de 2007 /

Soy consciente de la relajación en el ritmo de mis actualizaciones. Simplemente ando más ocupado que de costumbre. Afortunadamente, empiezo a ver la luz al final del tunel.
Sin más preámbulo os dejo con unos cuántos enlaces interesantes, claramente enfocados al desarrollo web:

- Los mejores diseños CSS del 2007 según el blog Web Designer Wall: Un poco de inspiración. Pese a que en mi opinión se trata de una visión muy subjetiva, quizás demasiado para sentenciar con semejante titular, hay que reconocer la calidad de los mismos.

- KeyXL: Fantástica web de atajos de teclados (shortcuts). Dispone de “chuletas” con atajos de teclados para una ingente cantidad de programas. Además, distinguiendo entre diferentes plataformas (linux, mac o windows).

- Fawnt: Pequeña pero elitista y exquisita selección de las mejores tipografías gratuitas.

- Dezignus.com: Genial blog de recursos vectoriales gratuitos y de altísima calidad. Siluetas humanas, flores, tribales y demás motivos vectoriales en diferentes formatos (illustrator, photoshop… etc) que, a buen seguro, facilitarán la labor de más de un diseñador.

Nueva técnica de redimensionado de imagenes

30 de agosto de 2007 /

Todo diseñador web se ha topado con alguna alguna imagen que pese a su atractivo, al no poseer las proporciones deseadas, queda rápidamente descartada.
Sin embargo, el Dr. Ariel Shamir y el Dr. Shai Avidan están desarrollando una técnica que promete cambiar las proporciones de una imagen (por ejemplo, pasarla de vertical a horizontal o viceversa) sin que sufra ese artificial y antiestético efecto de ensanchamiento o achatamiento.
Mejor, lo véis vosotros mismos:

Como dicen en el enlace, ¡lo quiero en photoshop ya!

Vía Techcrunch.
Información técnica en el paper de los desarrolladores.

Links interesantes (y 6)

9 de agosto de 2007 /

Esta nueva entrega sin dedicada en exclusiva al diseño y desarrollo web.

Photojojo – 11 efectos cinematográficos para Photoshop e Illustrator: Tutoriales para conseguir efectos muy vistosos. Me ha gustado especialmente el que consigue el tutorial que explica como conseguir el estilo de “A scanner darkly”.

DinPattern: Un buen puñado de motivos para utilizar como fondos, por ejemplo, al diseñar páginas web.

Web 2.0 Badges: Para bien o para mal, la denominada “web 2.0″ tiene un estilo gráfico muy particular. Pues esta web recopila una buena colección de esass “Badges” (o chapas en castellano) tan características.

Expresiones regulares en el blog de E-Text Editor: El dominio de las expresiones regulares suponen una gran ventaja para el programador. Su potencia permite hacer con una simple linea de código algo que, de otra forma, llevaría linias y linias de tedioso código. Sin embargo, para programadores novatos como yo su aprendizaje no es sencillo. Por eso me ha gustado mucho este video tutorial gracias al cual puede apreciarse “in situ” el funcionamiento de diferentes expresiones regulares.

Logopond: Magnífica web dónde encontrar inspiración para el diseño de logos. Contiene una galería dónde los usuarios puntuan cada logo.

Varias versiones de IE7 y evitar la validación de XP

30 de julio de 2007 /

La guerra de navegadores se encuentra en su momento álgido. Sin embargo, todas las ventajas que repercuten en los usuarios se convierten en una pesadilla para los desarrolladores. Cada página web, cada proyecto debe funcionar correctamente en diferentes versiones de varios navegadores y además, para diversas plataformas.

El lanzamiento hace unos cuántos meses de Internet Explorer 7 pese a las notables mejoras que incorpora, sobretodo en lo referente a un mayor respeto por los estándares, ha supuesto un inconveniente añadido, la imposibilidad de tener instalados en la misma máquina y de manera “oficial” la súper extendida versión 6 y la versión 7 del navegador de Microsoft. Eso obligaba a muchos desarrolladores web al tedio de tener que trabajar con varias máquinas (reales o virtuales) para poder asegurar que su trabajo se visualizara de forma óptima en los navegadores más extendidos.

Por eso es de agradecer la utilidad Multiple IE Installer, un programa qué, una vez instalada la versión 7 de Internet Explorer, permite ejecutar también cualquier versión anterior (desde la 3).
Y por cierto si queréis instalar Internet Explorer 7 sin tener que validar vuestra copia de Windows XP, tan solo debéis ejecutar el fichero de registro que encontraréis en este enlace de Tuto Blog.

Links interesantes (y 5)

13 de junio de 2007 /

Entrega dedicada exclusivamente al diseño y desarrollo web:

- Vecteezy: Multitud de pequeñas ilustraciones vectoriales a modo de cliparts. Disponibles para descargar en EPS y en ocasiones también en JPG y AI.

- Brusheezy: Igual que el anterior pero para pinceles de Photoshop.

- Iconlet: Magnífico buscador de iconos. Junto a cada uno se indica su correspondiente licencia.

- Librosweb: Libros de php, ajax, xhtml, css… etc. Gratuitos y en español.

- dfGallery: Sencilla pero potente galería en flash. Hace tiempo busqué algo así para implementar en una web, pero solo encontré soluciones de pago. Esta en cambio, es gratuita, personalizable.