Desde apagar una alarma hasta pulsar el botón de compartir en Facebook, las microinteracciones son una parte importantísima del diseño de interfaces que deben ser planificadas en el desarrollo de productos digitales. Si hablamos de diseño de microinteracción no únicamente cabe pensar en aquellas que el usuario espera que esté ahí, sí o sí, sino también es importante innovar con el objetivo de sorprender al usuario y facilitarle la navegación.

El diseño de microinteracción no olvida cuál es el objetivo principal durante el desarrollo de un producto: cambiar el comportamiento humano. Y eso se consigue mediante la formación de hábitos. Las microinteracciones son la oportunidad perfecta para que se dé un cambio de hábitos que derive en un cambio de comportamiento y persiguen una interfaz más amigable, intuitiva y humana.

Determinar cuáles van a ser esas microinteracciones, su animación o detectar dónde existe la oportunidad, dependerá en gran parte de la pericia del diseñador, y del grado de implicación que desarrolle para enfocarse en los detalles del producto. Un buen diseño de microinteracción hace que el usuario decida permanecer en una web o una app, por lo que podemos asegurar que aumentan el compromiso a un coste que es relativamente bajo. Si el diseñador es capaz de concebir una UX que -a la par que cumpla su objetivo- brinde satisfacción al usuario, habrá muchas posibilidades de que éste regrese.

Cuando nos enfrentemos al diseño de microinteracción debemos ser muy conscientes de que éstas van a suponer una gran ventaja en cuanto a usabilidad, pero de manera prácticamente imperceptible. Se busca que las microinteracciones pasen ciertamente desapercibidas, de manera que la experiencia de usuario se entienda como algo natural, fluido. El usuario no debe reparar en qué elementos están convirtiendo su navegación en una experiencia satisfactoria y sin fricciones, simplemente debe toparse con un proceso fluido y que esa fluidez la entienda como algo natural.

El diseño de microinteracción debe de tener en cuenta todos aquellos patrones de comportamiento generales que los usuarios han ido adquiriendo a lo largo de los años, pues no podrá saltárselos. Estos hábitos deben ser tenidos en cuenta y, a no ser que se trate de una nueva idea de microinteracción, no deben alterarse los estándares establecidos. Debemos centrarnos en lo intuitivo, pero también en lo emocional. Las microinteracciones deben estar enfocadas en dar solución a un posible problema u obstáculo que se encuentre el usuario. Y deben entenderse de manera clara e instantánea. Para conocer más sobre este tema, os invito a leer el artículo UX y diseño en base a la psicología del usuario.

El diseño de una microinteracción debe estar centrado en un un proceso, sobre cuatro pilares. El primero de ellos es el que conocemos como «disparador», que es aquel elemento gráfico que da pie al inicio de la acción. Por ejemplo, un botón. Después debemos establecer los parámetros de lo que ocurrirá cuando el usuario interactúe con dicho disparador para, en una tercera fase, hacer ver al usuario que su microinteracción ha dado un resultado. Finalmente, debido al carácter breve de la microinteracción, esta debe ser concebida para un uso repetido, es decir, conviene que nos aseguremos de que no cansará con el uso. Tampoco olvidemos que el tiempo de respuesta debe estar dentro de 0,1 segundos: la inmediatez que hace que el usuario sienta que tiene control.

Finalmente, me gustaría señalar la importancia de que el diseño de microinteracción esté en consonancia con la voz de una marca en cuanto al factor estético y de diseño gráfico. Sólo así estarán perfectamente integradas y lograrán pasar tan desapercibidas como es deseable, de cara a que el usuario note que su UX es plena, pero no logre identificar el por qué.

Asisa se encuentra entre lo que se conoce como «súper marcas», aquellas que son líderes de mercado en su categoría y que, por su enorme notoriedad, reciben mucho tráfico directo, independientemente de las campañas publicitarias que se activen en cada momento. Se trata, además, de un sector (el de los seguros) en el que se aprecia una creciente tendencia a la contratación online.

Ambos factores suponían una gran oportunidad para Asisa, por lo que se hacía necesario un enfoque estratégico en la mejora de la conversión, entendiendo las necesidades de los usuarios a través de entrevistas en profundidad a distintos perfiles de consumidor, análisis heurísticos y estudios de comportamiento actual a través de la analítica web.

