En esta última entrega sobre el seminario Usolab,  pasamos a detallar la importancia de un diseño de interacción seductor y el neurodiseño.

• El neurodiseño estudia la relación entre las emociones y el diseño visual. Teorías como The fun theory, concluyen en que hacer divertido y atractivo un diseño, provocan su uso.
• El neurodiseño establece el flujo de las emociones entre el cerebro viejo, el cerebro medio y el cerebro nuevo. La toma de decisiones está relacionado con el inconsciente (cerebro viejo), que se basa en los instintos básicos (comida, sexo, el yo); a través del cerebro nuevo, tratamos de racionalizar esa decisión mediente el consciente (cerebro nuevo). El mencionado YO es muy importante, ya que todo cerebro tiende a pensar en sí mismo por encima de todo.
• El neurodiseño establece que determinadas circunstancias empujan a la toma de decisiones, como el querer imitar a otros (topten de lo más vendido; usuarios que compraron X también compraron Y), dejarse influenciar por otros (comentarios, valoraciones). Si bien, para ofrecer determinada información, es importante presentar una base científica que lo soporte, como es por ejemplo la distribución de los votos dados a un elemento de una web.

Otro rasgo descrito por el neurodiseño, es la consistencia y coherencia a la hora de realizar tareas. Una persona tenderá a terminar lo que ha empezado; por eso información como la que ofrece Linkedin sobre el porcentaje de perfil completado, obtiene resultados. También funciona el hacer partícipe al usuario de lo que ocurre, como la campaña de MSF en la que preguntaban al usuario acerca de que haría para ayudar a países del tercer mundo, para al final, solicitar fondos para poder realizar esas acciones.

También es importante  para un usuario la credibilidad, ya sea de lo que los expertos dicen en los testimonios o artículos, o a través de la imagen corporativa de empresas con reconocido prestigio (publicación de logos de clientes).

Otro factor de influencia es la escasez, cuanto menos hay, más se valora por el usuario: “sólo quedan tres ejemplares del libro”.

Como procesos un tanto más complejos de la psiquis humana, tenemos el prejuicio cognitivo, que es una distorsión cognitiva que afecta al modo en que los humanos perciben la realidad. Un ejemplo de esto es la promoción realizada por una editorial, en la que se vendía la edición online por 59$, la edición en papel por 125$, y la edición online y en papel juntas también por 125$; más adelante, se puso a la venta la edición online por 59$ y la edición en papel y online juntas por 125%, sin poner a la venta sólo la edición en papel.

Los resultados arrojaron una distribución de las ventas en el primer caso de 16% para la online, y 86% para la mixta; en el segundo caso, la edición online se vendió en un 84%, y la mixta en un 16%.

El motivo es que para el segundo modelo promocional, no existía el criterio de comparación que permitía establece que la opción mixta era una muy buena opción, ya que su precio era muy interesante (ahorro de 59$).

Con esto, se concluye en cuando se percibe algo como atractivo, funciona mucho mejor. Pero es importante mantener un equilibrio para conseguir que algo sea divertido, de tal forma que no se cruce la frontera hacia algo aburrido, o por el otro lado, hacia algo que genere estrés. Para ellos es interesante plantear desafíos (juegos, feedback de lo que voy haciendo) para generar emoción.

Principales cuestiones a tener en cuenta para el diseño de formularios:

• Cuantas menos preguntas hagamos, más respuestas obtendremos.
• Es importante facilitar el escaneo, y recordar que se lee en vertical.
• La agrupación de campos por su naturaleza facilita la comprensión del formulario.
• Se deben eliminar obstáculos, como son las líneas, sombreados, etc…
• Se debe vincular la etiqueta al control.
• El tamaño del control, dará pistas al usuario sobre lo que se espera que se escriba.
• La obligatoriedad se debe representar con claridad, mediante asteriscos junto a la etiqueta (convención), o código de color.
• Si un campo es complejo, debería llevar a la vista una ayuda contextual fundamental que indique cómo cumplimentarlo (el resto de la ayuda podrá ir en tooltip).
• Escribir para la web
• La síntesis del mensaje es muy importante para que el usuario alcance los objetivos que se ha propuesto, o lo que nosotros nos hemos propuesto.
• Las ideas deben exponerse claramente, sin combinar más de una, y quitando el texto que no aporta información de valor.

