Tentándole (interacción)

El caso es que me ha gustado este artículo en el que se aborda la optimización de la Arquitectura de la Información de un sitio web desde una perspectiva SEO:

El día a día me come y en estas fechas que se supone, deberían ser algo más relajadas, sucede todo lo contrario con el cierre de proyectos antes de vacaciones así que no hay mucho tiempo para postear. No obstante hay van tres enlaces interesantes:

1. Minube.com: un site de búsqueda de viajes. Lo tengo que estudiar con más calma.
2. Like.com: no conocía esta tienda virtual, me parece muy interesante el sistema que utilizan de búsquedas y la forma de facetarlas. Me gusta especialmente los filtros dinámicos que se pueden aplicar para acotar las marcas y por sitios y me parece muy interesante la potenciación visual de los productos y la utilización de dibujos para la caracterización de los productos en la acotación por estilo (ver imagen)
3. DataVisualizations: Un grupo de Flickr dedicado a la recopilación de ejemplos de Visualización de datos e información.

Like.com. Facetas de búsqueda

Después de tanto tiempo sin visitar su web da gusto redescubrir cosas como los Cuadernos de Telos de Fundesco, hoy Fundación Telefónica.

Buceando un poco he llegado concretamente a un artículo de Marina Ramos Serrano. Aunque la bibliografía se queda un pelín corta y aunque abarca muchas cosas el artículo es interesante.

Inteligencia, emocional, prosumidor (¿relacionado con la persuabilidad? tengo que conseguir y leerme la Tercera Ola de Toffler, hasta ahora estaba descatalogado y no había forma de encontrarlo en ningún lado) usabilidad emocional, Ingeniería Kansei… un artículo para leer cuando se tenga un rato.

Del citado epígrafe sobre Usabilidad emocional e ingeniería Kansei:

“El diseño también ha sufrido este dualismo entre razón y emoción, prueba de ello es el conflicto existente entre arte y funcionalidad que generan ciertos proyectos de escasa profesionalidad. Desde nuestro punto de vista, tanto los valores funcionales como los estéticos son elementos configuradores de cualquier aplicación del diseño, desde el gráfico hasta el interactivo. En ese sentido, debemos recordar que el diseño más allá de su aplicación a cualquier disciplina trata de comunicar mensajes a un conjunto de personas (público objetivo) con una serie de características específicas. De esta manera se refiere Wong (1995: 41) a la tarea del diseñador: «Un buen diseño es la mejor expresión visual de la esencia de “algo”, ya sea esto un mensaje o un producto. Para hacerlo fiel y eficazmente, el diseñador debe buscar no sólo que ese algo sea conformado, fabricado y distribuido, usado y relacionado con su entorno sino también funcional, mientras refleja o guía el gusto de su época».”

“Esto también se puede aplicar al diseño de sitios web, que en su obsesión por aplicar los principios de usabilidad ha desatendido otros aspectos, tales como la creatividad o la personalidad de algunas marcas en su presencia virtual. Tradicionalmente, Internet ha sido considerado un medio cognitivo y bajo esta perspectiva se han creado sitios web accesibles y funcionales, considerando al internauta como un usuario totalmente racional. Sin embargo, en ocasiones algunos sitios web tienen éxito a pesar de no cumplir con los principios de la usabilidad. Por este motivo, los profesionales del diseño están recuperando un viejo concepto importado del diseño industrial: la ingeniería Kansei.”

Por cierto, la cita de Wucius Wong es de “Fundamentos de diseño” del cual ya comenté algo en su día. Un libro francamente recomendable para diseñadores de interfaz (y este sí que se encuentra todavía en las librerías).

El artículo de Marina.

Con el euro a 1,56 dólares, ahora es un buen momento para comprarse en Amazon aquellos libros que uno tenía ganas de coger pero que resultaban excesivamente caros. Yo tenía en el punto de mira desde hace mucho:

Information Visualization, Second Edition: Perception for Design

y ya viene de camino John Maeda y sus leyes de la simplicidad llegará pronto.

