Tentándole (interacción)

francisco tosete | arquitectura de información, interacción y diseño

histórico de posts

July 3, 2008

Dürsteler, Infovis y WET: Herramienta para Visualización de Información

Con motivo del octavo aniversario de Infovis Juan Carlos Dürsteler presenta WET (Website Exploration Tool) una herramienta para visualizar arquitecturas de información y estructuras de espacios informativos.

Lo más interesante de esta herramienta quizá, es la posibilidad de representar información multidimensional (o facetas informativas) sobre los nodos combinando hasta cuatro variables (tamaño, color del relleno, color del borde y forma del nodo).

Variables visuales asociados a métricas (© Infovis: Juan C. Dürsteler. Reproducida con permiso)
Variables visuales asociados a métricas
(© Infovis: Juan C. Dürsteler. Reproducida con permiso)

Asociando dichas variables a métricas web cito el ejemplo de Dürsteler:

Forma con Page rank,
Color con Grupo de Palabras Clave usadas para acceder a la página,
Color de Borde si esta Indexado en Yahoo!,
Tamaño con numero de páginas servidas”

obtenemos una valiosísima herramienta de conocimiento para la gestión, monitorización y optimización SEO de nuestro web (entre muchísimas otras aplicaciones posibles). Un buen ejemplo de la potencia de las interfaces digitales y del poder de la Visualización de Información. Además, Dürsteler hace una llamada a la colaboración con su grupo de investigación para mejorar la herramienta:

“…creemos que sería muy interesante abrir WET a la experimentación de todos aquellos lectores de InfoVis que deseen probarlo y darnos su retroalimentación. Esto podría constituir la primera experiencia colaborativa en InfoVis.net sobre una visualización de información. Para ello en breve editaremos un nuevo artículo con información complementaria sobre WET y con las instrucciones sobre cómo acceder y usarlo. Nos encantaría contar con su soporte de esta iniciativa!”

Yo me animaría (ojalá pudiera trabajar con ella).

Y hablando de Visualización de Información, si eres Arquitecto de Información, Diseñador de Interacción o Diseñador de Interfaz y quieres conocer algunos de los principios psicológicos en los que se sustentan buena parte de las directrices de Usabilidad que aplicamos cotidianamente en nuestro trabajo te recomiendo que leas:

Colin Ware (2000). Information Visualization: Perception for design.

Merece la pena tenerlo en la biblioteca personal. Eso sí, es duro.

June 9, 2008

Brainstore: Vendiendo ideas

Si algún día monto una empresa será el equivalente en el ámbito de la Experiencia de Usuario y del Diseño de Interación de esta:


Vía: Nieves González en Bibliotecarios 2.0 | Infonomía.tv

June 2, 2008

ThinkEpi: Artefactos para el desarrollo cognitivo e intelectual y superficies interactivas: Por qué triunfa el Asus EEE PC

INTRODUCIENDO CONCEPTOS

Si el año pasado alguien le hubiera dicho a la dirección de Asus que para finales de 2008 pueden llegar a vender 5 millones de ordenadores de su pequeño portátil o netbook (1) Asus Eee PC (2), pocos directivos habrían apostado por ello (3). Y a tenor de la demanda, 2 millones vendidos hasta la fecha en todo el mundo, en sus siete primeros meses de existencia, de un aparato que en principio se pensó para los países en vías de desarrollo, el objetivo no parece inalcanzable.

Aunque el éxito ha sido totalmente inesperado para Asus no por ello deja de ser menos lógico y lo que es más importante, MENOS PREDECIBLE.

Un libro, el papel, el lápiz, el bolígrafo, la goma de borrar… todos ellos son ARTEFACTOS -instrumentos o herramientas- que aumentan nuestra capacidad cognitiva e intelectual (facultad que tenemos de interpretar y procesar la información a partir de la percepción, del conocimiento propio y de otros elementos subjetivos que nos permiten evaluarla y discriminarla) (4).

Gracias a ellos podemos obtener, fijar, reconocer, comprender, organizar y recordar la información recibida a través de los sentidos generando conocimiento y en última instancia sabiduría, en formas mucho más eficientes e inexploradas que las de la actualidad. O lo que es lo mismo, potenciar nuestra memoria.

EL PODER DE LA VISUALIZACIÓN DE INFORMACIÓN Y DE LAS SUPERFICIES INTERACTIVAS

