El valor del guión gráfico para el diseño de productos
Publicado: 2022-03-10Cuando piensa en la palabra "guion gráfico", probablemente piense en la creación de películas, medios y videos. Históricamente, esto es para lo que se han utilizado los guiones gráficos, pero ¿quién dice que no podemos usarlos también para el desarrollo de productos?
Los guiones gráficos son una herramienta eficaz de comunicación y desarrollo de productos para los especialistas en marketing digital, los creadores de contenido, los especialistas en experiencia del usuario y los gerentes de productos. En este artículo, le enseñaré por qué el guión gráfico es valioso para el proceso de desarrollo de productos, así como por qué puede reducir los errores de comunicación entre departamentos y los costos generales.
A continuación se muestra un cómic de una situación clara y común que experimentan la mayoría de las empresas. Las palabras solo pueden llegar hasta las explicaciones efectivas y los errores de comunicación son una ocurrencia común en el mundo del desarrollo de productos. Mientras lee el artículo, tenga en cuenta esta imagen y observe ejemplos en los que el guión gráfico o la comunicación visual pueden evitar malentendidos.

Voy a establecer una escena que casi todas las empresas de tecnología experimentan regularmente:
La comercializadora Mary tiene una idea para un nuevo producto. Mary cree que este producto será un gran ganador y acude al departamento de tecnología para que lo construyan.
La desarrolladora Diane escucha la idea de Mary y le dice que comenzará a trabajar en ella. A medida que Diane continúa desarrollando la funcionalidad, se da cuenta de que el producto en realidad será mucho más eficiente si combina algunas de las partes y elimina otras. Diane termina de construir el producto y se lo envía a Creative Chris.
Chris se reúne con Mary para hablar sobre la interfaz de usuario del producto, donde Mary explica sus ideas. Chris se pone a trabajar. Comienza a incorporar las ideas de Mary, pero rápidamente se da cuenta de que tiene en mente un concepto de interfaz de usuario mucho mejor y más interesante, y finalmente completa el producto de esa manera.
Una vez que el proyecto está completo, Mary está molesta. El producto no tiene la funcionalidad que ella solicitó, ni la interfaz de usuario permite que el usuario navegue por el producto correctamente.
Los tres departamentos vuelven a la mesa de diseño para rehacer el producto y se ha desperdiciado una cantidad significativa de tiempo y dinero.
Esta situación común no es culpa de una sola persona. Mary debería haber explicado a Diane y Chris su claro objetivo final del producto y dejar que lo crearan con ese objetivo en mente. Diane debería haber entendido que Mary estaba pidiendo funcionalidades específicas por una razón y, aunque su producto haya sido más eficiente, es inútil si no logra el objetivo final deseado . Chris debería haber entendido que, aunque el concepto de interfaz de usuario de Mary puede no haber sido el más agradable estéticamente, ella tenía esa interfaz de usuario por una razón. Deberían haber trabajado juntos para crear un concepto que funcione para todos.
Existen algunas ideas sobre cómo atacar problemas comunes de falta de comunicación en el desarrollo de productos, sin embargo, muchos han encontrado que la solución más exitosa es crear guiones gráficos a lo largo del proceso de desarrollo del producto.
Un guión gráfico es una colección de celdas, ya sea en una progresión lineal o trazadas a partir de una idea central que cuenta una historia. Cada celda puede contener una imagen, un título y una descripción que brinda información específica al lector sobre ciertos aspectos de la historia. Los guiones gráficos están destinados a ser representaciones simples de un concepto más amplio y obligan tanto a sus creadores como a sus lectores a desglosar temas grandes y complejos en subsecciones simples paso a paso.
El viaje de la empresaria Erin
El viaje ficticio, pero basado en hechos reales, de una empresaria que utiliza guiones gráficos para ayudarla a ella y a su equipo a diseñar, construir e iterar su producto.
Erin dejó su trabajo en la gran empresa para la que trabajaba y decidió perseguir sus sueños y comenzar su propia empresa. Ella ya tenía una idea: SoLoMoFoo. SoLoMoFoo es una aplicación para alertar a los empleados cuando hay comida gratis disponible en áreas comunes, como salas de conferencias, cocinas de oficinas compartidas u oficinas privadas. En su antiguo trabajo, había notado con demasiada frecuencia que la comida gratis se desperdiciaba debido a la falta de conciencia y los empleados se descontentaban después de enterarse de que la comida gratis se acababa de perder. ¡Decidió que este problema necesitaba una solución y que iba a construirla! Primero, necesitaba averiguar quiénes serían exactamente sus usuarios objetivo.
Una forma útil de descubrir usuarios objetivo potenciales es crear personas. Erin decidió que iba a trazar un mapa de algunos de sus usuarios y compradores objetivo y registrar algunas de sus características únicas.
Creación de personas
Crear personajes puede ayudarte a salir de ti mismo. Puede ayudarlo a reconocer que diferentes personas tienen diferentes necesidades y expectativas, y también puede ayudarlo a identificarse con el usuario para el que está diseñando.
— Rikke Dam, cofundadora de la Fundación de Diseño de Interacción

