The Elements of User Experience - Jesse James Garrett

La experiencia de usuario se entiende como muchos aspectos, desde las respuestas hasta las percepciones de una persona, resultantes del uso de un producto, sistema o servicio. Esta definición es algo generalizada y tiene su diferencial en cada aspecto analizado.

Si observamos la serie de eventos que tienen lugar en cada aspecto, podemos concluir que algunos podrían haberse evitado. Los errores serían evitables si la persona que creó el producto o servicio tomara decisiones diferentes al diseñarlos.

¿Cómo se hace esto? ¿Cuál es el momento ideal? Es hora de probar cómo funciona el producto externamente, dónde una persona entra en contacto con él, en la experiencia del usuario.

El autor Jesse James Garrett explica en su libro "The Elements of User Experience" que crear un diseño de interacción exitoso requiere más que simplemente crear un diseño visual que sea agradable a la vista. También es fundamental definir y cumplir tus objetivos y satisfacer las necesidades de los usuarios.

Sobre la obra "The Elements of User Experience"

El libro "The Elements of User Experience", en traducción libre "Los elementos de la experiencia del usuario", del autor Jesse James Garrett, tiene 192 páginas y presenta las diferentes dimensiones de la experiencia del usuario con un enfoque en el universo digital.

El libro es una guía de estrategias para dibujar experiencias en interfaces de programas de aplicación y en sitios web. Este método de Design se basa en 5 elementos y separa el diseño de la interfaz para tratar cada capa como un paso independiente, con el fin de construir una estructura de trabajo complementaria.

Sobre el autor Jesse James Garrett

Jesse James Garrett es cofundador de Adaptive Path, una empresa de consultoría de experiencia de usuario ubicada en Silicon Valley, más precisamente en San Francisco, EE. UU.

La empresa opera en la zona desde 2001 y ha atendido a grandes clientes como Intel, Twitter, Skype, Boeing, Motorola, HP, entre otros.

Las contribuciones de Garrett al área de la experiencia del usuario son enormes, incluido el desarrollo de vocabulario visual, un sistema de notación abierto para archivar información utilizada por organizaciones de todo el mundo.

Además, es una presencia frecuente en conferencias, abordando temas como diseño de producto, experiencia de usuario e innovación.

¿Este libro es recomendado para quién?

El libro "The Elements of User Experience" es adecuado para diseñadores y cualquier persona que forme parte de un equipo de diseño que tiene como objetivo crear una experiencia de usuario exitosa.

El autor trae de forma clara y objetiva los principales conceptos que componen la creación de una experiencia del usuario, lo que no impide que las personas que están iniciando esta carrera disfruten también del contenido.

Ideas principales del libro "The Elements of User Experience"

El libro aporta una comprensión de la experiencia del usuario desde los siguientes puntos:

• Los productos y servicios pueden facilitarnos o frustrarnos la vida;
• Es necesario saber utilizar la estrategia adecuada para diseñar experiencias en las interfaces de las aplicaciones;
• La propuesta de los cinco elementos facilita la toma de decisiones durante la experiencia del usuario;
• El contenido es tan importante como la experiencia de navegación del sitio web;
• Es fundamental aprender a pensar como las personas que van a ver tu página.

¿Por qué la experiencia del usuario es importante?

La experiencia del usuario es lo que siente una persona al interactuar con el producto o servicio de una empresa, de hecho en uso. Cuando ocurre esta interacción, las respuestas generadas, como sensaciones y sentimientos, se analizan y se trabaja para que sean siempre las mejores posibles.

El libro "The Elements of User Experience" hace hincapié en la experiencia del usuario en los sitios web, y una curiosidad interesante es que el usuario acaba sintiéndose culpable cuando tiene dificultades para navegar o encontrar algo en la página.

Un producto realmente complejo que no viene con un manual de instrucciones y capacitación previa, es el propio usuario sin nadie para atenderlo, es decir, ninguna empresa puede descuidar la experiencia del usuario en su sitio web.

Si al acceder al sitio la experiencia es mala, el consumidor dará la espalda a su empresa, buscando un competidor que ofrezca una mejor experiencia. Y una vez que se han ido a la competencia, conseguir una segunda oportunidad es aún más difícil, especialmente para los sitios que acaban de empezar en el mercado.

Monitorea tus métricas

Además de monitorear las métricas, si nota algo que está dañando su sitio, se necesita una acción rápida.

La experiencia del usuario es un factor clave para convertir a las personas que navegan por la web en compradores activos. Un pequeño aumento en la tasa de conversión acaba dando un salto en los ingresos.

