Diseño de Interacción, Usabilidad, Arquitectura de la Información y Medios Digitales
Currently Browsing: Interfaz

Diseñar la web o la experiencia?

Hace poco tiempo atrás escribí sobre el excelente y visionario artículo de Chris Anderson “La web ha muerto. Larga vida a la internet” sin embargo la vida digital avanza a la velocidad de la luz, no del mouse,  por lo mismo cabe preguntarse, cuáles son las respuestas que damos, desde el Diseño a esta nueva realidad?

De McLuhan hasta Anderson hay 60 años que no han pasado en vano, sin embargo, si antes teníamos el tiempo casi infinito para la reflexión, hoy el Diseño debe avanzar rápido, ya que como ninguna otra disciplina debemos investigar, desarrollar y cuestionar aquellos sistemas que no dan cabida a los cambios en las experiencias que tienen las personas al momento de acceder a los servicios.

Cada vez es más evidente que al lanzar su famosa frase “el medio es el mensaje” McLuhan pensaba en la internet y no sólo en la TV. Claramente Anderson cuando habla del fin de la web la asume desde las nuevas y más gentiles experiencias en móviles y tabletas.

La irrupción de pantallas multi-touch y la creciente capacidad de interactuar con los gadget y sus contenidos a través de gestos, provoca un cambio radical donde ya no hay cabida al paradigma del escritorio ni mucho menos a la intermediación del mouse.

Cómo diseñar entonces para medios digitales?

Repetido hasta el hartazgo, el layout de la web es un commodity. Diseñadores de todo el planeta hemos repetido un wireframe común cuyo origen proviene de una visión análoga del Diseño. Hacernos cargo de cómo diseñar la web es un error. Siento que el desafío es cómo diseñamos la vida digital desde los nuevos y cambiantes inventos que se sustentan en la digitalización de la vida.

Cómo una persona accede a sus fichas médicas desde un móvil? Cómo compraremos en un futuro cercano? Cuáles serán los entes intermediadores de dichos contenidos? Es el browser un invento muerto? Necesitamos acceder a los datos o a la interpretación de la nueva realidad que emergen de los querys infinitos que hacemos entre bases de datos?

La realidad avanza más rápido de lo que estamos acostumbrados y el Diseño se debe hacer cargo de aquello. Pienso que la clave es entender que el diseñador inventa el futuro, nuestro trabajo siempre influye en lo que harán las personas, no en lo que hicieron. Por lo mismo cuestionar todo es nuestro deber, un deber que pocos oficios tienen en este momento.

Hoy, da lo mismo de dónde viene el contenido, está y es lo que importa. Por lo mismo pensar en contenedores o medios sesgados, no vinculantes y cerrados es una trampa fatal. Los medios necesitan que todos estén abiertos y accesibles porque sus vidas dependen de las demás. Juntos en un ecosistema, un ente biológico rico en mutaciones y sobrevivencia.

Desde esa perspectiva cómo se diseña un sitio web? Siento que se hay que olvidarlos y soñar saltos cuánticos. Desde que el contenido se hizo semántico da lo mismo desde donde lo adquieres, por lo mismo los visualizadores de dichos contenidos son atentos a la experiencia que considere la transversalidad del mismo.

Así mismo como se anuncia la muerte de la web, van muriendo los diseñadores de “paginas web”, el territorio se limpiará de lo inconsistente para dar cabida a los nuevos soportes digitales que permitan mejores y más naturales experiencias. Cada vez será más difícil diseñar estos espacios porque no habrá, como ahora cabida a especulaciones y liviandades como los “landing pages”.

El ecosistema se re-inventa mil y una vez; esa es la exigencia.


Del software al servicio: Clerk, hotel management

Dashboard Administrador Clerk

Dashboard del Administrador de Clerk, Hotel management

Clerk, Hotel management es un CRM que permite a cualquier hotelero llevar la gestión de su negocio en linea. Es mi nueva startup donde estoy volcando todo lo que sé en Diseño de Experiencia, emprendimientos y comunicaciones.

Como tal Clerk recopila una importante cantidad de datos que a diario se acumulan en las bases de datos de cada uno de los hoteles que usan el servicio. Sin duda alguna, convertir a Clerk en un partner del hotelero es el desafío.

Para que ello ocurra, Clerk debe mostrar las tendencias, evidenciar los datos, cruzarlos, hacer que emerja esa realidad que sólo los diseñadores podemos develar a través de la visualización de los datos. Transformar los datos en comunicación.

Soy un convencido que las “evidencias hermosas” son lo que nos mueve a la hora de adquirir un bien o un servicio. Las hay por mero placer estético y también por la “nueva realidad” que se devela cuando damos imagen a los datos.

