El papel de los guiones gráficos en el diseño de UX

Como diseñador de UX, a menudo tendrás que poner a trabajar tu imaginación para dar vida a nuevas ideas. Una herramienta que puede ayudar en este proceso es el storyboard. Esta herramienta está tomada de un ámbito completamente diferente (el cine), pero ya ha dejado su huella en el mundo de la UX. Los storyboards son fantásticos para ayudar a los diseñadores a imaginar cómo utilizarán los usuarios los productos que diseñan.

¿Qué es un guión gráfico?

Un storyboard es una forma visual de representar un escenario que contiene una secuencia de unos pocos acontecimientos. Los estudios Walt Disney fueron los primeros en idearlo en los años 30. Muchos otros campos, incluido el diseño UX, han adoptado el storyboard como forma de representar escenarios visualmente.

Llegados a este punto, probablemente te preguntes: "¿Por qué debería utilizar guiones gráficos?".

La respuesta corta es que le ayudará a diseñar más rápido y con más confianza.

He aquí las principales razones:

1. Una imagen vale más que mil palabras - Nuestro cerebro procesa las imágenes mucho más rápido que el texto. Al representar un escenario visualmente, se acelera el proceso de ideación para todos los implicados.
2. Las historias son memorables - Durante siglos, los seres humanos han utilizado historias para transmitir tradiciones orales a las generaciones más jóvenes porque son mucho más fáciles de memorizar que los hechos. Utilizar una historia como primer paso hacia la ideación puede crear el ambiente adecuado para el proyecto desde el principio.
3. La brecha de la curiosidad - Las historias, especialmente las que contienen lagunas, pueden crear curiosidad de forma muy natural y activar nuestro cerebro para intentar completar los detalles que faltan. Este tipo de "poder cerebral" es exactamente lo que quieres en tus sesiones de ideación.
4. Empatizar con un "usuario real" - Al igual que utilizamos personas para crear empatía con un usuario que tiene cara y nombre, situar a este usuario en un escenario creará niveles aún mayores de empatía hacia los usuarios entre los miembros del equipo de diseño.

Uso de guiones gráficos en el diseño de UX

Al igual que los guionistas y directores de cine utilizan los guiones gráficos para planificar las tramas de las películas y series de televisión, los diseñadores de UX pueden utilizar los guiones gráficos para imaginar y planificar los recorridos del usuario para los productos. La técnica del guión gráfico permite elegir uno o dos personajes y comprender no sólo lo que hacen en cada paso del recorrido del usuario, sino también por qué realizan una acción y cómo se sienten al respecto.

Al principio del proceso de diseño de ux, tendrás que pensar en algunas piezas de la historia que querrás definir, al menos a nivel conceptual, antes de empezar a esbozar nada.

El primer paso en el storyboard sería decidir quién es tu protagonista y si hay más personajes que te gustaría incluir en tu storyboard.

Para crear un personaje completo, tendrás que pensar en lo siguiente:

1. En descripción básica de tu personaje, que puede incluir datos como el nombre, la profesión, la edad, el sexo y cualquier otra cosa que sea relevante.
2. Qué motiva a este personaje a utilizar su producto o servicio?
3. En qué contexto ¿utiliza su personaje el producto?
   Ver también: Cómo dibujar un conejo

El segundo paso del storyboard consiste en definir el propio recorrido del usuario y sus diferentes partes. Es bueno familiarizarse con las partes de un recorrido de usuario típico para los productos, ya que le ayudará a pensar en lo que desea incluir en su storyboard. Esto incluirá detalles como:

1. Concienciación - ¿cómo conocerán los usuarios su producto o servicio?
2. Consideración - ¿qué decisiones tendrán que tomar antes de decidirse a comprar el producto y utilizarlo?
3. Comprar - ¿cómo comprarán el producto los usuarios?
4. Primera experiencia - ¿cómo será su primera experiencia con tu producto?
5. Hábitos de uso - ¿cuál será su patrón de uso habitual?
6. Principales ventajas - ¿qué ganarán sus usuarios con el uso de su producto?

Si le resulta demasiado difícil decidir todos estos aspectos desde el principio, puede empezar describiendo únicamente las fases iniciales del recorrido del usuario e incluir sólo estas partes en su guión gráfico: concienciación, consideración, compra y primera experiencia con el producto. Una vez que haya concretado estos detalles, le resultará más fácil a usted y a su equipo ampliar el guión gráfico yincluya detalles sobre el uso a largo plazo de su producto.

Introducción al storyboard

Para empezar con el storyboard también tendrás que pensar en algunas cosas. Aquí tienes algunas pautas útiles:

1. Utilización de la estructura de una historia con un principio, un nudo y un desenlace; céntrate en el objetivo que debe alcanzar tu personaje. No saltes directamente a las soluciones en tu guión gráfico.
2. Piensa en la herramientas Puede utilizar papel y bolígrafo para esbozar un guión gráfico o un programa de diseño gráfico, según prefiera.
3. Piensa en la nivel de detalle Dependiendo de la fase del proceso de desarrollo en la que se encuentre, es posible que desee crear historias más o menos detalladas, pero recuerde dejar siempre un margen a la imaginación.

Para ayudarle a elaborar un buen guión gráfico de UX, veamos un ejemplo real .

Supongamos que quiere ayudar a la gente a la que le encanta beber vino pero se siente abrumada en las vinotecas cuando intenta elegir qué comprar.

Supongamos que quiere dirigirse a personas de entre 25 y 45 años que están dando sus primeros pasos para entender mejor el vino. Decide crear una aplicación para ayudarles llamada "Wine Time".

El siguiente paso es empezar a imaginar cómo utilizará la gente tu aplicación, así que decides crear un guión gráfico.

Repasemos el proceso.

Nuestra historia comienza con el personajes principales Jason y Nathalie, una joven pareja de treinta y pocos años, viven en los suburbios de Toronto, Canadá. Les encanta beber vino y van una vez cada tres semanas a su tienda de vinos local para comprar 2-3 botellas de vino. Suelen comprar los vinos que promociona la tienda y de vez en cuando algún amigo les recomienda qué comprar. Hace poco han querido empezar aexplorando más vinos, y quieren sentirse menos abrumados con la amplia selección de su tienda. Hasta ahora, prácticamente compraban siempre los mismos vinos. Esto es lo que motiva que intenten buscar una solución para saber más sobre el vino.

Jason empezó a leer sobre vino en su tiempo libre, pero sigue sin encontrarle mucha utilidad. La mayoría de los vinos que se describen en esos artículos son de Europa, y él vive en Canadá. No está seguro de que los vinos locales que encuentra en la tienda de al lado sean comparables en algún sentido.

Un día, Alison, la amiga de Nathalie, les sugiere que prueben una nueva aplicación llamada "Wine Time". La aplicación te ayuda a aprender sobre el vino y te ayuda a encontrar vinos que te gusten. En este punto de la historia, Jason y Nathalie se convierten en consciente del producto.

Se descargan la aplicación e inmediatamente siguen un rápido tutorial de "Introducción al vino". El tutorial les enseña qué tipo de vinos pueden gustarles en función de diferentes características, lo que correspondería a su primera experiencia Podemos considerar esta parte como el comienzo de la fase de aprendizaje. la mitad de nuestra historia .

Al final del tutorial, Jonathan y Nathalie se quedan en la aplicación. "Wine Time" les sugiere vinos y comprueba si están disponibles en las tiendas cercanas. Una vez que encuentran un par de botellas que les gustan, las piden por Internet y las reciben en un plazo de dos días. Esta parte de la historia correspondería al comprar etapa en el recorrido del usuario También podría estar relacionado con la uso futuro de la aplicación si deciden seguir pidiendo vino desde la aplicación para ahorrar tiempo.

Aquí es donde nuestra historia termina y en la que nuestros personajes aprenden a utilizar la aplicación "Wine Time" para lograr sus objetivos. meta de explorar más vinos.

A continuación, hablemos un poco de herramientas para crear su guión gráfico.

Como se puede ver en la imagen de abajo, se puede crear un guión gráfico simple como lo hice en Vectornator. Puede utilizar sus iconos, así como un poco de texto para visualizar su trama de la historia. Decidí presentar el viaje del usuario en cuatro etapas para dejar algo de espacio para la discusión sobre los detalles que no forman parte del guión gráfico.

Mantener el guión gráfico con el nivel de detalle actual podría suscitar preguntas interesantes en la fase de ideación, como:

1. ¿Qué tutoriales incluirá la aplicación?
2. ¿En qué parte del mundo estará disponible la aplicación?
3. ¿A qué tipo de tiendas de vino en línea debemos conectarlo?
4. ¿Cómo será el uso a largo plazo?

Echa un vistazo al storyboard que creé para la aplicación "Wine Time".

El viaje del usuario de "La hora del vino". Imagen del autor.

‍

En resumen El storyboard es una herramienta excelente que puedes utilizar como diseñador de UX para dar vida a ideas conceptuales antes de empezar a idear con tu equipo. Visualizar escenarios puede hacer que el proceso sea mucho más interactivo y divertido para todos. Para representar muchos escenarios, puede que necesites más de un storyboard, pero esta necesidad se irá aclarando con el tiempo. Lo más importante que debes recordar es: sé creativoy diviértete.