Guía rápida para comenzar con el diseño de la experiencia de usuario

Si tu negocio tiene como objetivo generar más ventas, clientes potenciales o suscriptores, una fuerte experiencia de usuario es un impulso poderoso para lograr esos objetivos. Hoy vamos a compartirte una guía para comenzar a con las etapas de un proceso UX.

Cuanto mejor es, menos gente lo nota.

Esa es la paradoja del diseño de la experiencia de usuario. Si haces un sitio web o aplicación con un buen diseño para la experiencia de usuario (UX), los resultados no se reflejarán en premios de diseño, sino en usuarios felices, más clientes y aumento de ingresos.

Como resultado, el diseño UX está creciendo cada vez más. Si tu negocio tiene como objetivo generar más ventas, clientes potenciales o suscriptores, una fuerte experiencia de usuario es un impulso poderoso para lograr esos objetivos.

¿Qué es el diseño de la experiencia de usuario?

El diseño UX es el proceso por el cual se mejora la satisfacción de los visitantes, a través de mejorar la usabilidad y accesibilidad de la interacción entre el visitante y el sitio web o producto.

Mientras que la experiencia de usuario no se limita sólo a la web o aplicaciones, los principios detrás de ella son esenciales para el diseño en nuestra época. Ahora interactuamos con páginas web y aplicaciones diariamente. Si eres capaz de garantizar que los usuarios tengan éxito en tu tienda de comercio electrónico, generando leads en tu sitio o aplicación; asegurarás más ventas, clientes potenciales y actividad.

Por otro lado, no tomar en cuenta la experiencia del usuario puede crear una fricción con tus visitantes y ahuyentarlos.

Comenzando con el diseño de experiencia de usuario

La mejor forma de comenzar el diseño UX es entendiendo que se trata de un proceso global que no solo requiere habilidades prácticas, sino pensar en los mejores hábitos y estrategias.

Hoy, voy a comenzar con las etapas de un proceso UX, con el fin de establecer una base sólida. A partir de ahí, compartiré una visión general de algunas tácticas de diseñadores UX para llevar a cabo este proceso. Finalmente, proporcionaré una lista de excelentes sitios web, recursos y herramientas para llevar el diseño UX al siguiente nivel.

El proceso y etapas de la experiencia de usuario

Hay cinco piezas clave en el proceso holístico UX: estrategia, investigación, análisis, diseño y producción. Entremos más a qué es cada uno y por qué son importantes.

1. Estrategia – Se trata de la visión o metas de un proyecto UX, la base. Es esencial para definir a dónde quieres llegar y por qué, antes de decidir cómo. En esta etapa, tendrás que trabajar en definir qué esperas conseguir con tu sitio o aplicación. Debes identificar e involucrar a los actores clave en esta etapa, y también trabajarás para definir cómo medir el éxito.
2. Investigación – La fase de investigación es la etapa de recopilación de información. Entre mejor realices tu investigación, mejor podrás alinear la experiencia de usuario con tus objetivos. Además, cuanto más complejos sean tus objetivos y estrategia, más tiempo y energía dedicarás a la fase de investigación. Como dijo Einstein, “si tuviera una hora para resolver un problema, usaría 55 minutos pensando acerca del problema y los siguientes 5 minutos pensando en soluciones”. No trates de omitir este paso, es esencial.
3. Análisis – Esta etapa del proceso es dónde comienza a tener lugar la resolución de problemas. El objetivo de esta fase es sacar conclusiones de la fase de investigación, y descubrir el “porqué” detrás del qué y validarlo. Aquí puedes identificar los puntos débiles y las posibles áreas de mejora.
4. Diseño – La etapa de diseño se basa en las etapas anteriores, y es donde se inicia la creación de prototipos. En UX, el diseño no se realiza al vacío. Es un proceso interactivo que implica a varias personas y retroalimentación constante. El trabajo de diseño generalmente es un diamante en bruto o wireframe que ayuda a construir un esqueleto para tu sitio web o aplicación. Esto son versiones no detalladas. En esta etapa se dan a conocer componentes principales, no del contenido o detalles de la marca.
5. Producción – La fase final comienza una vez que hayas pasado el proceso de diseño interactivo, y definido el esqueleto. En esta etapa, los detalles están incluidos y completados; y un proyecto más pulido se puede presentar al cliente o visitantes de las pruebas de usuario.

Algo importante a tomar en cuenta es que estas etapas son parte de un proceso de repetición, un hábito, y no son cosa de una vez. Estas son las piezas de la máquina de optimización UX. El diseño de la experiencia de usuario se trata de aprender a cómo aprender.

El diseño de la experiencia de usuario se trata de aprender a cómo aprender.

Principales técnicas

Además de construir estos hábitos, hay una serie de habilidades y técnicas que son ideales para aprender a medida que te conviertes en un diseñador UX. Estas son las principales técnicas utilizadas durante las fases de estrategia, investigación, análisis, diseño y producción. Esta lista debe ser la base de las tácticas a utilizar, pero no dejes que te limiten. Descubre más tácticas y construye sobre ellas.