Pues la verdad es que me ha gustado el libro que me compré en navidades de Renato de Fusco. En general está bastante bien aunque hay algún capítulo más flojo que otros. Los últimos son especialmente buenos.

Lo que más me ha gustado, los dos últimos capítulos. Lo que menos, se centra mucho a veces en el diseño de mobiliario y deja de lado otros campos como por ejemplo, la arquitectura. Por otro lado también abusa demasiado de las citas de otras personas.

Cuando estaba leyéndolo marqué algunos pasajes que me llamaron particular y especialmente la atención, y de los que pienso, se pueden extraer algunos paralelismos y lecciones sobre diseño para la World Wide Web y de los objetos cotidianos.

Página 256. Capítulo: El diseño industrial de EE.UU

“En 1923, en la casa experimental de la Bahaus, “Das Haus am Horn”, se da otro paso hacia la unificación y distribución de los elementos que componen la cocina. En 1927, en la muestra de viviendas experimentales del barrio Weissenhof de Stuttgart, casi todos los arquitectos se esmeran especialmente en la organización de la cocina, cuyos elementos brindan el mayor campo de aplicación en la vivienda de los criterios de unificación y estandarización. En esta ocasión, Oud presenta el primer ejemplo de disposición planimétrica de los muebles en forma de L, además del plano de trabajo dispuesto bajo el alféizar de la ventana. Esta cocina, ideada por la arquitecto vienesa Grett Schüte-Lihotzky resume y da forma a muchos de los requisitos buscados desde hace tiempo: disposición en un plano en forma de U de todos los elementos de modo que la cocinera, casi sin moverse, pueda tener al alcance de la mano todo lo que necesita; altura idéntica de todos los muebles apoyados en el suelo (fregadero, encimera, armarios y horno) a fin de lograr la máxima continuidad en los planos de apoyo horizontales; modularidad compatible con las de los más complejos elementos bajos; encimera dispuesta bajo el alféizar de la ventana para gozar de la mayor iluminación. En síntesis, unificación de los elementos (y movimientos) horizontales y unificación de los elementos (y movimientos verticales).”

Reflexión: El virtual y el real no son sino dos caras de un único mundo, aquél en el que vivimos. Aun cuando en el mundo virtual disponemos de interfaces líquidas susceptibles de poder modificar su forma, aspecto y apariencia según cómo hayan sido diseñadas y según el tipo de interacción que ejerza sobre ellas el usuario, las limitaciones espaciales y ergonómicas de los objetos marcan a su vez las limitaciones de las interfaces virtuales.

Aun cuando disponemos de múltiples medios para plegar la información en éstas (menús desplegables, barras de scroll vertical, hipertexto, capas, etc) la interacción se desarrolla en un marco espacial finito definido por el tamaño de la pantalla del dispositivo. En el caso de la pantalla del ordenador, la interfaz es una forma rectangular más ancha que larga. En la Web la Ley de Fitts establece que a mayor distancia y menor tamaño, se tarda más tiempo en apuntar y/o manipular un elemento concreto. En el espacio físico, a mayor distancia, mayor tiempo y esfuerzo para alcanzar un objetivo. La planimetría de Schüte-Lihotzky es la formalización en un plano bidimensional (planta y alzado) de un espacio tridimensional. Trabajando sobre las dos dimensiones del papel los problemas que se presentan son los mismos que en la superficie bidimensional del monitor y en cualquier interfaz virtual inserta en la misma. La distribución de los muebles en forma de U tiene su equivalencia en la construcción de las retículas de la interfaces de los sitios y en la distribución de los elementos y tipos de contenido en las distintas áreas espaciales las cuáles tienen su propio valor en función de su posición y de los códigos de lectura e interpretación semiótica y visual propios de cada cultura y sociedad.