La información extraída de las buyer personas se obtuvo a través de un cuestionario y de una simulación de uso, para identificar las características del funnel. Tras el pormenorizado estudio y la identificación de los posibles cambios y mejoras, Kanlli propuso un cambio en la organización de las ofertas, la simplificación del producto, una mejor explicación del producto y diversas acciones encaminadas al incremento de la confianza del consumidor.

La premisa de la que se partió para el diseño de este nuevo enfoque estratégico dirigido a una notable mejora de la conversión para Asisa fue: «Existe una gran oportunidad porque tienes el tráfico. Retenlo».

Con la incorporación de Asisa a su cartera de clientes, Kanlli incrementa su experiencia en marketing para seguros, tras trabajar para otras importantes firmas. Además, la agencia realiza informes de actividad digital sobre el sector seguros, acerca de la actividad de los principales actores del mercado en buscadores, y que son de actualización mensual y acceso gratuito.

Hasta el momento la experiencia de navegación se apoya en unos parámetros lógicos de usabilidad, que tiene en cuenta la forma habitual de navegación que comporta una mayoría y mediante la cual, a su vez, se trataba de calar en el imaginario popular con el fin de estandarizar unas determinadas pautas.

Sin embargo, la experiencia de usuario basada en la «usabilidad del sentido común» está llegando a su fin, gracias a los nuevos avances tecnológicos que hacen posible, cada vez una mayor personalización en todo lo que se sirve a un usuario: desde contenidos y publicidad hasta una mismísima interfaz adecuada a sus intereses, su historial y sus preferencias de navegación.

Los dispositivos son ya capaces de realizar un seguimiento de diversos aspectos relacionados con cómo, dónde y cuándo navegamos. En el momento en que esos datos se puedan enriquecer con otros, referidos a los hábitos y modos de navegación, las experiencias personalizadas serán una realidad.

La experiencia de usuario del futuro

El futuro es una experiencia de usuario dinámica. Las nuevas tecnologías posibilitarán la creación de experiencias de usuario totalmente nuevas, gracias no sólo a lo que los dispositivos sean capaces de aprender de nuestro comportamiento, sino también como consecuencia de una interpretación de nuestras acciones en tiempo real: un buen diseño de experiencia de usuario en el futuro necesitará únicamente una fracción de segundo para identificar si el usuario entiende o no, por ejemplo, lo que hará un botón antes de  pulsarlo.

La experiencia de usuario del futuro usará los datos de manera predictiva para poder ofrecer experiencias personalizadas y satisfactorias. Así, cada vez que un usuario interactúe con un dispositivo, el sistema almacenará información sobre su uso que después será utilizada para mejorar la UX, favoreciendo una navegación más intuitiva a los ojos del usuario. Con cada uso, la tecnología irá puliendo los detalles, aprendiendo poco a poco cómo ofrecer lo que el usuario requiere para una mejor interacción con su dispositivo.

Esta personalización hasta el milímetro supondrá un traje a medida para cada usuario, por contraposición a las interfaces de talla única con las que contamos en la actualidad. ¿Cómo se baja esto al terreno? Mientras que los contenidos servidos a los usuarios serán los mismos, las variaciones se producirán en lo que respecta a aspectos como el menú, los resultados de las búsquedas, el tamaño de los elementos de la pantalla, la disposición de algunos elementos o los anuncios dirigidos.

A día de hoy las opciones son muy limitadas, pero la experiencia de usuario del futuro nos hará todo tremendamente fácil. En este sentido, la disciplina de diseño y usabilidad web debe saber identificar oportunidades que ayuden a abrir caminos y proporcionen opciones alineadas con las necesidades de cada usuario. Así, las interfaces se adaptarán al estilo de vida y hábitos de las personas, volviéndose fluidas y conversacionales. En ese sentido, asistentes de voz como Siri ya han sentado las bases.