“La Visualización tiene un pequeño pero creciente y crucial papel en los sistemas cognitivos. Los monitores proporcionan el canal de mayor ancho de banda del ordenador al hombre. Adquirimos más información a través de la visión que a través de todos los otros sentidos combinados. Los 20 millones de neuronas del cerebro dedicadas a analizar la información visual proporcionan un mecanismo de búsqueda de patrones que es un componente fundamental en la mayor parte de nuestra actividad cognitiva. Mejorar los sistemas cognitivos a menudo significa reforzar la relación entre la persona, las herramientas del ordenador y otras personas. Por una parte, tenemos el sistema visual humano, un buscador flexible de patrones, junto a un mecanismo adaptable de toma de decisiones. Por otra parte, está el poder de la informática y de los vastos recursos de información del ordenador y de la World Wide Web. Las visualizaciones interactivas incrementan la interfaz entre los dos. Mejorando estas interfaces podemos mejorar substancialmente el rendimiento del sistema entero”. (5)

“Visualizations have a small but crucial and expanding role in cognitive systems. Visual displays provide the highest bandwidth channel from the computer to the human. We acquire more information through vision than through all of the of the other senses combined. The 20 billion or so neurons of the brain devoted to analyzing visual information provide a pattern-finding mechanism that is a fundamental component in much of our cognitive activity. Improving cognitive systems often means tightening the loop between a person, computer-based tools, and other individuals. On the one hand, we have the human visual system, a flexible pattern finder, coupled with an adaptive decision-making mechanism. On the other hand are the computational power and vast information resources of the computer and the World Wide Web. Interactive visualizations are increasingly the interface between the two. Improving these interfaces can substantially improve the performance of the entire system.” (5)

Pero la clave de la supremacia de los ordenadores como artefactos aumentadores de nuestras habilidades cognitivas e intelectuales no sólo se reduce a su virtualmente ilimitada capacidad para servir como instrumentos a través de los que se pueden desarrollar, explicitar y formalizar interfaces visuales u otros artefactos que faciliten la representación visual y el procesamiento a gran escala o a microescala de la información (un procesador de textos, una hoja de cálculo), se debe además al hecho de que podemos interactuar con ellos de una forma que no es posible utilizando otro artefacto físico cuya interfaz no permita la alteración dinámica de la información de su superficie (por ejemplo, la apariencia de una hoja de papel no puede variar una vez que se ha escrito sobre ella con tinta).

Los periféricos de entrada de un ordenador como el teclado, el ratón o el touchpad de un portátil son instrumentos más eficaces para determinadas tareas de entrada, gestión y manipulación de la información que un lápiz, una goma de borrar, el celo, un clip, un bolígrafo o un pincel.

La característica de las superficies de volverse más interactivas unida a la capacidad de acceso a la Web desde cualquier lugar (6) pone en nuestras manos herramientas de aprendizaje y producción de la información extraordinarias a un coste que cae rápidamente, y que en un futuro próximo pueden ser lo suficientemente asequibles como para permitir un cambio en las condiciones sociales y de vida de los más desfavorecidos.

ORDENADORES ULTRAPORTABLES (NETBOOKS) PARA UN ECOSISTEMA INFORMATIVO DIGITAL FRENTE AL PAPEL

Y de estas dos condiciones deriva el triunfo del Asus Eee PC, un artefacto que permite en palabras de Ware, mejorar exponencialmente “el rendimiento del sistema entero” portable con una mano, con unos periféricos de entrada que potencian las funciones de los clásicos utilizados en las escuelas (papel, lápiz, rotuladores, gomas de borrar, libros y bolígrafos) y ubicuo.

No tiene ni disco duro, ni unidad (obsoleta) de DVD. Pero tampoco los necesita habida cuenta de que se pueden aumentar sus prestaciones a demanda del usuario para ajustarse a sus necesidades, y que permiten conectarse vía Wi-fi a la Web.

El coste es asumible a gran escala para una buena parte de la población mundial aunque todavía tanto en los países desarrollados, como en vías de desarrollo y por descontado en el Tercer Mundo, tiene que bajar aun más. De ahí la importancia de iniciativas como la de Nicholas Negroponte de conseguir producir portátiles para los niños a un precio no superior a los 100 euros y que en gran medida ha sido el detonante de los importantísimos desarrollos tecnológicos que son estos aparatos y resto de gagdets móviles.