Una imagen que va más allá del gráfico o el accesorio; una imagen que sirve para decidir. Así es cuando miras el clima en tu móvil, las acciones transadas, las estadísticas de tu sitio en Analytics o cuando miras los vuelos en una pantalla en el aeropuerto. La comprensión de la realidad se construye a partir de lo que ves a través de los dispositivos digitales, porque dichos dispositivos son lenguaje.

Clerk apunta hacia allá, hacia ser el partner que le muestra al hotelero lo que no puede de otra manera, porque para eso es la internet, la web y el Diseño, para construir esa comunicación con lo abstracto de las cifras, lo evidente de las tendencias y la realidad de lo que nos pasa, en esta ocasión en mi negocio de alojamiento.

Clerk móvil

Clerk para móviles

Widget para iGoogle

Widget para iGoogle


Strukt


Visualización de cifras y datos de las elecciones en TV

La visualización de datos permite decidir, tomar partido, opinar y sacar conclusiones. Por lo mismo no da lo mismo cómo se muestren las cifras ya que la manera de como se visualizan pueden inducir al error, sacar cuentas alegres o sencillamente no permitir lo que se desea al graficar los datos: su lectura limpia y clara, construir comunicación.

En un período de elecciones tan reñidas como las que estamos viviendo en Chile, una de las ventajas que puede tener un canal de TV versus sus competidores es justamente la manera de como muestran las cifras, sobre todo en las transmisiones en vivo al momento del contéo de votos. El lenguaje construye la realidad y en este caso la construye de tal manera que, ante la urgencia de ir conociendo resultados, la traducción que nos dén las cifras y cómo se publiquen en las pantallas es vital ya que nos permite acercarnos de mejor manera a la “verdad” y harán la diferencia entre un canal y otro.

Si son lecturas ciegas (ilegibles), pequeñas y poco efectivas, ese canal no ganará en sintonía. Siento que en cualquier aspecto siempre gana el medio que ofrece mejores interfaces de interacción con el contenido, sea web, juegos, TV abierta, móviles u otros soportes.

Por ejemplo en las transmisiones de partidos de futbol, son clásicos las bandas inferiores que ocupan a veces hasta un 30% de la altura de pantalla en publicidad muchas veces cinética, o sea que compite abiertamente con el contenido, en éste caso el partido de fútbol. Algo que aparece como super creativo, ensucia la relación comunicacional con los usuarios finales que, al igual que los banners terminan odiando dichas apariciones en vez de ayudar a vender la marca que promociona. Sumado al marcador (que es lo que realmente importa) y el logo del canal de TV tenemos una pantalla invadida de elementos que ensucian y no colaboran en nada a hacer más efectivo lo que se desea mostrar: el partidos de fútbol y sus resultados.

En las pasadas elecciones en Chile, se elegían diputados en todo Chile, senadores en algunas regiones y presidente de la República. Había varias urgencias que debían atender los diseños de pantallas en ese momento: las cifras globales en porcentajes según coalición, según partidos y al final según presidenciales.

La traducción gráfica de esas cifras entregadas al momento que se van diciendo otras cosas por el audio, más la curiosa falta de control que tienen los canales y la gente que está en vivo de cómo entregar las cifras hacen que las gráficas sean fundamentales para sacar conclusiones.

A mi modo de ver una buena pantalla, es aquella que era nítida, clara en datos, sencilla de descifrar y efectiva en la entrega de las cifras. A su vez, esta pantalla debiera entregar elementos gráficos suficientes para determinar a simple vista quién gana y quiénes pierden a través de indicadores de la medición.

Por ejemplo Chilevisión (CHV) entregaba una pantalla que a simple vista era muy completa. Dividida en 4 mini-pantallas de transmisión directa desde los 4 comandos presidenciales, era efectiva por lo inmediato y ayudaba a calibrar en imágenes vivas el estado de ánimo o algarabía de los partidarios de dichos candidatos. Sin embargo la idea de la gráfica de resumen por coaliciones con el logo incluído y con el mapa de Chile de fondo más un pobre diseño de las cajas contendoras de dichos datos hacían una pantalla sucia, difícil de leer y compleja de relacionar. Si se fijan hay casi un 10 o 15% de la pantalla muerta con fondos y elementos que en nada aportan a lo que se desea comunicar.

Lo bueno de esta caja con porcentajes es que claramente recoge el nervio del momento, qué coalición va ganando?

A su vez, en la pantalla de presidenciales en los indicadores superiores de ve claramente que la cifra es menos importante que la foto e incluso el nombre, pero vaya que es importante el logo del canal. La idea de la “barrita” amarilla, como indicador bajo la cifra se pierde porque no es un color sólido, esa capa está en transparencia porcentual que incluso se pierde en la de Frei. Un ejemplo más que el esfuerzo de una buena idea no necesariamente aporta a comunicar lo que sucede.