En esta parte del artículo sobre experiencia de usuario y diseño de interacción, nos centraremos en la importancia que tienen los Wireframes y el prototipado.

• El prototipado sirve para comunicar ideas abstractas de manera concreta. Consiste en hacer real una idea,  un concepto, con el objeto de su evaluación; se hace en función de su finalidad y fidelidad.
• El prototipo representa la ubicación de los elementos que conforman el interfaz, y el comportamiento y uso de los mismos.
• El modelo más lógico de desarrollo de un interfaz propone por un lado, diseñar en primer lugar el núcleo, la página principal (no entendida como home), como eje principal del comportamiento, teniendo en cuenta cómo se llega, y cómo se usa.
• Por otro lado, en lo que a la fidelidad se refiere, se debe empezar desde lo más abstracto (prototipos de baja fidelidad), para llegar a lo más concreto (prototipos de alta fidelidad).
• La fidelidad dependerá del grado de profundidad de la idea, o de las ideas que conforman el sistema.
• Es importante no centrar el esfuerzo de creación de un prototipo en que sea bonito; así, no debe incorporar elementos de diseño gráfico, ya que provocan una distorsión del objeto del propio prototipo, y conlleva un sobrecoste en su creación.

Introducción a la usabilidad y diseño centrado en el usuario

Los ejes sobre los que debe girar un análisis de usabilidad, y un diseño centrado en el usuario son la eficiencia, eficacia y satisfacción, aprovechando y aplicando lo que funciona de la vida real.

 

Es importante la coherencia a la hora de diseñar. En este sentido, modelos definidos para un entorno, deben ser replicados para entornos parecidos (como ocurre con todos los productos de la familia Microsoft Office). De esta forma se evitarán errores y será más intuitivo.

También es fundamental evitar que un usuario que está interactuando con una interfaz deba pensar o recordar; lo que debe hacer es reconocer.

En cierta manera, un interfaz debe acercarse al minimalismo, en el sentido de mostrar lo importante, y resumir lo no importante. No es blanco o negro, sino una premisa a partir de la cual se debe decidir qué elementos se deben mostrar. Para ello es importante definir el escenario esperado de uso.

Durante todo el proceso de creación, desde el modelo conceptual, hasta la integración con el backoffice, en cada una de las fases se detecten posibles fallos heredados de la fase anterior, para corregirlo en el momento. De esta manera se evitarán sobrecostes.

Armando Fidalgo,  Socio y Director de Consultoría y Dani Armengo, . Consultor de Usabilidad, fueron los ponentes de este curso, demostrando ambos gran experiencia en la materia, defendida con muy buena oratoria.

El curso trataba de analizar, mediante ejemplos de buenas y malas prácticas, las características que deben tener las interfaces para conseguir sitios web eficientes, usables y atractivos.

Con  un enfoque introductorio y práctico, trató entre otros temas, las características y principios de usabilidad, el enfoque y metodología de diseño centrado en las personas, los principios de diseño visual y cómo afectan a la claridad, comprensión y eficiencia. Además, se dedicaron sesiones a aspectos más concretos, pero de gran repercusión en el éxito de un sitio web, como es el diseño de páginas de formularios y la escritura enfocada a Internet.

Así mismo, se presentaron las nuevas tendencias en diseño de experiencia de usuario, como la emoción, la seducción en las interfaces y el neurodiseño para influir en la conversión y en la eficacia de las webs. El curso se complementó con ejercicios en grupo, en los que pudimos practicar los conceptos tratados.

El programa del curso fue el siguiente:

Introducción a la usabilidad y diseño centrado en el usuario.

1. Wireframes y prototipado.
2. Diseño visual para mejorar la usabilidad.
3. Diseño de formularios.
4. Escribir para la web.
5. Técnicas rápidas de evaluación de usabilidad.
6. Diseño de interacción seductora y neurodiseño.