Erin sabe que SoLoMoFoo resolverá un problema que existe (la falta de conciencia sobre la disponibilidad de alimentos gratuitos), pero ¿para quién existe este problema? ¿Quién usará su producto? Antes de que Erin comience a crear guiones gráficos, primero tiene que construir sus personajes. En general, las empresas tendrán que centrarse en dos tipos diferentes de personajes: personajes de usuario y personajes de comprador.
1. Personas de usuario
Estas son representaciones ficticias de usuarios por excelencia que se ajustan a ciertos criterios. La mayoría de los productos intentarán limitar el número de dos o un máximo de tres personajes de usuarios clave y luego centrarán la mayoría de los esfuerzos de marketing en atraer a estos usuarios. En el caso de SoLoMoFoo, Erin ha identificado dos personajes de usuario clave :
- Ben para hornear
Ben a menudo trae comida gratis al lugar de trabajo para compartir con sus compañeros de trabajo. Se siente un poco extraño al enviar correos electrónicos a toda la oficina cada vez que trae pastelitos, por lo que le encantaría una aplicación que alerte a sus compañeros de trabajo por él. - Hangry Hank
Hank constantemente se pierde comida gratis y está molesto por eso. Se siente menos productivo cuando tiene hambre y estaría muy interesado en una aplicación que le avise cada vez que hay comida disponible.
2. Personas del comprador
Muchas veces, el usuario previsto de su producto no es el mismo que el comprador previsto. En el modelo de negocio de SoLoMoFoo, toda una empresa comprará la aplicación SoLoMoFoo y hará que sus empleados la descarguen. De esta manera, todos en la oficina podrán enviar alertas cuando tengan comida gratis y recibir alertas cuando estén buscando comida. Erin ha decidido que el comprador más probable de SoLoMoFoo será el departamento de recursos humanos.
- HR Hailey
Hailey es la gerente de recursos humanos y tiene poder adquisitivo. Constantemente busca formas de mejorar la moral y el compromiso de los empleados. Sus superiores la incentivan para inspirar energía y trabajo en equipo entre los empleados y tiene un presupuesto para gastar en aplicaciones o herramientas que la ayudarán a hacer esto.
Crear estas personas lo ayudará a ponerse en el lugar de sus usuarios y compradores (si son diferentes). Le ayuda a dar un paso atrás en su producto y verlo a través de los ojos de las personas para las que está diseñando.
Para comenzar a crear las personas que necesita, hay varios recursos en línea que puede usar. Por ejemplo, puede usar una plantilla de hoja de trabajo de persona como una de estas:


O usa una herramienta de creación de personajes como esta de HubSpot.
Una vez que se han creado las personas, el siguiente paso es descubrir cómo estas personas entrarían en contacto con el problema que está resolviendo, su producto como solución y cómo el producto finalmente beneficiaría sus vidas. Una excelente manera de ponerse en el lugar de sus personas es crear mapas de viaje.
Mapeo de viaje
El mapeo del viaje del cliente lo ayuda a visualizar la experiencia de su cliente desde el punto de vista del cliente, a través de todos los diferentes puntos de contacto que tienen con su marca mientras buscan alcanzar una meta o metas específicas.
— Tandem Siete Expertos
Ahora que Erin ha identificado las personas clave de usuario y comprador de SoLoMoFoo, es hora de que descubra cómo estas personas pueden encontrar su producto, cómo lo usarían y qué obstáculos potenciales pueden enfrentar a lo largo del proceso. Una excelente manera de hacer esto es crear mapas de viaje en forma de guiones gráficos . La creación de estos guiones gráficos de mapas de viaje obliga al diseñador del producto a ponerse en el lugar del usuario o del comprador y experimentar su producto paso a paso.