¿Cuáles son los elementos de la experiencia del usuario?

Cuando se realiza una compra a través de Internet, los pasos para llevarla a cabo son siempre los mismos, por lo que la experiencia del usuario se traduce en un conjunto de decisiones, evaluación de la apariencia del sitio web, como se comporta y de lo que permite hacer.

En este proceso de compra podemos identificar 5 planos:

1. El plano de superficie: Puede considerarse el plano más tangible, donde se concentran las decisiones sobre las orientaciones estéticas. Aquí se definen los colores, los perfiles de imagen, las ilustraciones, etc;
2. El plano del esquema: Aquí es donde se ubican los botones, los controles y las fotos. La búsqueda se realiza a través de interacciones breves, como el símbolo de ubicación del carrito de compras;
3. El plan de estructura: Donde se trazan los posibles flujos, así como las distintas respuestas del sistema. La estructura definirá cómo ha llegado el usuario a la página y cómo podrían ser los caminos recorridos, cómo interactuará el usuario con el producto y cómo se comportará el sistema en esta interacción;
4. El plan de enfoque: Donde se mapea la información, las funcionalidades relevantes y se desarrollan los recursos para servir a los consumidores. Ejemplo: guardar la dirección de envío para futuras compras;
5. El plan estratégico: En el que se concilian los objetivos empresariales con el mapeo eficiente de las necesidades de los usuarios. Requiere mucha investigación, hipótesis y descubrimientos y consiste en investigar las necesidades de las personas que van a interactuar con el producto o servicio.

Los 5 planes son esenciales para una buena experiencia de usuario en el momento del desarrollo del sitio web. Estos elementos implican diferentes disciplinas como la arquitectura de la información, el diseño de la interacción y el diseño de la interfaz.

No es necesario ser un experto en cada una de estas áreas, pero es importante que cuentes con un profesional preparado para dedicar parte de tu tiempo a analizar y pensar en cada uno de estos temas.

La interfaz de un proyecto

Antes de pensar en la interfaz de un proyecto y en la manera que debe ser, hay que pensar en las personas que lo van a utilizar y en cuáles son sus necesidades.

Otro elemento importante es el contenido. Los usuarios, cuando acceden a un sitio web, buscan un contenido y no experimentar el placer de la navegación. Y junto con el contenido está la tecnología que se adapta siempre a las necesidades del usuario para una experiencia excelente.

Objetivos del producto y necesidades del usuario

Al formular los objetivos de cualquier producto, es necesario crear la marca. No sólo el aspecto visual del logotipo, sino el conjunto de asociaciones conceptuales o emocionales. Estas asociaciones pueden producirse accidentalmente o como resultado de decisiones conscientes tomadas al diseñar el producto.

En el sitio web, al codificar cualidades específicas para el propósito explícito, aumenta sus impresiones positivas. Y para monitorear si el producto cumple con el objetivo, es importante desarrollar indicadores, también conocidos como métricas de éxito.

Los indicadores permiten el análisis, la actuación inmediata e incluso el seguimiento a medio plazo. Deben estar claramente vinculados a aspectos del comportamiento de los usuarios y deben ser analizados de forma amplia. Cualquier métrica considerada de forma aislada puede ser engañosa.

La creación de la persona

Debemos considerar que estamos haciendo el producto para otra persona y no para nosotros mismos. Tenemos que salir de nuestra propia perspectiva limitada y ver el punto de vista del usuario real. Al crear un sitio web o incluso una aplicación, tenemos una variedad de necesidades para los usuarios más diversos.

Una vez que hemos definido quiénes son nuestros usuarios finales, podemos hacer una investigación dirigida a ellos, responder preguntas y observar el comportamiento. Con eso, será posible priorizar lo que necesitan a la hora de utilizar el producto.

El libro "The Elements of User Experience" dice que para entender lo que los usuarios necesitan, es necesario saber quiénes son. Esto se hace mediante entrevistas, pruebas de campo o incluso centrándose en grupos para recoger información sobre las actitudes y percepciones generales de los usuarios.

De esta forma, podemos crear la persona coherente con lo que ya sabemos de los usuarios, aunque sea un personaje ficticio. Las personas nos ayudan a tener en cuenta a los usuarios en cada paso del proyecto.

Especificaciones y requisitos de contenido

La definición del producto es importante porque proporciona la referencia para todo el equipo de las etapas de cada proyecto de ejecución. La definición del proceso, en cambio, obliga a abordar los posibles conflictos cuando todo es todavía hipotético, identificando qué hay que afrontar ahora y qué sólo después.

