Tentándole (interacción)

Automatic text translation to english

RESUMEN:

La evolución de la World Wide Web y la introducción de nuevos dispositivos portables están configurando un entorno ubicuo en el que los usuarios pueden estar permanente conectados a la Red.

En este entorno y con las limitaciones espaciales de las pantallas actuales de dispositivos como teléfonos móviles, smartphones, PDAs, netbooks u otros cobra gran importancia el estudio e investigación de métodos para plegar y desplegar información e interacción en áreas espacialmente muy reducidas.

Para superar estas limitaciones las interfaces están dejando de ser rígidas y estáticas para presentar las opciones ad-hoc en función de la acción deseada por el usuario en cada momento mediante diversos sistemas. Algunas interfaces significativas en este sentido son la barra de herramientas de Photoshop, Ribbon de Office, Search Command de Office Labs o Ubiquity de Mozilla Labs.

Se propone la extrapolación de estas interfaces para un rediseño de la actual home de Google y se señala la oportunidad de utilizar los box de búsqueda como el punto de partida y base para el desarrollo de nuevos sistemas operativos ubicuos, multimodales y multidispositivos.

PALABRAS CLAVE:

Plegado de información e interacción, interfaces orgánicas, sistemas operativos ubicuos, multimodalidad, multidispositivos, Web de las cosas, box de búsqueda

de “La Alquimia de la Multitudes” de Francis Pisani y Dominique Piotet, editorial Paidós, p. 214.

de Enrique Dans, “El Alfabeto con A de Anticuado”.

Subyacentes a ambas reflexiones hay una potente e interesante idea que está cambiando el modelo de interacción de las interfaces estáticas con las que interactuamos hasta la fecha.

Un cajetín o box de búsqueda es una caja negra:

“…el problema es que cuando el usuario se encuentra ante un box de búsqueda está ante una cerradura en la que no sabe muy bien que es lo que tiene que hacer. No recibe ningún tipo de ayuda que le posibilite articular convertir su deseo de información en demanda, intuye lo que necesita pero no sabe lo que busca. Es una caja negra… dime lo que quieras… le está diciendo el sistema. Y el usuario por supuesto, se lo dice… escribe… y si el sistema no responde, como es el caso de tantas y tantas veces, y la búsqueda fracasa, y el sistema no retroalimenta el proceso termina en fracaso y el usuario frustado abandona el intento, a menos que en ello le vaya la vida o tenga una necesidad realmente importante de satisfacer su demanda…

…el usuario no piensa como un motor de búsqueda, el usuario piensa como una persona, y cuanto más le ayudemos a delimitar su deseo de información (paso a paso, definiendo lo que quiere como sucede en el proceso de búsqueda de, por ejemplo Idealista ¿por qué no usan un proceso similar las agencias de viaje? Seguro que triunfarían) mejor…

…cuando el usuario se encuentra ante un cajetín de búsqueda se encuentra ante una caja negra.”

Y la base de dicho cambio radica en torno a dos conceptos fundamentales:

1. De interfaces estáticas se está pasando a interfaces orgánicas, dinámicas o contextuales.
2. Un buscador no sólo es la puerta de entrada de todas las interacciones sociales, un buscador, es en general, la puerta de entrada o punto para lanzar interacción.

En la evolución de la informática se está pasado de una compleja y rígida modelización de la interacción hombre-máquina que poco tenía que ver con los modelos naturales dinámicos, flexibles y asociativos de la mente humana y que se basaba en la interacción con el sistema mediante comandos cerrados (interfaces de línea de comandos y lenguajes artificiales de interacción como por ejemplo MS-DOS) a un nuevo modelo de interacción que tiene como paradigma la interfaz líquida o contextual, visual en cuanto a icónica y gráfica, y que aporta feedback, que se construye ad-hoc en cada momento en base a la necesidad interactiva del usuario expresada mediante un comando-verbo explícito con la interfaz…

Diseñar una interfaz, diseñar información y diseñar interacción supone un proceso constante por parte del diseñador para encontrar medios que permitan superar las limitaciones espaciales físicas e interactivas de la superficie en la que el usuario percibe la información y/o ejecuta la interacción. O dicho de otro modo, medios o modos para plegar y desplegar información y/o interacción.

El espacio físico de la pantalla o de la superficie es el que es y no hay más. Presentar cualquier otro tipo de información en la misma que no sea la inicialmente mostrada implica la sustitución de una información por otra, de forma permanente (hacemos clic en un hiperenlace y “nos vamos”/se sustituye la información - a una nueva pantalla/aparece nueva información) o temporal, utilizando capas, menús desplegables o paneles o áreas retraibles y desplegables bajo acción del usuario. Y lo mismo sucede con la interacción. Posibilitar otro tipo de interacción más allá de la que permitan los elementos presentes en la pantalla en cada momento no es posible a no ser que estemos en entornos multimodales o hápticos (que podamos interactuar con la voz o el tacto). Es necesario antes desplegarlos y presentarlos al usuario y en su caso, ofrecer una retroalimentación o ayuda sobre cómo usarlos.

Por citar un ejemplo con el paso del tiempo la interfaz de Photoshop se ha hecho más líquida. Se ha pasado de los menús de archivo y de la barra de herramientas estática a la definición y adición de un área dinámica, la barra de opciones, en la que en función de la herramienta seleccionada por el usuario en la primera se presentan unas subherramientas u opciones determinadas en la segunda. Así se pliega y despliega información e interacción.

En el caso de Office, Ribbon juega un papel similar sustituyendo o enriqueciendo los, hasta la versión 2003, comandos puramente textuales de los menús, con iconos gráficos acompañados o no de su correspondiente etiqueta.