En buena parte del mundo puede ser hoy día más fácil y eficiente introducir dispositivos digitales que cumplan y aumenten las funciones del lápiz y del papel, siempre que energéticamente hablando sean ecológicamente sostenibles y respetuosos con el medioambiente, que mantener un ecosistema informativo basado en el papel.

En los países desarrollados estamos ante una particular y poderosa transformación que comenzó en la década de los años 80 con la llegada del ordenador personal (Personal Computer) se aceleró en los 90 con la aparición de la Web y que está experimentando una nueva inflexión en la actualidad con los dispositivos portables, la Web ubicua y el abaratamiento radical de la informática. Al tiempo que la potencia de los ordenadores aumenta exponecialmente, el coste de producción y difusión de la información tiende a cero gracias a una economía basada en las redes sociales y el freemiun (7).

Estamos anclados por nuestra economía papel.

LA GRAN OPORTUNIDAD

Cuando compañías como Microsoft, Google y Amazon (con su limitado libro electrónico que es el Kindle) tomen plena conciencia del potencial que encierra y de los retornos económicos que puede producir el desarrollo de un artefacto usable que:

- tenga una superficie interactiva y la capacidad de proceso de un ordenador,
- sea portable con una mano y manejable con dos. Sea tan o más ergonómico que un libro o un cuaderno de papel y
- se produzca a un coste que democratice el acceso a la información y que garantice la inclusión informativa de las sociedades en la actual Sociedad de la Información,

nos brindarán un dispositivo tecnológicamente superior al Asuss Eee Pc que pueda reemplazar a los medios de comunicación de masas como los libros, la prensa, la radio o la televisión. Un artefacto que podamos llevar encima con comodidad, que aumente espectacularmente nuestras capacidades cognitivas e intelectuales y que permita romper la brecha digital en el Mundo.

El Asus Eee PC triunfa. Amazon tiene un cuerpo de ventaja, ¿Quién será el siguiente en mover ficha?

Está en juego el mercado mundial de la información. Tenemos que superar de una vez por todas las tremendas limitaciones de las interfaces no dinámicas. El papel es el pasado. Los nuevos artefactos del conocimiento son digitales, ergonómicos, portables, geolocalizables y ubicuos. Y la clave de su correcto uso pasa por el diseño de interacción y la investigación en Experiencia de Usuario. Las maravillas están por llegar en forma de hoja de papel digital plegable, interactivo y con conexión a la Web.

La idea está en el aire, sólo hay que llevarla a cabo, algo que será cuestión de desarrollo tecnológico y de oportunidad y madurez del mercado para lanzarlo a nivel mundial:

“…Steve [Ballmer] se sentía como Houdini y en un momento cogió una servilleta de color amarillo y la sacudió delante de nuestras narices. «¿Ven esto? Así será el dispositivo del futuro, una mezcla de pantalla de ordenador y de televisor. Será tan flexible que lo plegaremos y lo arrugaremos para meterlo en el bolsillo». Ballmer anunció que ese dispositivo, sea lo que sea, nos permitirá leer periódicos en el futuro, buscar teléfonos, mirar documentos, en fin, de todo” (8).

No obstante, quizá Negroponte de momento, vuelva a adelantarse a todos con su nueva generación de ultraportables, el XO2. Textualmente: un libro electrónico (9).

–0–

ANEJO:

HOJAS DE CÁLCULO, SUPERFICIES INTERACTIVAS Y VISUALIZACIÓN DE INFORMACIÓN

Las hojas de cálculo son una de las herramientas más poderosas que puede tener un Arquitecto de Información.

Frente a una hoja de papel, una hoja de cálculo como Excel es un espacio informativo multidimensional en el que podemos:

- manejar n-variables que pueden adquirir n-estados.
- realizar operaciones matemáticas o estadísticas, agrupar y operar sobre conjuntos de datos, etc.

Cada celda de la hoja es una superficie interactiva susceptible de ser formateada de una u otra forma de acuerdo al valor u operación que se aplique sobre su contenido. Por ejemplo, podemos cambiar el color de las celdas conforme a su valor mediante la opción de Formato condicional (menú Formato > Formato condicional).

El papel no permite cambiar la apariencia gráfica de todo o una parte de su superficie, ni calcular dinámicamente la variación del resultado de un conjunto de números, no permite agrupar datos a través de diferentes hojas, ni crear relaciones hipertextuales entre celdas, de hecho, en una hoja de papel, obviamente, no existe el concepto de celda.