Es necesario que los requisitos sean claros, para que todo el mundo sepa lo que se está construyendo, los pasos del proyecto y el objetivo a alcanzar, y al ver todo el alcance es posible dividir las responsabilidades de forma eficiente.

Durante el desarrollo, surgirán nuevas ideas y es necesario evaluar lo que mejor se adapta a ese momento y lo que debe guardarse para otra etapa.

Si no hay control y claridad del objetivo inicial, le pillará por sorpresa el temido aumento del alcance y cada requisito adicional genera un aumento de los plazos, los costes y, a menudo, incluso la falta de control para finalizar el producto.

Diseño de interacción y arquitectura de la información

Este capítulo del libro "The Elements of User Experience" muestra el desarrollo de un marco conceptual para el sitio web. En el desarrollo de contenidos, la arquitectura de la información tiene como objetivo la organización, agrupación y presentación, definiendo patrones y secuencias.

El Diseño de Interacción se preocupa por la posible descripción del usuario y por un sistema que responderá a sus comportamientos.

Los programadores están enfocados en construir un sistema de una manera más eficiente. Este software se creó anteriormente de una manera que funcionaba mejor para las máquinas y ahora finalmente comenzamos a diseñar de una manera que funcione mejor para las personas.

Otro punto es el tratamiento de los errores. Aprende a lidiar con el error que comete el usuario y qué puede hacer el sistema para evitarlo. Debemos ser conscientes de la prevención, corrección y recuperación, proporcionando una forma para que el usuario se recupere del error.

La Arquitectura de la Información es donde el usuario expresa su opinión sobre el producto o servicio y consiste en una consideración crítica o positiva de los sitios de información con un impacto orientado al producto.

Diseño de interfaz, diseño de navegación y diseño de información

Los elementos de Diseño Interfaz, Diseño de navegación y Diseño de información están estrechamente relacionados. Pero incluso si está interconectado, un buen diseño de navegación no puede corregir un mal diseño de información.

El diseñador de navegación es como una lente donde el usuario ve la estructura. Luego de la experiencia del usuario en las funcionalidades y en el diseñador de navegación, el usuario llega al diseño de la información, teniendo la comunicación de ideas.

El diseño de la interfaz reconoce las funciones que es más probable que utilice el usuario y facilita el acceso a ellas. La acción efectiva es pensar sobre las opciones predeterminadas seleccionadas cuando la interfaz se presenta al usuario por primera vez. Si comprendes el proceso, no tendrás problemas para terminarlo.

Pensando en el diseño de la navegación, es de gran importancia que cada página de un sitio web comunique claramente a los usuarios dónde se encuentran y hacia dónde pueden ir, deben proporcionar un punto para otro sitio web y deben relacionar el contenido con lo que está viendo el usuario.

El diseño de la información trata de decidir cómo presentar la información para que las personas puedan usarla y comprenderla fácilmente. Puede ser texto o puede ser visual en forma de gráficos, figuras, imágenes, etc.

En el diseño de la página web, aquí es donde se encuentran el diseño de la información, el diseño de la interfaz y el diseñador de navegación.

Diseño sensorial

La definición de superficie de interfaz se refiere a elementos que permiten la interacción del diseño de navegación, por lo tanto, estamos hablando de diseño sensorial.

¿Pero cuál sería? Son estímulos como la vista, el oído, el tacto y el gusto que brindan una mayor atención y aportan una experiencia satisfactoria al usuario.

1. Olor y gusto: Poco los utilizan porque son el resultado de la elección del usuario y no una decisión tomada por el diseñador para impulsar una venta;
2. Tacto: Enfoca en la experiencia física del usuario, y esto implica elementos de interfaz y diseño de interacción. Incluye la forma del dispositivo (redonda o cuadrada), la textura (lisa o rugosa), los materiales utilizados (plástico o metal) y las vibraciones;
3. Audición: Enfoca en la experiencia con señales sonoras para enviar un mensaje. Ejemplo: señales acústicas en el coche cuando está sin cinturón o incluso con los faros encendidos;
4. Visión: Enfoca en los diferentes sentidos estéticos, pero la decisión del diseñador no tiene por qué basarse necesariamente en lo que le gusta a todos. La atención debe estar centrada en cómo funcionan y de forma asimétrica hasta el punto de ser intuitivos.

Diseño visual

Es muy importante que el usuario se comunique con la marca. Si deseas transmitir una visión más técnica y más seria, no sería una buena opción utilizar la interfaz brillante y colorida. Se trata de estrategia y no sólo de estética.