En el caso de Megavisión, la pantalla es más limpia y clara, utiliza un fondo cinético como los que usan las transmisiones norteamericanas de elecciones y que le da vivacidad y sentido de que lo que sucede está pasando. Hay una mayor relevancia a la cifra. Los elementos no invaden la pantalla, como sucede con Chilevisión y existen los contrastes necesarios para que el amarillo de las cifras se destaque por los azules y rojos usados en los demás elementos.

Sin embargo el mimimalismo es demasiado a la hora de la transmisión oficial. No basta con el Ministro hablando y el traductor de señas. Se  requiere de más iniciativas gráficas para traducir y dar perspectiva a lo que se ve y escucha para determinar las tendencias. A pesar de ello, es el único que se apoya con su sitio web en la transmisión y lo explicita.

De manera distinta, TVN sí coloca una gráfica pero absolutamente invasiva y no diseñada. La evidencia más clara de ello es la mezcla entre noticias de deportes y la entrega de datos del Ministerio del Interior de la elección presidencial donde todo el país aguarda las cifras. Curioso.

El más damnificado es sin duda el traductor de señas, que queda tapado por elementos puestos y no diseñados. Para ellos también es muy importante el logo y que están en Vivo.

Televisión Nacional de Chile (TVN) sin duda tiene un manejo escenográfico superior, los colores patrios están siempre presente, el sentido de profundidad y manejo de cámaras no se condice con la pobre gráfica y entrega visual de las cifras. Ante tanta parafernalia se espera más aún interfaces sencillas, nítidas y claras.

Canal 13 trabaja de manera minimal el contenido visual que es claramente sólo un apoyo a lo que se dice en el estudio, no busca ser una visualización que permita contener nuevos argumentos que aporten a sacar conclusiones. En ese sentido es más honesto que los demás al no tratar de graficar por graficar si no que usa elementos clásicos -como la banda inferior- para decir cosas extras.

Me gusta que elimine la supremacía de la imagen que se transmite desde el Ministerio de Interior y que es una transmisión oficial y construya un contextos superior al colocar las cámaras desde cada comando y las cifras con una “barrita” muy sencilla que muestra claramente quién va ganado.

En general, siento que no se logra entender que las visualizaciones de datos son análogos a los comandos de interacción de un sitio web o un juego. Están ahi para comandar el objeto digital, en este caso, deben tener una capa distinta y relevante que no compita con la escenografía ni las imágenes de la transmisión, deben permitir complementar y entregar otro antecedente más al usuario de manera que complete su recopilación de datos para tener una idea clara de lo que sucede. Para que construya también la realidad.

3004778263_d426191539

3004786131_8ed589ebc9

3004789827_d7bf25bb69

3005626716_44d4f7ca01

El próximo domingo viviremos la más importante elección desde la vuelta a la democracia, hace ya 20 años. Será una elección que se defina por muy poco y siento que la capacidad de visualizar el detalle de las cifras y sus tendencias serán vitales para entender lo que está sucediendo y al final del día calibrar la nueva realidad que se instale en la noche del 17 de enero en Chile. Los sistemas de visualización de datos y cifras serán efectivos si son traducidos por profesionales que entiendan que están construyendo comunicación y que su más alta preocupación sea la Experiencia de los Usuarios.


Sistema de reflejo de la emociones para inversionistas en línea

Phillips y el banco holandés ABN Amro están desarrollando conceptos para productos que permitan medir y visualizar la emociones de los vendedores e inversionistas que trabajan en línea.

Las investigaciones demuestran que los inversores se mueven en un ámbito racional pero altamente influenciado por sus emociones sobre todo el miedo y la codicia. Este cruce de información llevó a pensar en un dispositivo que  avise cuando es tiempo de parar, tomarse un breve descanso y volver al trabajo.

Es el resultado de un proyecto de exploración entre el banco AMN Amro y la Incubadora de Diseño de Phillips y demuestra que cuando dos empresas se unen para explorar nuevas soluciones crean un ambiente de trabajo colaborativo que estimula la innovación.

The Rationalizer ” es el nombre del sistema que cuenta con dos componentes: el EmoBracelet y el EmoBowl. El brazalete mide los grados de exitación a través de un sensor a la piel. Cuanto más sea el nivel de exitación más intenso el patrón dinámico de luces,  el número de elementos aumenta, aumenta la velocidad y los cambios de color desde un amarillo suave, a través de naranja, a un rojo profundo.


« Previous Entries

Powered by WordPress | Designed by Elegant Themes