Un producto excelente empieza con una gran historia.
Al planificar tus ideas de diseño más complejas, visualizarlas puede ayudarte a identificar problemas y crear estructuras claras. Los diseñadores de experiencia de usuario (UX) hacen precisamente eso mediante el storyboard, que les ayuda a planificar, organizar y comunicar sus conceptos de diseño.
La narrativa es fundamental en el diseño UX, donde cada pantalla, interacción y animación debe contribuir al efecto general que tu producto pretende lograr. Al crear storyboards, puedes visualizar mejor las ideas, iterar sobre conceptos y crear experiencias centradas en el usuario, lo que resulta en un diseño narrativo que conecta con tu audiencia.
El storyboard también te ayuda a colaborar durante todo el proceso de diseño UX — los storyboards te ayudan a comunicar la historia y los elementos visuales con los miembros del equipo y las partes interesadas del proyecto.
Sigue leyendo para descubrir cómo usar el storyboard en el diseño UX para establecer y mantener una narrativa.
¿Qué es exactamente el storyboard?
El storyboard es un proceso de pensamiento de diseño e ideación en el que los diseñadores esbozan los pasos de una narrativa para entenderla y experimentar con ella. Este proceso se originó en la industria de la animación y se ha abierto camino en muchos campos, como la ilustración de cómics, el marketing y el diseño de layouts UX. Es una estrategia valiosa que los equipos pueden usar para planificar sus ideas y colaborar de manera más efectiva. Al mapear los diversos pasos de una historia, campaña publicitaria o recorrido del usuario, los equipos pueden descubrir dónde mejorar el diseño y el flujo para atraer mejor a su audiencia.
Storyboarding en diseño UX: Cómo funciona
El storyboard desempeña un papel fundamental en la definición de un recorrido del usuario de principio a fin. Al visualizar ese recorrido, los diseñadores y sus colaboradores pueden imaginar mejor cómo su público objetivo podría usar el producto terminado, lo que les permite tomar decisiones de diseño centrado en el usuario que optimizan la UX.
Aquí tienes un proceso general para diseñar storyboards de UX que muestren de manera efectiva el recorrido ideal de tu audiencia con tu producto.
1. Investiga las necesidades del usuario
Como la mayoría de los proyectos de UX, el storyboard comienza con una comprensión profunda de tu público objetivo. Ya sea que estés diseñando algo nuevo o ajustando un flujo de usuario existente, debes entender qué esperan tus usuarios de tus productos y marketing.
Comienza tu investigación UX con entrevistas para identificar las necesidades e inquietudes de los usuarios. Supongamos que tienes una idea para un producto que ayuda a las empresas a organizar y compartir archivos seguros. Identifica algunas personas usuarias que estarían interesadas en ese producto, como asesores legales, editores de video y periodistas. Luego, entrevista a estos profesionales para preguntarles cómo almacenan sus archivos actualmente, qué tipos de archivos quieren organizar y qué funciones simplificarían ese proceso.
2. Traduce los recorridos del usuario en narrativa
Revisa tu investigación de UX para encontrar ideas de funciones, requisitos y pautas de diseño que se alineen con las expectativas del usuario. Imagina cómo tu público objetivo usará estas funciones y piensa en qué principios de diseño les resultarán atractivos. Por ejemplo, una aplicación de reserva de viajes podría incluir una vista de calendario minimalista para ayudar a los usuarios a encontrar rápidamente sus próximos vuelos.
A medida que redactes tu storyboard, visualiza el recorrido del usuario a través de tu producto. Describe lo que podría mostrar cada pantalla, como una pantalla de bienvenida con mensajes de tutorial o una página de permisos con información sobre herramientas.
3. Crea los elementos visuales
Toma tu esquema preliminar y elige algunos de sus momentos críticos, como el flujo de incorporación, las galerías de archivos o la configuración de uso compartido. Ilustra estas pantallas a mano o usa wireframing para crear mockups de baja fidelidad.
Añade algo de estilo para experimentar con diferentes formas de incorporar la marca, los gráficos y el texto. Luego, imagina cómo tus perfiles de usuario podrían interactuar con este producto y organiza tus wireframes o ilustraciones en ese orden.
4. Comparte con tus colaboradores
Comparte tu storyboard preliminar con miembros de equipos multidisciplinarios para obtener sus perspectivas únicas. Un redactor de UX, por ejemplo, podría tener ideas frescas sobre cómo redactar los tutoriales, y un experto en marketing podría sugerir formas de darle más chispa a la marca. Usa estos comentarios para iterar sobre tu storyboard, ajustando los diseños y puliendo los esquemas hasta tener un plan de producto claro.
5. Prueba con usuarios reales
En este punto, tu storyboard de baja fidelidad es casi un prototipo funcional. Pero es importante recopilar opiniones de los usuarios antes de invertir tiempo y dinero en desarrollar un modelo completo. Envía correos a clientes actuales o contacta con testers experimentados en sitios como Lyssna. Luego, haz preguntas abiertas como:
- ¿Cómo mejoraría este producto tu flujo de trabajo?
- ¿Cómo navegarías por estas pantallas? ¿Qué es lo primero en lo que harías clic?
- ¿Qué te transmiten estas pantallas?
- ¿Te interesan las funciones de este producto?
Toma todos los comentarios que recibas y revisa la secuencia de tu storyboard para identificar dónde puede adaptarse mejor a los instintos de los usuarios.
Repite los pasos cuatro y cinco hasta que tengas un storyboard que reciba comentarios positivos de forma constante. Recuerda entrevistar a nuevos usuarios; las primeras impresiones son una forma fantástica de validar tus cambios.
El proceso de diseño web moderno
Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.
Cuándo usar storyboarding en proyectos de diseño UX
El storyboarding te ayuda a dar forma a ideas grandes y complejas. Es un proceso manual que requiere una inversión de tiempo considerable, por lo que no es ideal para proyectos pequeños. Usa el storyboarding solo cuando los diseños que estás creando supongan cambios sustanciales en la experiencia de usuario general, como:
- Lanzamientos de nuevos productos. Usa storyboards para entender mejor la experiencia ideal de tu público objetivo con un nuevo producto. Ajusta el diseño para asegurar que la UX sea fluida y agradable.
- Lanzamientos de funciones. Antes de lanzar una nueva función, un storyboard puede ayudarte a visualizar cómo encajará en tu UX actual, incluyendo cómo las interacciones de la interfaz de usuario (UI) cambiarán el aspecto de los diseños existentes.
- Una renovación de UX/UI. Reimaginando la UX y UI de un producto a menudo resulta en cambios importantes. Puedes usar el storyboard para ver cómo estos ajustes afectarán a los casos de uso típicos antes de implementarlos.
El storyboarding es más útil en las primeras etapas del proceso de diseño UX, especialmente en la ideación, el wireframing y la creación de prototipos. Puedes usarlo para flujos de usuario complejos, demostraciones de funciones y escenarios de pruebas con usuarios.
Por qué la narrativa importa en UX
La narrativa es un elemento clave del diseño UX que captura lo que una función o flujo hace sentir al usuario. Y el storyboarding te permite experimentar con formas de evocar esas sensaciones.
Por ejemplo, si quieres que tu producto transmita seguridad y control a los usuarios, crea páginas de destino claras para la configuración de privacidad y la autenticación multifactor. Decisiones de diseño intencionadas como esta ayudan a comunicar el propósito y los beneficios de tu producto.
El storyboarding también te ayuda a entrelazar todos los elementos de tu UX en una narrativa coherente. Cuando lo organizas todo en un storyboard, notarás rápidamente las inconsistencias entre diseños que debes corregir, como interacciones que no se usan de forma uniforme o diseños de página extraños que son innecesariamente únicos. Estas narrativas coherentes guían a los usuarios sin problemas a través de su recorrido.
Sácale partido al poder de contar historias
Quizás te cueste ver tu producto digital como una historia, pero al diseñar algo, siempre estás enviando un mensaje. Ya sea que lances una nueva función o ajustes elementos de la interfaz, el guion gráfico te ayuda a crear una narrativa coherente que tus usuarios recordarán.
Webflow te permite convertir tus prototipos de alta fidelidad en sitios web reales. Los miembros del equipo pueden colaborar en el diseño del sitio simultáneamente gracias a los roles y permisos de usuario avanzados.
Aprende cómo usar Webflow para darle un impulso a tus diseños web. Aplica técnicas de narrativa para crear experiencias de usuario más inmersivas e impactantes en tu próximo proyecto de UX con Webflow.
Crea con Webflow
Webflow Enterprise ofrece a tus equipos la capacidad de crear, publicar y gestionar sitios de forma colaborativa y a gran escala.