1. Análisis de la competencia. Se trata de una evaluación de tu competencia que normalmente se completa durante la fase de estrategia e investigación. Esto te ayudará no solo a entender a tus competidores, sino también a poner de relieve las áreas de fortaleza y debilidad, tanto para ti como para tu competencia.

2. Revisión del análisis. Una revisión exhaustiva del análisis es útil durante las etapas de investigación y análisis. Identificar las áreas clave de los datos que necesitas y qué te están diciendo, te ayudará a producir una experiencia de usuario más informada. Esto significa identificar tráfico y hábitos de navegación, el contenido popular de las páginas, páginas de salida, etc.

3. Revisión heurística. Evaluar un sitio web o aplicación en función de su alineación con los principios de usabilidad reconocidos y una revisión heurística, asegura que el sitio o aplicación se alinee con las mejores prácticas. Puedes utilizar a principiantes o expertos para realizar la revisión. El objetivo es descubrir y destacar dónde están los bloqueos de usabilidad actual, solicitando a tus evaluadores completar una serie de actividades.

4. Auditoria de contenido. Una auditoría de contenido es un inventario detallado de todos los contenidos. Esto permite obtener una visión de todo el contenido del sitio, lo que puede ayudar a resolver problemas estratégicos del mapa del sitio web, o incluso detectar vacíos o contenido duplicado. A pesar de que puede tomar más tiempo, puede actuar como una referencia útil en las etapas del proceso UX.

5. Entrevistas con los interesados. Son una forma clave de identificar la desalineación del objetivo, los principales problemas de usabilidad, y más; entre las diferentes partes involucradas con la dirección del sitio o aplicación. La entrevista con los interesados debe tener lugar en una etapa temprana para ayudar a crear claridad en torno a objetivos.

6. Pruebas de usuario. Como el nombre lo sugiere, las pruebas de usuario consisten en observar a los usuarios navegar por el sitio o aplicación mientras completan tareas específicas y expresan sus pensamientos a medida que se llevan a cabo. Hacer las preguntas adecuadas puede ser la parte más difícil.

7. Usa entrevistas y encuestas. Las entrevistas y encuestas de usuario son tácticas para obtener retroalimentación directa de usuarios actuales o potenciales. Estas pueden ser útiles para la comprensión de puntos débiles específicos o necesidades concretas de los usuarios.

8.Test A/B. Un test A/B es en donde se comparan dos versiones diferentes de una página para ver cuál funciona mejor. La versión ganadora es la que se lanza a todos los usuarios. Es una forma de probar con usuarios reales las teorías de usabilidad.

9. Beta cerrado. Una versión beta de un sitio web o aplicación permite obtener verdaderos usuarios que interactúen con ella y proporcionen información antes de que se haga pública. A menudo, esto es parte de la metodología para la construcción de un nuevo producto o aplicación.

10. Diagrama de flujo de trabajo. O diagrama de actividades, es una gráfica de actividades y acciones llevadas a cabo por los visitantes. De la misma forma que una auditoría de contenido puede dar una visión del contenido, el diagrama de flujo de trabajo puede dar una perspectiva estratégica sobre el flujo de tus usuarios, y ayudar a resaltar las áreas problemáticas.

11. Wireframes. Un wiraframe, en ocasiones llamado maqueta o mockup, es una versión del esqueleto de la página web o aplicación que presenta una visión general de la disposición y elementos, con el fin de mostrar en qué dirección va el proyecto. Pueden ser muy útiles para obtener información de los interesados a nivel estratégico, antes de construir diseños más detallados. Las pruebas de usuario se pueden hacer en wireframes. Por ejemplo, puedes ver cómo en el wireframe se destacan los principales componentes de la página principal y el contenido de cada área. 12. Tabla de tendencias. Es una colección de imágenes utilizadas para compartir un estilo visual o gusto. A menudo son utilizados por las partes interesadas para proporcionar a los diseñadores señales visuales para el diseño. Se pueden destacar preferencias tipográficas, estilos de imágenes, direcciones de color, logotipo de inspiración, y mucho más. Puedes ver a continuación un ejemplo de cómo se vería un tablero. 13. Usuario persona. Un usuario persona (a diferencia de un personaje en marketing) es un perfil que representa al visitante objetivo, puntos débiles y su comportamiento. Actúa como la voz del usuario durante toda la prueba y puede ayudarte a asegurarte que estés optimizando para el público adecuado. Es importante conseguir la alineación de los interesados en esto.

El contexto lo es todo

Hasta ahora, hemos delineado un proceso integral y repetible, una serie de tácticas. Ahora, es momento de conectar con ejemplos.

Digamos que te encargan reacondicionar el sitio web de comercio electrónico de tu empresa. Han pasado tres años desde la última revisión general y se ve un poco anticuado, y hace un trabajo pobre en la incorporación de las nuevas ventas. Veamos cómo sería este proceso en acción.

Define tu estrategia

En la primera etapa consideramos la estrategia. ¿Cuáles son los objetivos de la empresa? ¿Estamos tratando de construir una marca? ¿Vender más de nuestros productos? ¿Obtener un mejor retorno de inversión para la publicidad?