Un guión gráfico de un mapa de viaje generalmente se puede dividir en seis componentes clave:
- problema experimentado
Has decidido crear tu producto por una razón. Usted cree que sus usuarios objetivo están experimentando un problema que quieren resolver. ¿Cuál es el problema que resuelve su producto? - Búsqueda de soluciones
Después de que tu persona haya experimentado el problema, crees que buscará una solución. ¿Qué métodos utilizarán para buscar? Estos pueden ser canales de marketing potenciales a considerar para su estrategia de lanzamiento al mercado. - Descubrimiento de productos
Durante su búsqueda, sus personas encontrarán su producto y decidirán comenzar a usarlo. ¿Cómo sabrán que este es el producto para ellos? ¿Cómo empezarán? ¿Qué barreras de entrada podrían enfrentar? - Producto experimentado
La persona ahora usará el producto y experimentará el objetivo previsto. como lo usan? ¿Pueden usarlo de inmediato o hay otros pasos que deben tomar? - Problema aliviado
Una vez que se logra el objetivo del producto previsto, se alivia el problema de los usuarios. ¿Es este el mismo problema que estaba tratando de resolver al comienzo de su guión gráfico? ¿Qué otros problemas potenciales podrían derivarse de su solución? - Resultado beneficioso
Ahora que el problema de esa persona es aliviar, ¿por qué su vida es mejor? ¿Qué beneficio les trajo resolver su problema y cómo mejorará esto su situación?
¿Necesitas un ejemplo? Echa un vistazo a la ilustración a continuación:

En el caso de la empresaria Erin, debe considerar cómo la falta de acceso a alimentos gratuitos afectaría a HR Hailey, cómo investigaría posibles soluciones, cómo se encontraría con SoLoMoFoo, cómo se implementaría la plataforma SoLoMoFoo en su lugar de trabajo. , y los beneficios potenciales y el cronograma para esos beneficios que traería el programa SoLoMoFoo.

La creación de mapas de viaje en forma de guiones gráficos es una forma útil de humanizar a sus compradores. Es esencial recordar que sus usuarios no son solo números, sino personas reales. Tener un personaje humano y su historia de mapa de viaje personal asociada con cada persona sirve como un recordatorio constante de que sus usuarios son personas y sus necesidades cambian constantemente.
Estos mapas de viaje no solo son una excelente herramienta de desarrollo de productos externos, sino también una excelente manera de minimizar los errores de comunicación internos.
Al desarrollar personajes de usuario y un guión gráfico del mapa de viaje del cliente, todos pueden visualizar los pasos que tomaría un personaje al interactuar con su producto. Crear mapas de viaje y presentárselos a los compañeros de trabajo les permite a los miembros del equipo ver su visión de una manera realista y tangible. Una vez que todos los departamentos comprendan sus mapas de viaje, todos pueden llegar a un consenso sobre cuál será el producto final y el proceso de desarrollo puede continuar con todos en la misma página.
Guión gráfico para el diseño de UX
Storyboarding en UX es una herramienta que puede ayudarlo a predecir y explorar visualmente la experiencia de un usuario con un producto.
— Nick Babich, editor en jefe de UX Planet

