La agencia de diseño digital Clusta ha desarrollado para el equipo de publicista de San Francisco (Publicis & Riney), un sitio web completamente funcional en el que se puede navegar a través del movimiento de la mano; sin ratón ni teclado.
Matthew Clugston director creativo de Clusta, cuenta en el libro Web Design: NAVEGATION de Julios Windemann como fue posible crear éste sitio web que ofrece sin duda alguna una navegación web nunca antes vista, al menos mis ojos no la han visto en estos 10 años de navegación web que tengo.
Aunque en un principio la navegación en hrp puede resultar un poco complicada no deja de ser funcional y divertida, ya que una vez que te adapta al sistema no quieres dejar de andar cada rincón del portal.
Como fue posible conseguirlo
La tecnología funciona mediante una simple webcam y una pequeña pantalla de video que se encuentra en el ángulo inferior derecho de la página inicial, ésta a su vez incluye un perfil de un cuerpo superpuesto alrededor de la imagen.
En la pequeña pantalla de video, hay unos puntos rojos de movimiento que son capaces de detectar cambios en los valores cromáticos o movimientos de píxel (arriba, abajo, a la izquierda y a la derecha), estos puntos funcionan como puntos de navegación que permiten al usuario tocar virtualmente o pasar la mano por encima para navegar por las diferentes zona del sitio.
He probado la navegación webcam/flash y me parecio muy interesante, aunque puede resultar un tanto complicada, pero a pesar de esto es una buena alternativa que ofrecer a los usuarios para conocer todas las secciones de una web, hrp también te da la opción de navegar seleccionando la opción que te permite utilizar el teclado y el mouse.
A continuación le presento un video de como funciona esta navegación. Es una prueba del videocast (webcast).
Interface de navegación de hrp.com (Publicis & Riney).
Tags: Diseño, Navegación, VideoCast, Web
Loading ...
Es un interesante experimento, me recuerda al eyetoy y la camara del ps2-3 y psp.
que bien que estes empezando a publicar screencast.
Hey! Muy cool! Esta tecnología la utilizaron para el iTunes, una aplicacion que se llama “fluid tunes” para mover los albums de discos (los tracks del itunes.
Que por cierto, no se si viste una tecnología parecida, pero fuera de la computadora, esta en Minority Report full. Chequea: http://www.youtube.com/watch?v=nZ-VjUKAsao&feature=player_embedded
Excelente podcast.
Veo que estamos aprendiendo y evolucionando.
Felicidades!!!
@alberto: exacto éste proyecto fue inspirado en la tecnología Eyetoy del PS2-3 y es un avanze para la internet y la web.
@claudia: Al utilizar el portal, recordé algunas escenas de Minority Report y el video que me recomendaste está excelente, solo imaginos poder obtener información de una persona solo al saludarlo o hacer llamadas utilizando las palmas de mis mano para ver los números. Sin duda la tecnología crece cada día y a millón.
@shady La evolución está contante y el diseño web exige cada vez más, originalidad, interactividad y interconexión.
Solo disfrutemos de todas las cosas que nos ofrece la era de la internet.
Gracias por sus comentarios.
hola! primera vez por aquí.. muy interesante el blog.
pensé que podría servirte esta recomendación: widget de HP para acceder a todas las redes sociales en un mismo lugar. checalo aquí: http://www.mtvhpbox.com
saludos desde san juan!
Gracias Jessica Mendez, por el enlace y la visita en el blog, esperamos que sigas visitandonos.
[...] Navegación de la web sin mouse, solo con nuestras manos (Ver site de Publicis & Hal Riney) [...]
La tecnología táctil y de reconocimiento de movimiento, sin duda, es el futuro. Un futuro que como ejemplifica tu excelente post y reportaje, está más cerca de lo que imaginamos.
Recientemente, y disculpa la autocita, en un post de mi blog incluía un enlace a un espectacular video de lo que según Microsoft nos espera para el 2019.
Con tu permiso, dejo el enlace:
http://oídococina.com/2009/08/17/apple-abrio-la-ventana-1/
Saludos desde España.
[...] Meses atrás estuve mostrando como en el futuros podremos navegar con interfaces al estilo de la película Minority Report, gracias a minilab he encontrado el proyecto que esta desarrollando Oblong Industries y MIT Media Laboratory el g-speak una interfaz de realidad aumentada que pronto nos dará la capacidad de interactuar con objetos digitales y físicos usando lenguaje corporal tal como los de la película. [...]
No me parece tan tracendental la noticia, por que? Hace años compre una camara web que en el cd de instalacion trajo un juego que era haciendo movimientos con la camara y un muñequito se movia y eso hace mas de 6 años que lo llevaran a la web tardo demasiado tiempo!