Las encimeras o planos de la cocina definen la superficie de trabajo. Se disponen modularmente a lo largo de las paredes dado que el sujeto (cocinera) se sitúa en el centro desde donde tiene que invertir menos tiempo y esfuerzo en alcanzar cualquier objeto-mueble/módulo tanto en el plano horizontal (planta) como en el vertical (altura - alzado). La disposición de los elementos de trabajo en el plano horizontal puede tener forma de U, de L o de I. En la Web los elementos de navegación pueden estar o no presentes a lo largo de los bordes de la pantalla (en el primer pliegue de pantalla si la página tiene más altura que el monitor, en la parte izquierda, superior y derecha) situados en forma de U invertida, de L o L invertida, y/o de I a lo largo de uno o más bordes de la misma. En cualquiera de estos casos, el área central de la pantalla es la zona desde donde se alcanza más fácil y rápidamente cualquiera de las zonas exteriores. En la Web, las áreas de navegación principal se sitúan en torno a los bordes dejando el contenido en el área central. En la cocina sucede lo mismo con las encimeras a lo largo de las paredes. Sorprende comprobar como, ya sea el mundo virtual o físico, los problemas y las soluciones ergonómicas de diseño encontradas son equivalentes y paralelas dado que el uno no es sino el reflejo del otro.

Página 278. Capítulo: El diseño industrial de EE.UU

“Para responder al interrogante acerca del consumo del diseño de mobiliario es útil remitirse a Veblen y profundizar en su discurso sobre el éxito de los muebles caros. Escribe al respecto: ‘El principio general es que un objeto de valor para apelar a nuestro sentido de la belleza debe conformarse a las exigencias tanto de la belleza como del dispendio. Pero eso no es todo. Además, el canon del dispendio influye también en nuestros gustos hasta el punto de confundir inextricablemente en nuestra valoración los signos del dispendio con las características bellas del objeto, y catalogar el efecto resultante como un aprecio de la belleza. Las señales del dispendio de un artículo costoso logran pasar por rasgos bellos. Seducen como señales de coste honorífico y el placer que ofrecen por este motivo se confunde con el ofrecido por la forma bella y el color bello del objeto, de modo que a menudo decimos que una pieza de indumentaria es bellísima cuando un análisis de su valor estético nos permitiría como máximo afirmar que es financieramente honorífica. Esta fusión y confusión de los elementos del dispendio y de la belleza encuentra probablemente sus mejores ejemplos en los artículos de indumentaria y de interiorismo doméstico. Tales presupuestos planteados por Veblen en 1899, partiendo, en cuanto a mobiliario, del gusto de Ruskin y Morris por los objetos hechos a mano en detrimento de los producidos industrialmente (que no deberían haber conjugado lo ‘bello’ con lo ‘dispendioso’), retoman su actualidad justo cuando el diseño industrial en América debe hacerse caro para poder ser bello. Lo que Veblen anticipa parcialmente es que el valor ‘honorífico’, nacido de la fusión y confusión entre opulencia y belleza, se convierte a su vez en instrumento de riqueza y de provecho.”

Reflexión: La discusión sobre dispendio-belleza de los objetos está de plena y vigente actualidad tanto en lo que se refiere a los objetos tecnológicos de nuestra vida cotidiana como a los diseños de los sitios web. Así, se percibe como excepcionalmente bello y funcional un IPod en parte debido a su coste lo que lo convierte en cierta medida, en un producto de corte elitista, cuando un análisis de otros reproductores de música podría arrojar la conclusión de que ofrecen mayores capacidades o funcionalidades en relación a lo que cuestan. El precio del IPod aparece como un rasgo del objeto que le otorga un valor diferencial respecto a la competencia y lo convierte en objeto de deseo.

Apple está haciendo honor a lo sostenido por Veblen, el diseño industrial de los objetos tecnológicos se hace caro para poder ser aun más bello (bien es cierto que los gagdets de Apple también tienen otras cualidades como el cuidado look & feel, el diseño estético y el exquisito diseño de interacción que los hacen merecedores parcialmente de tal coste).

Página 348. Capítulo: El diseño italiano

