Kiosko de información interactivo, 1992

Me siento un poco como el Abuelo Cebolleta (creo que incluso el símil puede resultar rancio para muchos) al mostrar este vídeo que finalmente he conseguido recuperar de una cinta VHS que creía haber perdido.

Se trata del primer proyecto interactivo de grandes dimensiones en el que trabajé: una red de kioscos de información con pantalla táctil en el que los usuarios podían consultar e imprimir un plano del polígono industrial de la Zona Franca de Barcelona. El proyecto se realizó entre los años 1991 y 1992 desde la empresa Barcelona Media (entonces una spin-off de la Universitat de Barcelona), compañía para la que trabajaba como diseñador multimedia y donde me encargaba de la conceptualización, elaboración de storyboards (aún tardaríamos un poco en llamarlos ‘wireframes’) y del diseño de interfaz.

Continúa leyendo Kiosko de información interactivo, 1992

La usabilidad en el website de la Agencia Tributaria del Ministerio de Economía y Hacienda

Para ponernos en contexto, esta imagen es un fragmento de la pantalla final de la tramitación del pago trimestral del IVA mediante el modelo 303 en la web de la Agencia Tributaria del Ministerio de Economía y Hacienda del Gobierno de España:

Por si no pueden leer el texto con claridad, les transcribo el fragmento que interesa:

Aviso
La AEAT mostrará este mensaje para todas las operaciones, en un paso en el que el contribuyente haya confirmado definitivamente la orden.
“Ha concluido el proceso de domiciliación del importe de la cuota a ingresar y no requiere ningún otro trámite u acción por su parte. Su entidad financiera procederá al cargo en la cuenta indicada por usted el último día del plazo voluntario para el pago de este impuesto. Asegúrese de que exista saldo suficiente ese día”

… La verdad es que al plantearme este post no sabía si orientarlo como simple trabajador autónomo, como Diseñador de Interacción, o como coleccionista de ejemplos de Fierabrás.

Continúa leyendo La usabilidad en el website de la Agencia Tributaria del Ministerio de Economía y Hacienda

Pumaphone: diferente en todos los aspectos

Seguramente hayan leído ustedes ya alguna reseña sobre Pumaphone, el teléfono móvil que la marca deportiva Puma tiene previsto lanzar el próximo mes de abril. Es posible también que —en la mayoría de artículos o posts que hayan hojeado— ya hayan sabido de su peculiar calculadora sarcástica (se burla al realizar una operación básica o demasiado sencilla), además hayan visto fotos de su panel de carga solar integrado, o se hayan sorprendido al enterarse de la existencia de Dylan, el puma-mascota incorporado en el aparato.

Como todo eso ya lleva algunas semanas circulando por la red, yo sólo quiero destacarles dos cosas que me han llamado la atención: la primera, la originalidad con la que Puma ha abordado la totalidad del producto, utilizando un tono un tanto socarrón que ha sido llevado al extremo de la coherencia tanto a nivel gráfico como de los copys o textos, y no sólo en la campaña promocional sino también en el propio dispositivo; la segunda cosa que quisiera resaltar es —de hecho— un ejemplo concreto de esa originalidad que mencionaba antes. Vean con atención esta imagen con un fragmento de la hoja de especificaciones técnicas proporcionada por Puma en el website de Pumaphone:

Hoja de especificaciones técnicas de Pumahone

… ‘Cosas nuevas’, ‘Cosas habituales’, ‘Cosas geek o freaky’… ¿No les parece original la manera de organizar las prestaciones?

… ¿Y el punto 1.1, ‘Gato digital a la carta’? Sí, ese es Dylan, el puma-mascota que les mencionaba antes.

Bueno, sin duda mi preferido es el 2.9: ‘AGPS: sea lo que sea eso’.

Para ver la hoja de especificaciones completa o todos los detalles del teléfono de Puma, pueden visitar pumaphone.com

Vía Engadget

Qué es la Arquitectura de la Información

El pasado mes de enero, el ‘Information Architecture Institute’ convocaba a través de su website y de Flickr un concurso para explicar qué es la Arquitectura de la Información. La participación estaba abierta a todo el mundo que quisiera enviar un vídeo, una ilustración, un gráfico, un texto, lo que fuera con tal de ayudar a divulgar los cometidos y tareas de esta disciplina. Pues bien, ganadores habemus:

Primer premio: ‘A Dinosaur Family Explains Information Architecture’

Continúa leyendo Qué es la Arquitectura de la Información

Google Browser Size

Google Labs ha lanzado hace unos días una herramienta interesante llamada Browser Size. Esta herramienta muestra qué parte de una página es visible sin necesidad de desplazarse con las barras de scroll. Los valores sobreimpresos indican qué porcentaje de usuarios están viendo más o menos contenido en función del tamaño de la ventana con la que navegan.

Abrir Google Browser Size

Si bien es cierto que en los últimos tiempos hemos visto como se perdía el miedo al scroll, no debemos olvidar que los usuarios valoran y deciden sobre un website en cuestión de segundos y que es muy importante tener claro qué elementos de una página quedan a la vista y cuáles no. Google lo explica muy claro en su página ‘Cómo funciona Google Browser Size’:

“(…) Esto es útil para garantizar que una parte importante de la interfaz de usuario de una página es visible por la mayoría. En la página de ejemplo mostrada, hay un botón “donar ahora” que se inscribe en la zona del 80%, lo que significa que un 20% de los usuarios no pueden ver este botón cuando visitan por primera vez la página. 20% es un número importante, sabiendo este hecho podría alentar el diseñador para mover el botón mucho más arriba en la página para que pueda ser visto sin necesidad de desplazarse”.

Como les dije, una herramienta interesante… Aunque la verdad me ha parecido más interesante el detalle sobre ‘alentar el diseñador para mover el botón’.

Vía IxDA