La empresaria Erin ha identificado con éxito quiénes cree que son sus usuarios y compradores objetivo y cómo entrarán en contacto y utilizarán su producto. Ahora le toca a ella diseñar la experiencia de usuario de SoLoMoFoo.
Una forma útil de dar un paso atrás y ver su producto desde el punto de vista de un usuario es crear conceptos de UX a través de guiones gráficos. La creación de guiones gráficos, celda por celda, lo obliga a recorrer cada paso de su proceso de UX como usuario . Puede crear fácilmente varios guiones gráficos y probar diferentes enfoques de UX para encontrar el concepto más eficiente.
Erin quiere diseñar SoLoMoFoo como una aplicación simple, por lo que revisa las personas y los mapas de viaje con su equipo de desarrollo y marketing para que tengan clara la visión del producto y juntos comiencen a diseñar una experiencia de usuario.
La creación de estos guiones gráficos tangibles y visuales señala fallas potenciales en su UX; tal vez esté obligando a sus usuarios a dar un gran salto en un solo paso y no es intuitivo. O quizás tenga algunos pasos en su UX que podrían combinarse en uno, eliminando así las acciones superfluas.
Según el especialista en UX, Luca Morovian:
“El guión gráfico de UX puede ayudar a predecir y explorar visualmente la experiencia del usuario con un producto. Visualiza cómo las personas interactuarían con un servicio o aplicación. Un guión gráfico de UX también puede ayudar a comprender las motivaciones y experiencias actuales de los usuarios relacionadas con un problema determinado”.
El poder y el valor del guión gráfico para UX viene en el proceso de creación, lo que le permite experimentar su producto como usuario, lo que le permite optimizar mejor para un diseño efectivo y una tasa de conversión mejorada.

Finalmente, Erin identificó a sus usuarios y compradores objetivo, trazó un mapa de su proceso y creó una experiencia de usuario optimizada, pero el proceso de desarrollo del producto nunca termina.
Storyboarding para iteraciones y mejoras de productos
Su gente conoce sus productos mejor que nadie, por lo que siempre que haga las preguntas correctas y use guiones gráficos atractivos, puede solicitarles reacciones y comenzar una discusión sobre lo que sea que necesite averiguar.
— André Bourque, empresario
Erin ahora identificó quién cree que usará y comprará su SoLoMoFoo, cómo encontrarán el producto y se relacionarán con él, y cómo se diseñará el flujo de usuarios de la plataforma.
Como saben los desarrolladores de productos, un producto nunca está completamente completo . A medida que cambia la tecnología, los usuarios se adaptan y su producto también. Es importante consultar constantemente los mapas de viaje de sus clientes y las personas de los usuarios para asegurarse de que sigan siendo precisos para su producto. A medida que aprenda más sobre sus usuarios y escenarios de casos de usuario, su producto debería adaptarse en consecuencia.
Al analizar las iteraciones de productos, la mayoría de los equipos de desarrollo de productos tienen dificultades para aislar el alcance y decidir qué aspecto del producto actual quieren cambiar. Los guiones gráficos pueden ayudar a los diseñadores de productos a dividir su producto en segmentos individuales, lo que les permite trabajar específicamente en un aspecto de un producto sin involucrar a otros.
Aquí hay algunas preguntas que puede usar como guía:
- ¿Tiene un problema con la tasa de conversión de la página de inicio y desea modernizar la interfaz de usuario?
- ¿Los usuarios no responden a sus llamados a la acción? ¿Quizás tu UX es demasiado complicado? O tal vez la gente simplemente no está comprando su producto, entonces, ¿realmente está resolviendo su problema percibido?
Tener un guión gráfico de su producto le permite ver claramente qué partes de su producto son responsables de las acciones de los usuarios. Como resultado, puede enfocar su proceso de iteración en un aspecto de su producto en lugar del producto como un todo, lo que permite mejoras más rápidas y un proceso más limpio.
Cómo empezar
Ahora que tiene el conocimiento sobre cómo comenzar a usar guiones gráficos en el proceso de desarrollo de su producto, es hora de comenzar.
Aquí hay algunos pasos rápidos para ayudarlo a dar el primer paso:
- Identifique el problema que su producto está resolviendo;
- Identifique de 1 a 3 personajes de usuario y de 1 a 3 personajes de comprador (si son diferentes);
- Cree mapas de viaje para sus personas;
- Diseñe flujos de UX en torno a las necesidades de su público objetivo;
- ¡Itera, repite y mejora!
En conclusión, ahora tiene herramientas para comenzar a incorporar guiones gráficos en su proceso de desarrollo de productos. Desde el principio en la identificación de sus usuarios objetivo hasta el final en la construcción de una UX y la iteración de su producto para mejorar.
El uso de guiones gráficos a lo largo del proceso de diseño del producto ayudará a evitar errores de comunicación simples y permitirá que tanto usted como su equipo tengan un concepto claro de lo que logrará y se verá su producto. ¡Empiece hoy mismo a hacer un guión gráfico de su nueva idea de producto!