“Regresando a las exigencias del público y al modo de comprenderlas mediante sondeos y estudios de mercado, se han elaborado sofisticadas teorías orientadas hacia la superación del aspecto más comercial del problema para fundamentarlo en un conocimiento científico más objetivo. En un importante ensayo de 1963, Dorfles apela a la teoría de la información: ‘el objeto industrial será considerado con el mismo criterio que cualquier otro mensaje capaz de aportar un determinado coeficiente informativo. Visto que la teoría de la información se basa esencialmente en la investigación de la cantidad de información que presenta un mensaje concreto, resultará fácil convencerse de que la propia información será tanto mayor cuanto mayor sea la imprevisibilidad del contenido de dicho mensaje […]. Si aplicamos tales principios al caso del diseño industrial, será fácil argumentar cómo la sorpresa del mensaje (ofrecido por el objeto industrial de nuevo cuño) su novedad, es fundamental para alcanzar un elevado grado de información, para ofrecer al consumidor un alto nivel de atractivo para su adquisición. Cuanto más nuevo, insólito, inédito sea el objeto introducido en el mercado, tanto más fácil e intensa será su demanda. Por añadidura, tan pronto como la forma haya perdido la novedad -esto es, la sorpresa del mensaje-, tan pronto como se haya consumido su cualidad comunicativa, decaerá su valor, no únicamente estético, sino sobre todo informativo […]. Lo dicho permite captar de nuevo el motivo de la rápida decadencia de los valores formales del objeto industrial, valores que […] están vinculados a la moda más de lo que lo están los de otras artes’.

Pero, ¿es cierto que el gusto del público se orienta tan decididamente por la novedad? ¿No hemos visto ya como tendía hacia lo antiguo en algunos sectores mercantiles y hacia lo nuevo en otros? A su vez, para completar los apuntes sobre la teoría de la información debemos decir que ésta, junto al momento de la información, equivalente a grandes rasgos a la novedad del mensaje, también observa el momento de la ‘redundancia’, esto es, simplificando, la parte ya conocida y reconocible en un mensaje por parte del observador. Así, del mismo modo en que no se da información sin que ésta se vincule a la redundancia (de otro modo, el receptor del mensaje no sabría a qué noción o código referirlo), en un objeto de diseño, a efectos de información debe darse algo ya conocido junto a un factor inédito. Esta experiencia se confirma por el hecho de que, como ya apuntamos, cada nueva tipología de productos inicialmente se vincula, recuerda o incluso imita la tipología históricamente precedente.”

Reflexión: En la World Wide Web un año se percibe como cinco. El “look” del “look & fell” de un sitio es fundamental para transmitir una imagen de evolución y seguridad al usuario. La constante inversión en el rediseño de la parte funcional y por descontado, de la apariencia gráfica del sitio, es esencial para evitar el decaimiento del interés y del uso del web por parte de los usuarios. En la Web es necesario reinventarse cada año o dos años. Pero el rediseño aunque introduzca elementos nuevos y de ruptura con las interfaces conocidas (véase por ejemplo, el diseño de las sugerencias de búsqueda del sitio de Apple -a mano derecha, cuando se hace una consulta- como evolución de las introducidas por Yahoo en su motor) debe ser incremental y paulatino encontrando su referente en los patrones existentes en las webs del sector concreto que estemos rediseñando. Estos serán identificados a través de un benchmarking o estudio profundo de la competencia, o vendrán dados por la evolución natural de la interfaz a lo largo del tiempo (caso paradigmático: el módelo de navegación principal de Amazon desde su aparición, pasando por las pestañas en horizontal al directorio desplegable y por último, al menú desplegable de la actualidad en el lateral izquierdo de la pantalla).

Sugerencias de búsqueda con texto en el motor de búsqueda de Yahoo

Sugerencias de búsqueda con imágenes de los productos en el box de búsqueda del web de Apple

Página 370. Capítulo: De usar y tirar