Sin embargo, la implantación de esta experiencia de usuario avanzada dependerá de hasta qué punto los usuarios estén dispuestos a ceder su información personal. Tanto dispositivos como aplicaciones recogen una gran cantidad de datos y será necesario, de un lado, contar con el consentimiento del usuario y, de otro, cumplir con la legislación vigente en materia de protección de datos. Cómo cada usuario gestione su privacidad digital determinará la personalización posible, y esto también tendrá que ser tenido en cuenta por los desarrolladores web.

El diseño y la usabilidad han estado asociados desde mucho antes de que existiera Internet, un binomio presente en la ingeniería de objetos cotidianos, en arquitectura, en la elaboración de infraestructuras… en definitiva, en todo aquello con lo que las personas interactuamos. El diseño web también requiere que se le apliquen una serie de criterios de usabilidad en favor de una mejor experiencia de usuario.

Al margen del proceso de aprendizaje que nos permite adquirir conocimientos de navegación web, los seres humanos compartimos una serie de características psicológicas que determinan cómo nos enfrentamos a este proceso y que dan la clave para una UX y diseño web exitosos.

UX y diseño web para la memoria humana

La memoria es frágil, los recuerdos se reconstruyen y la realidad se distorsiona cuando la recordamos. Así, es posible que de una visita a otra un usuario no recuerde cómo llevar a cabo una tarea. Así, un buen diseño web debe estar basado en el reconocimiento de los elementos y los procesos web, en una experiencia intuitiva, más que en la apelación a su memoria. Para ello es importante que los elementos de la web y las opciones estén siempre visibles, sean fácilmente identificables, se ubiquen donde se espera que estén y tengan un componente icónico aceptado mundialmente. En este último sentido, conviene atender a la potencialidad de los objetos en la página web y que nos aseguremos de que aquellos elementos en los que se puede hacer clic tengan apariencia de algo clicable.

Estrechamente relacionado con la memoria se halla el aprendizaje, por lo que la disciplina de UX y diseño web debe atender a esto irremediablemente. Los usuarios ya han aprendido una serie de estándares que tienen que ver con la disposición de determinados elementos de la página y ya sabe, por experiencia que puede encontrarlos en la barra de menú, la barra lateral o el footer, dependiendo de qué sea lo que busca. Colocar estos elementos en los lugares de la página en los cuales un usuario espera encontrarlo, en base a unos estándares, permitirá al usuario una experiencia de navegación mucho más rápida y sencilla. Como ejemplo podemos trasponer esto a la vida real: cuando visitamos una casa que no conocemos estamos seguros de que el cubo de la basura lo encontraremos bajo el fregadero. Nuestro convencimiento es tal que, cuando no lo encontramos allí, quedamos completamente desconcertados e incluso nos sentimos un poco perdidos.

UX y diseño web para perezosos

Por mucho que nos cueste reconocerlo, a nadie le gusta hacer esfuerzos extra para la consecución de un mismo fin. Es por ello que se hace necesaria la técnica que se conoce como revelación progresiva de la información. Se ha demostrado más eficiente ofrecer poca información de entrada y dar a elegir si se desean conocer más detalles. Tengamos en cuenta que no debemos ofrecer a un usuario más de lo que necesita, ya que podría quedar abrumado por un exceso de información, en gran parte irrelevante para un momento concreto de la experiencia de navegación, lo que enturbiaría su experiencia.

Es por ello que UX y diseño web deben estar muy bien estudiados para no abrumar con un exceso de información o de elementos que hagan de la experiencia de usuario un proceso trabajoso y en el que los usuarios deban realizar esfuerzos. Fundamentalmente porque no los harán. En este sentido, podemos aplicar el principio «menos es más» a la hora de incluir información en nuestra web y determinar la extensión de los textos para que los usuarios encuentren fácilmente las ideas principales y recuerden con mayor claridad lo que queremos contarles. Ten en cuenta que la paja compite con la información relevante.

UX y diseño web para atención limitada

Está demostrado que la atención es limitada y que, además, tiene un tiempo máximo de duración, cumplido el cual comienza a decaer. Si la información y elementos que contiene nuestra web es excesiva el usuario perderá el interés. Es importante que la información esté ordenada, sea clara y sintética, para que el usuario pueda hacer un barrido rápido y localizar lo que encuentra. Una estética minimalista y un diseño limpio y claro, libre de ruidos o de estridencias, ayudará a que el usuario pueda centrarse en lo importante sin necesidad de esforzarse demasiado para ello.