Un ejemplo:

Si cogemos una hoja de cálculo, en el eje horizontal (primera fila) podemos explicitar n sitios (o n inputs) que deseemos investigar. En el eje vertical (primera columna) definimos las variables a evaluar de los mismos. Para cada variable y para cada celda asignamos una escala de valores (del 1 al 3). Por último para cada celda asignamos un color (rojo, amarillo y azul) con la citada opción de formato.

Cuando la hoja esté completamente rellena además de poder realizar las operaciones estadísticas y matemáticas que nos interesen sobre los datos, obtendremos un mapa visual muy básico de color que nos permitirá detectar de manera rápida y con tan sólo un vistazo patrones ocultos. El uso de colores es un recurso muy útil y potente cuando se está trabajando con arquitectura de sites, inventarios de contenido, etc.

Algo tan fácil como el proceso descrito hecho con una herramienta de trabajo ofimática de uso cotidiano multiplica exponecialmente nuestra capacidad de análisis, absorción y gestión de la información facilitando la toma de decisiones.

Excel como artefacto (herramienta) para la Visualizacion de Informacion. Vista de una hoja con un zoom muy grande

En función del nivel de zoom que apliquemos sobre la hoja obtenemos distintas perspectivas informativas sobre determinados conjuntos de datos. Con niveles de zoom grandes nos centramos en áreas muy específicas mientras que si disminuimos el zoom y ampliamos la perspectiva detectaremos más fácilmente patrones informativos en todo el universo de datos analizado.

Excel como artefacto (herramienta) para la Visualización de Información. Vista de una hoja con un zoom grande

Excel como artefacto (herramienta) para la Visualización de Información. Vista de una hoja con un zoom mediano

Excel como artefacto (herramienta) para la Visualización de Información. Vista de una hoja con un zoom muy pequeño

Excel como artefacto (herramienta) para la Visualización de Información. Vista de una hoja de Excel en 3D con controles para rotarla

Excel como artefacto (herramienta) para la Visualización de Información. Vista de una hoja de Excel en 3D con controles para rotarla

Si pudieramos aplicar otras técnicas de Visualización de Información como la rotación en tres dimensiones de la hoja y generar alturas (montañas y valles) en función de la predominancia de un valor en un área espacial aplicando además efectos de sombreado y luminancia (en la última imagen no se han aplicado superficies en la forma poligonal que debería abarcar todo el área roja y que debería ser de bordes rectos, es tan sólo un ejemplo rápido para hacerse una idea de cómo podría quedar), tendríamos una extraordinaria herramienta de conocimiento en nuestras manos.

Realizar algo similar con una hoja de papel es simple y sencillamente imposible.

–0–

Francisco Tosete
Miembro de ThinkEPI: ThinkTank de Análisis sobre estrategia y prospectiva de la Información