Ribbon de Microsoft Office

La interfaz comienza a hacerse líquida.

Evoluciona del estatismo al dinamismo, de una modelización de la interacción reducida, rígida y centrada en el recuerdo (asociación de un comando textual con una acción) a un modelo más flexible y dinámico, cognitivamente hablando menos costoso en esfuerzo mental para el usuario, centrado en el reconocimiento (asociación de iconos a las acciones)…

…y en el momento actual y último estadio de evolución hasta ahora, a desaparecer, diluirse o hacerse invisible y dinámica siendo sustituida por:

1. un punto de entrada de interacción, un cajetín o box de búsqueda,
2. un área espacial dinámica en la que presentar los iconos asociados a las funcionalidades que se correspondan con los términos introducidos en el box. Interfaz visual para facilitar el reconocimiento frente al recuerdo y reducir la carga cognitiva del usuario.
3. en su caso, un área de ayuda o sistema de retroalimentación dinámico y constante que a) guía al usuario paso a paso y b) ayude a completar si es oportuno, la instrucción operativa para ejecutar la acción deseada

Este el nuevo paradigma de interacción que subyace en los desarrollos de algunas interfaces que se están desarrollando actualmente como por ejemplo Ubiquity o Search Command de Office Labs.

y más genéricamente:

En base a esta idea Google puede rediseñarse como:

• un box de búsqueda en el que introducir las búsquedas / sentencias / o términos que se correspondan con las acciones o necesidades de interacción expresadas en lenguaje natural,
• un área líquida en la que se le presenten dinámicamente al usuario en función de los términos que introduzca, los iconos visuales asociados a las funcionalidades pertinentes con sus correspondientes rótulos textuales descriptivos de cada uno. Seleccionando uno se va construyendo la instrucción de interacción y se lanza la misma desde el box pulsando retorno o haciendo clic en un botón de ejecución
• un área de ayuda opcional en la que se le proporcione un feedback constante para desarrollar la interacción con éxito.

lo que gráficamente puede plasmarse en un prototipo inicial como el siguiente:

1. El usuario se loga en Google, a partir de ese momento sus preferencias, datos, búsquedas, documentos, contactos y programas estarán acesibles desde la interfaz o a través del box de búsqueda. Si no se loga puede hacerlo más adelante, en el momento de la llamada a la acción, o el buscador puede actuar como lanzador de los programas oportunos del sistema operativo si tiene permiso para ello.

2. Comienza a escribir una búsqueda o expresa su necesidad de interacción en lenguaje natural.

3. En el área de interacción se le presentan junto a iconos o imágenes fotorealistas representativas, las acciones que puede ejectuar relacionadas con la cadena introducida.

4. El área de resultados se le presentan sugerencias de búsquedas coincidentes con las cadena introducida.

5. Adicionalmente se puede habilitar si es necesario una tercera área en la parte inferior para ofrecer mensajes de ayuda o proporcionar feedack sobre elproceso de interacción que va a realizar.

6. El usuario pulsa sobre el icono de la acción que corresponda y la acción se refleja en el box de búsqueda que actúa como una línea de comandos.

7. A continuación el sistema le muestra los contactos de su agenda, si el usuario no encuentra el deseado puede ir escribiendo el nombre en el box de búsqueda y las miniaturas de los contactos variarán conforme a la raíz introducida.

8. Por último, pulsa retorno para ejectuar la acción, se lanza Gmail y se presenta su interfaz con la dirección del contacto escogido ya seleccionada.

Si lo deseas, puedes descargar estos prototipos en PDF:

Y quien dice Google, dice cualquier gran buscador, Microsoft Live Search, Yahoo, Apple.com, etc. En definitiva, cualquier interfaz en la que exista un box desde el que se puedan ejectuar búsquedas o cualquier otro tipo de interacción en base a comandos expresados en lenguaje natural, la base de cualquier futuro sistema operativo ubicuo, multimodal y multidispositivo por su extrema sencillez y extraordinaria capacidad para plegar y desplegar información en un área mínima de espacio.

Nota: Para visualizar la interacción y la cinestesia propuesta (transiciones entre acciones) se recomienda ver el PDF con la última versión de Adobe Reader y utilizar los botones de avance de página (AvPage) - retroceso de página (Re-Page)

REFERENCIAS BIBLIOGRÁFICAS:

1. Pisani, Francis; Piotet, Dominique. La Alquimia de las Multitudes. Madrid: Paidos 2009
2. Dans, Enrique. El Alfabeto con A de Anticuado [en línea]. El blog de Enrique Dans. < http://www.enriquedans.com/2008/03/alfabeto-con-a-de-anticuado.html > [Consulta: 7 de mar. 2009]
3. Tosete Herranz, Francisco. Findability y los cajetines de búsqueda [en línea]. Tentándole (Interacción). < http://tentandole.blogsome.com/2006/10/13/findability-y-los-cajetines-de-busqueda/ > [Consulta: 7 de mar. 2009]
4. Ribbon (Computing) [en línea]. Wikipedia. < http://en.wikipedia.org/wiki/Ribbon_(computing) > [Consulta: 7 de mar. 2009]
5. Introducing Ubiquity [en línea]. Mozilla Labs. < http://labs.mozilla.com/2008/08/introducing-ubiquity/ > [Consulta: 7 de mar. 2009]
6. Search Commands [en línea]. Office Labs. < http://www.officelabs.com/projects/searchcommands/Pages/default.aspx > [Consulta: 7 de mar. 2009]
7. Norman, Don. UI Breakthrough-Command Line Interfaces [en línea]. jnd.org. < http://www.jnd.org/dn.mss/ui_breakthroughcomma.html > [Consulta: 7 mar. 2009]