Un test de usabilidad ayudará a determinar cuáles son los elementos más visitados o que reúnen más interacciones, así podremos ubicarlos en un lugar privilegiado de la web para darles más visibilidad y hacer más fácil el acceso. El orden es también un factor clave: es recomendable utilizar la agrupación de elementos para captar la atención de los usuarios sobre un determinado punto. A pesar de todo ello, el hecho de que un usuario esté mirando algo no significa que esté prestando atención, por lo que el uso de destacados o de diseños o elementos llamativos es una buena idea para resaltar los puntos más fuertes, sin llegar a abusar de ellos para que no pierdan fuerza.

UX y diseño web para personas que cometen errores

Errare humanum est. Es inherente a la naturaleza humana el hecho de equivocarse y, por ello, debemos tener este factor en cuenta a la hora de abordas UX y diseño web de nuestra página. En nuestra mano está tratar de prevenirlos con la anticipación. Los test de usabilidad pueden ayudarnos a localizar aquellas partes de nuestra página que son propensas a errores, con la finalidad de poder subsanarlos en función de su naturaleza. Si una tarea de nuestra web tiene tendencia a generar errores, debemos estudiarla, reformularla o dividirla en partes más pequeñas.

Un diseño cuidado evitará en gran parte la aparición de errores. Para evitar que el usuario se confunda al llevar a cabo una acción que no desea, es recomendable solicitar confirmación acerca de si realmente desea realizar la acción que acaba de iniciar.  Es importante realizar periódicamente comprobaciones de la web en busca de errores para poder subsanarlos. No obstante, no siempre lograremos eliminar todos los errores, por lo que es importante que se diseñe un mensaje de error claro y que reconduzca al usuario y lo saque de la página de error, por ejemplo en caso de producirse un 404.

UX y diseño web para seres sociales

Las personas buscamos apoyarnos en los demás antes de realizar alguna acción que nos produzca inseguridad a causa de lo que en psicología de conoce como «validación social». Es por ello que es importante incluir en nuestra web, en caso de resulte pertinente, un espacio para que otras personas puedan dejar sus comentarios o realizar puntuaciones. El llamado «comportamiento sincrónico» hace que estemos preparados para la imitación, por lo que si queremos que un usuario haga algo en nuestra web debemos mostrarle a otras personas que ya lo hicieron. Su condición de ser social tenderá a reproducir comportamientos anteriores.

UX y diseño web para modelos mentales

Los humanos, en nuestro proceso de interpretación y aprendizaje del entorno, tenemos tendencia a la creación de modelos mentales. Son esos modelos mentales los que determinarán si una determinada interfaz resulta fácil o difícil. Por ello, a la hora de conceptualizar UX y diseño web debemos procurar que la interfaz coincida con el modelo mental de los usuarios. Sólo conociendo esta información podremos diseñar un modelo que reproduzca ese que el usuario tiene en la mente.

A la hora de establecer nuestro propio modelo es importante la fijación de determinadas convenciones y seguirlas a rajatabla, para lograr un modelo consistente y que cale en la mente del usuario. Usa la lógica al estructurar la navegación de tu web, trazando un camino sencillo, intuitivo y de fácil tránsito. Las metáforas pueden ayudarnos a hacer comprender un determinado modelo al usuario.

UX y diseño web para impacientes

Por último, una importante cualidad humana que debemos tener en cuenta en UX y diseño web es la impaciencia. El ser humano lo quiere todo de manera inmediata y no soporta esperar. Cuando realiza una acción en la web, inevitablemente espera que esta se ejecute automáticamente. No siempre es posible, por lo que es importante que el sistema informe al usuario de que el proceso está en marcha y que la máquina ha respondido ante su petición.

En este sentido, la velocidad de carga de una web es un factor determinante a la hora de lograr una buena experiencia de usuario. Reducir los tiempos de carga convertirá nuestra web en mucho más usable. De hecho Google trabaja desde hace tiempo en la reducción de los tiempos de carga.

Vía: Uxmag