Esta es la etapa en donde podríamos hacer un análisis de la competencia, involucrar a los interesados, desarrollar personajes de usuario, y quizás desarrollar una tabla de tendencias.

Pregúntate:

• ¿Quién es tu mercado objetivo y tus competidores?
• ¿Quién tiene más idea de la dirección y las necesidades de la empresa?
• ¿A quién es vital incluir en una etapa temprana del proceso?
• ¿Cuáles son los puntos débiles, metas y el comportamiento de un usuario típico?
• ¿Qué estilos y elementos de marca son esenciales para el proyecto?

En esta etapa, estamos aprendiendo todo lo que pueda sobre el alcance del proyecto. El típico quién, qué, dónde y por qué.

Haz tu investigación

A continuación, debemos seguir adelante con la investigación. En esta etapa, queremos obtener la mayor cantidad de información de la situación actual, dónde están las áreas problemáticas, etc.

Las tácticas que puedes usar aquí son la revisión del análisis, revisión heurística, auditoría de contenido y entrevistas o encuestas a usuarios. Tu objetivo en todo esto, es ver dónde estás teniendo éxito con tus estrategias y objetivos, y dónde puedes mejorar. Podrías tener éxito haciendo las cosas mal, y fallar haciendo las cosas correctas. Esta parte del proyecto acarará los detalles.

Analiza tu investigación

Ahora comienza la parte divertida. El análisis es la fase dónde vamos a ir del conocimiento a la acción. Hasta ahora, hemos aprendido acerca de nuestros objetivos, nuestros usuarios, y a tener un sólido conocimiento de nuestras áreas problemáticas. Ahora, podemos comenzar con la resolución de problemas, el desarrollo de teorías acerca de por qué algo ha sido ineficaz y pensar en cómo solucionarlo.

¿Tienes varios carritos de compra abandonados? ¿Son por los gastos de envío? ¿Por qué no permites la compra como invitado? ¿Los carritos abandonados se originan por otra causa? En esta etapa, se pueden empezar a planear algunas pruebas y experimentos que te lleven a la siguiente etapa. En realidad, no se implementan pruebas en esta etapa, estás definiendo el proceso de cómo diseñar el experimento que te dará las respuestas que necesitas.

Diseña tus soluciones

Una vez que realices tu análisis, puedes comenzar el trabajo creativo en la etapa de diseño. En este punto, es posible diseñar wireframes.

También puede montar un diagrama de flujo de trabajo para trazar la ruta exacta que tomaría un usuario y descubrir cualquier obstáculo o problema, mientras que todavía estás trabajando con los diseños.

Pasa a la producción

Finalmente, una vez que hayas resuelto los problemas principales con el proceso de diseño, puedes pasar a la producción. Durante esta etapa, puedes introducir un público limitado en beta para el nuevo sitio, con el fin de obtener comentarios de usuarios reales antes de hacerlo público.

Usa pruebas A/B para experimentar con diseños alternos de tu página de inicio o productos, y puedes utilizar pruebas de usuario, entrevistas o encuestas para obtener información adicional de los usuarios reales.

Si hiciste tu tarea durante las etapas de estrategia e investigación, y los diseños reflejarán que tu investigación y retroalimentación de usuarios están alineados con tu estrategia y objetivos.

Ahí lo tienes. Te has movido a través de toda una ronda de procesos, desde las estrategias hasta las tácticas. Pero recuerda, este es un proceso interactivo, un proceso de optimización. Puedes comenzar de nuevo el ciclo para mejoras adicionales, con el tiempo.

Excelentes recursos para el estudio adicional UX y sumarios

Aquí hay una serie de sitios web para que puedas profundizar más en el diseño de la experiencia de usuario.

Sitios web:

• UX Booth
• UX Matters
• UX Mastery
• UX for the Masses
• Nielsen Norman Group
• UserOnboard

Libros:

• Don’t Make Me Think
• Rocket Surgery Made Easy
• The Design of Everyday Things
• 100 Things Every Designer Needs to Know About People
• Lean UX
• Usable Usability: Simple Steps for Making Stuff Better

Recuerda, es un proceso interactivo. Estás aprendiendo sobre los deseos de tus visitantes, metas y acciones.

Una forma eficaz de impactar en tus resultados

El diseño de experiencia de usuario a menudo es pasado por alto, pero es una gran forma de contribuir al balance final entre la empresa y el cliente. La alineación de tu diseño con los objetivos de tu negocio y de los clientes se traducirá en un mayor compromiso y conversiones.

Como he demostrado, no es una fórmula mágica, sino más bien algo que toma tiempo, algo tedioso y que requiere estudio de forma regular. Pero en última instancia, puede producir grandes resultados.

Artículo relacionado: 5 consejos de diseño para aumentar las conversiones esta temporada navideña

¿Qué piensas? ¿Por qué quieres empezar con el diseño de experiencia de usuario?

---

Sobre el autor

David Hoos lidera el departamento de content marketing de The Good, una consultoría de optimización de conversiones en Portland, Oregon. Ama los datos de clientes y la comercialización. Síguelo en Twitter.