BIBLIOGRAFÍA:

  1. Asus Eee PC
  2. Las fábricas de Asus echan humo y doblan la producción del Eee PC [en línea]. “ADN” <http://www.adn.es/tecnologia/20080430/NWS-1358-PC-Asus-Eee-produccion-fabricas.html > [Consulta: 20 may. 2008]
    FERGUSON, Scott. IDC Predicts $3B Market for Low-Cost PCs [en línea]. “EWeek.com”. 8 may. 2008 [Consulta: 20 may. 2008] <http://www.eweek.com/c/a/Desktops-and-Notebooks/IDC-Predicts-a-3-Billion-Market-for-LowCost-PCs/ >
  3. Netbook [en línea]. En “Wikipedia” <http://en.wikipedia.org/wiki/Netbook> [Consulta: 20 may. 2008]
  4. Cognición[en línea]. “Wikipedia” [Consulta: 20 may. 2008] < http://es.wikipedia.org/wiki/Cognici%C3%B3n>

    WARE, Colin. Information Visualization: Perception for design. 2nd ed. Amsterdan : Elsevier, 2007, p. 2.

  5. WARE, Colin. Information Visualization: Perception for design. 2nd ed. Amsterdan : Elsevier, 2007, p. 2.
  6. HERNÁNDEZ, Bernardo. ¿Qué es el Cloud Computing [en línea]. “Cinco Días”. 4 ene. 2008,
    <http://www.cincodias.com/articulo/empresas/cloud/computing/cdscdi/20080104cdscdiemp_21/Tes/> [Consulta: 20 may. 2008]

    ESPEJO, Antonio. Microsoft promueve una tecnología para la interconexión de todo [en línea]. “El País”. 1 may. 2008
    <http://www.elpais.com/articulo/red/Microsoft/promueve/tecnologia/interconexion/todo/elpeputeccib/20080501elpcibenr_2/Tes> [Consulta: 20 may. 2008]

  7. ANDERSON, Chris. Free! Why $0.00 Is the Future of Business [en línea] “Wired”. 26 may. 2008 < http://www.wired.com/techbiz/it/magazine/16-03/ff_free?currentPage=all> [Consulta: 20 may. 2008]
  8. SALAS, Carlos. Los inventos del futuro son naturales [en línea] “Suplemento de Mercados de El Mundo” 4 may. 2008 < http://www.elmundo.es/papel/2008/05/04/mercados/2384533.html> [Consulta: 20 may. 2008]
  9. DERNDORFER, Christoph. XOXO: OLPC announces details about the XO-2, G1G1 comeback in summer [en línea. “One Laptop Per Child News”. 26 may. 2008 <http://www.olpcnews.com/laptops/xo2/> [Consulta: 20 may. 2008]

May 17, 2008

Experiencia de Usuario y diseño de interacción para móviles: HTC Touch Diamond

Me encanta este tipo de interacción, me encanta. Aunque creo que ya lo he dicho en algún otro post:

Yo quiero diseñar algo así.

Primer vídeo:


Segundo vídeo:


Vía Small Surfaces

Es todo un reto: Cinestesía visualización en 2.5D, pequeñas pantallas, plegado de información… Según qué tipo de interacción creo que efectos como estos son lo más difícil tanto de crear y visualizar mentalmente (ya que no estamos acostumbrados a pensar o “ver” “movimiento”) como de modelizar (y no hablemos ya de transmitir a los clientes). Algunas técnicas como la observación contextual se me antojan claves para ello.

Es ahora cuando se está comenzando a realizar un uso mayor de estos recursos para crear experiencias de usuario impactantes. En cuanto a la Web se refiere, con la tecnología existente y con los sistemas operativos actuales (veremos los futuros) no es precisamente el entorno que más se adecue para implementar este tipo de cosas.

April 18, 2008

Diseño de interfaces de uso masivo

Cada vez que veo a una persona consultar GMail, utilizar XP o Firefox pienso que eso es lo que más me gusta: Imaginar, diseñar y buscar soluciones para interfaces de uso masivo, ya sea de un Nokia, de un sistema operativo, de un procesador de textos, o de Flickr.

¿Por qué? Por qué en una interfaz de uso masivo cada píxel o cada botón puede suponer la diferencia entre una buena o no tan buena usabilidad, entre que un teléfono móvil lo pueda manejar mi abuela o un niño de 8 años.

En la empresa privada se investiga poco o nada cuando debería ser todo lo contrario. Los laboratorios de usabilidad deberían estar al día en todas y en cada una de las consultoras así como la vigilancia tecnológica competitiva.

¿Por qué no financian las empresas iniciativas en el ámbito de la Experiencia de Usuario en la universidad española?

En España nos falta nuestro Sillicon Valley.

Por cierto, la vigilancia competitiva puede tener muchas formas y puede parecer algo de Marte, pero algunas son tan simples como estar un poco al día de las tendencias de diseño en cuanto a lo que se refiere a la World Wide Web.

Cuando puedo voy recopilando y en la medida de lo posible comentando lo que me llama la atención en mi cuenta de Flickr.

También se pueden consultar otros grupos dedicados al diseño de interfaces y HCI como:

Actualización:

Lo dicho, a este lado del charco se hace casi más o menos lo mismo que a 8.000 km de aquí… en fin… que hay mucho campo para trabajar, para investigar y para financiar, en la empresa privada y en la universidad.

Actualización 2: Corrijo, en España sí se hace investigación en User Experience, entre otras, por ejemplo, The Cocktail Analysis, dnx y por supuesto, XperienceConsulting que están un paso por delante y realmente y por difícil de creer que parezca, miden la experiencia de usuario. Seguro que me dejo a alguien más en el tintero. Aun así, lo dicho, a ver para cuando una “Beca en investigación en Experiencia de Usuario” para algún doctorando de algún departamento universitario. Hay verdaderas joyas de gente en la universidad.

« Artículos anteriores





















Get free blog up and running in minutes with Blogsome
Theme designed by Hadley Wickham