“Dice William J. Mitchell acerca de un ordenador: ‘Esta compleja manufactura que ahora tengo en mis manos se ve sometida un uso intensivo, pero sólo será útil por breve tiempo; enseguida resultará obsoleta. Cuando ya no esté en condiciones de vincularme con el mundo de la información electrónica de modo tan eficiente como otros productos competitivos, aunque funcione todavía perfectamente, me limitaré a transferir a otra sede mis datos de software y arrojaré la carcasa ya inútil. El ecosistema de la información está dominado por el darwinismo más feroz y produce mutaciones infinitas, eliminando rápidamente todo lo que tiene escasa capacidad de adaptación y de competencia. Mi ordenador portátil es un producto emblemático de la era de la información electrónica,; no un trabajo artesanal, del género tan apasionadamente defendido por Ruskin y Morris, aunque tampoco un objeto industrializado, fabricado con los medios de producción masivos que tanto fascinaron a los modernos.”

Reflexión: Los paralelismos con el trabajo de los diseñadores de interacción/arquitectos de información son evidentes. El darwinismo feroz también se da en toda su expresión en la World Wide Web. En el ecosistema digital de la Web la reingeniería de las interfaces es crítica y ha de ser constante, acelerada y necesaria para en base a los conocimientos y experiencia adquiridos a partir de su continuo análisis y el feedback de los usuarios, someterlas a un proceso de cambio y mejora que les permita ejecutar sus tareas y alcanzar sus objetivos en cuanto a la interacción se refiere con mayor eficiencia, eficacia y efectividad. En definitiva, mejorando su usabilidad. El cambio en la interfaz de un site se percibe como dinamismo, frescura, novedad, valor añadido, mejora, tensión. El look and feel es esencial por cuanto condiciona de manera decisiva a priori el juicio que se forme el usuario de la web. La investigación y la inversión en la mejora de la interacción del mismo es crítica por cuanto determinará la fidelización del usuario para con el site en un ambiente ultracompetitivo como es la Red.

Al párrafo citado le siguen un par de hojas con una reflexión exquisita sobre la información que no reproduzco por su extensión, y que lleva al autor a un discurso en el que reflexiona sobre la integración de lo digital con el cuerpo humano, entrando en el campo de la ergonomía y de la integración de los objetos tecnológicos en el cuerpo (wearable).

Página 410. Capítulo: El diseño perceptible

“Según Pietroni, ‘la posibilidad de multiplicar y yuxtaponer varias funciones en un mismo producto, se traduce en una drástica reducción de la ‘legibilidad’ y, así, de la oportunidad de utilizar las prestaciones que ofrece potencialmente el producto. Según Burke, Chiapponi y Rurik, los motivos de tal paradoja son fácilmente comprensibles: la acumulación de prestaciones tan sofisticadas cuanto inútiles se considera, para bien o para mal, el principal instrumento de penetración en el mercado. Tal objetivo se considera absolutamente prioritario. Hasta el extremo de sacrificar la posibilidad efectiva de utilizar prestaciones teóricamente posibles”.

Reflexion: Lo difícil no es construir y añadir funcionalidad. El arte y el desafío es deconstruir y enriquecer la interacción y la experiencia de usuario maximizando la usabilidad y tendiendo hacia el diseño minimalista cuando el site o el objeto en cuestión lleva años de evolución añadiendo más y más funcionalidades inútiles a la postre, por su gran número y su altísima especialización para el usuario cotidiano en un entorno informativo y tecnológico supersaturado de dispositivos y estímulos informativos de toda índole. ¿Complicado? sí, pero no imposible. La rueda es quizá uno de los mejores ejemplos de rediseño y evolución que haya dado la imaginación humana; la maquinilla de afeitar también, y en cuanto al ámbito de la Web y la ofimática se refiere, Amazon, y la última versión de Office, se han reinventado una vez más.

–o–

Lo dicho, me ha gustado bastante el libro de Renato de Fusco y aunque tiene muy poco que ver con la Web, las conexiones que se pueden establecer son siempre estimulantes y sugerentes. Para alguien con lecturas previas sobre el diseño industrial y/o arquitectónico lo mismo se le queda un poco corto pero a mí me ha parecido un ejercicio, con algunas partes brillantes, de buena síntexis de la Historia del Diseño, eso sí, muy centrado en la evolución del mobiliario.

FUSCO, Renato de. Historia del diseño. Barcelona: Santa Cole, 2005, 419 p. ISBN 84-934626-2-4