Una forma sencilla es preguntarse: ¿dónde debería buscar primero? ¿O cuál es el proyecto inicial que más llama la atención? Son formas de evaluar el diseño visual de su producto.

El contraste es la principal herramienta para llamar la atención, ya que un proyecto sin contraste se ve como gris, sin rasgos característicos, lo que imposibilita que el usuario se decida. El contraste es vital para la atención del usuario, ya que comprende las relaciones de navegación y los elementos de la página.

La uniformidad en un diseño transmite una forma efectiva, manteniendo los tamaños y elementos uniformes, pero recordando trabajar dentro de los patrones de las pantallas.

Es importante enfocarse en la paleta de colores, algunas marcas están asociadas a colores como: Coca-Cola, que usa el rojo como color específico.

La paleta de colores debe tener una amplia gama de usos, y se pueden usar colores más brillantes o más fuertes en primer plano, donde la idea es llamar la atención. Los colores más suaves son más adecuados cuando se usa el fondo.

Es de suma importancia comprender y utilizar uniformemente los colores, contrastes y la tipografía elegida, el uso de fuentes y tipos de letras creando un estilo visual propio de la marca.

Los elementos aplicados

El último capítulo del libro "The Elements of User Experience" explica que ser capaz de visualizar y comprender el problema es fundamental para el éxito en su resolución.

Se debe realizar un análisis de la experiencia del usuario, entendiendo qué problema se está intentando solucionar y las consecuencias de las resoluciones. La mayoría de las veces, las opciones de experiencia del usuario se encuentran en una de las siguientes situaciones:

• Diseño estándar: Ocurre cuando la experiencia del usuario sigue los mismos estándares que la tecnología y el historial de pedidos del cliente y la facturación se mantiene en datos separados, que funcionan mejor para mantener una experiencia de usuario más fluida;
• Diseño por mimetismo: Cuando la experiencia del usuario pasa por publicaciones, aplicaciones o software de productos similares, haciéndole sentir en un entorno familiar;
• Diseño por mandato: Preferencias personales en lugar de necesidades u objetivos del producto. Si tu paleta de colores es rosa porque le gusta al CEO, has perdido el objetivo estratégico y las percepciones del usuario.

Resolver un problema puede ser un desafío y hay una maraña de toma de decisiones para la experiencia del usuario.

Hacer preguntas a los usuarios con elementos más específicos puede ayudar a recopilar información más relevante, pero no puede depender únicamente del usuario para responder a sus necesidades.

Una decisión de diseño más deliberada cuesta más tiempo a corto plazo, pero le ahorrará mucho más tiempo a largo plazo. Las tareas que involucran a un sitio web, como un gráfico o un código, son tareas del primer elemento en el alcance, por qué y en la preparación del producto.

¿Qué dicen otros autores al respecto?

En el libro "En la Cabeza de Steve Jobs", Leander Kahney dice que una de las causas del éxito de Apple es que Steve Jobs pone la mejor experiencia de usuario como máxima prioridad.

En el libro "Gatillos Mentales", de Gustavo Ferreira, se puede constatar que la escritura persuasiva influye directamente en la elección de compra de un producto, debido a las emociones secundarias provocadas.

Además, Ed Catmull, autor del libro "Creatividad, S. A." aconseja: da siempre más preferencia a las personas que a las ideas, porque las personas creativas crean buenas ideas, pero las buenas ideas pueden ser destruidas por malos equipos.

Cierto, pero ¿cómo puedo aplicar esto en mi vida?

• Diseñar la experiencia del usuario no es cosa fácil, pero es fundamental no creer que una solución de interfaz satisface a los usuarios en función de su percepción de lo que es "bueno".
• La experiencia se puede diseñar y planificar y esto diferencia el diseño como estrategia del diseño como recurso. Es enfatizar el otro lado, dejando "lo que haces" a "cómo funciona" y ese enfoque puede ser la diferencia entre el éxito y el fracaso del producto.
• Además, usar los 5 elementos de UX (Estrategia, Enfoque, Estructura, Esquema y Superficie) es extremadamente importante para agregar valor al negocio o producto y crear una experiencia memorable y positiva para el usuario.

¿Te gustó este resumen del libro "The Elements of User Experience"?

Felicitaciones, has terminado un libro más. Recuerdas que de nada sirve tener el conocimiento de grandes referentes si no tienes compromiso y disciplina. ¡Ahora depende de ti!

Nos encantaría que, después de leer, dejes tus comentarios para que sepamos lo que podemos mejorar.

Y, si quieres aprender aún más sobre el tema, compra la versión completa del libro haciendo clic en la imagen a continuación: