Shadowing Practice: Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak - Learn English Speaking with Video

Elige un modo de práctica

Cada modo abre una sala de práctica a pantalla completa.

49 oraciones

Si las oraciones son demasiado cortas o largas, haz clic en Editar para ajustarlas.

Do you find it challenging to get all of your team members on the same page about a product's design?

Then UX storyboards can be a great help for you.

And they are a super simple way to explain complex user flows to stakeholders to get their initial buy -in.

Hi, my name is Alex and welcome to UX Tweaks channel.

Today we are talking about UX storyboarding.

what it is, how to create a UX storyboard, and how to leverage AI to make the process straightforward.

UX storyboarding is the process of visualizing your users' interaction with the product.

In a sense, UX storyboards are similar to storyboards in cinematography.

They also contain pictures or sketches and captions for visualization purposes.

But instead of specific shots for a movie, UX storyboards depict how a user utilizes a product.

UX storyboarding is a great help in clarifying product vision with the team and stakeholders.

And you can use UX storyboarding sessions to lay the basis for a prototype you will use for testing.

A common misconception is that UX storyboarding is similar to creating wireframes.

However, storyboards and wireframes serve different purposes.

A storyboard shows the user's journey.

It highlights their emotions, goals, and how they interact with the product, step by step.

A wireframe, on the other hand, is a blueprint.

It focuses on the layout, structure, and features screens.

So while storyboards capture the users actions and experiences over time, wireframes focus on the design elements.

Let's look at an example of a UX storyboard for a food delivery app from the Nielsen Norman group.

You can see that the storyboard depicts seven main stages of the users interactions with the app.

You can also see an additional event right here.

It depicts a coupon that the user gets after they fill out the survey.

By creating this storyboard, the team can identify what main steps the user will take.

Subsequently, they can better identify main touch points where they can improve the user's experience.

This UX storyboard also helps understand where the user can be engaged in upselling or further interactions, such as taking customer satisfaction surveys.

So, how to create a UX storyboard?

First of all, you need to gather the data you will use for storyboarding.

The most important information is covered by a user persona, a specific user scenario for the user persona, and a journey map.

You can also do some UX secondary research before the storyboarding session.

When you're ready, start by focusing on the key steps that users take during the user flow.

Ensure your UX storyboard reflects real user scenarios.

Then, choose a user persona and a scenario to guide the story

and decide how detailed or high fidelity you want the visuals to be.

Plan out the panels or the main steps and add visual elements and captions to each one.

Remember, the visuals don't have to be perfect.

And to create visuals faster, you can use AI tools such as DALI to create them.

on drawing the pictures by hand, and you will have a digital version of the UX storyboard, which is easier to share with stakeholders.

Once the storyboard is ready, share it with the team, gather feedback, and revise as needed.

The next steps in the design process are creating your prototype and then testing it with your users.

If you need a tool for that, make sure to check out UX Tweaks prototype testing.

The link is in the description.

There we go.

UX storyboarding is definitely a great, helpful activity to do with your team before prototyping a product.

And don't forget, once your storyboards are finished, add them to your UX research repository.

This way you can easily keep track of the motivations behind your design decisions and share access to them with stakeholders.

Don't forget to like and subscribe to watch more videos on all things UX related.

See you next time.

you

Descargar app

Todo lo que necesitas para hablar con fluidez

Pronunciación con IAEvalúa cada oración

Práctica de IPADomina cada sonido

VocabularioConstruye tu banco de palabras

Juego de vocabularioAprende mientras juegas

Escanea el QR

Download on theApp Store Get it onGoogle Play

Mismo canal

JTBD Framework in UX w/ Examples | UXtweak

Daily ConversationWorking Adults

FOR YOU

Recomendar Video

135 oraciones

Vocabulario y notas de pronunciación para esta lección

Esta lección de conversación de nivel B2 se basa en el vídeo “Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples”. Las palabras que más se repiten: storyboard, user, storyboarding, step, product. Este vídeo tiene 49 frases y 662 palabras para practicar shadowing. La parte hablada dura 4:34. El hablante mantiene un ritmo constante de unas 145 palabras por minuto, cómodo para el shadowing. Solo el 78 % de las palabras está entre las 3.000 más comunes del inglés, por lo que el vocabulario es exigente.

Vocabulario clave de este vídeo

Las 15 palabras más avanzadas del vídeo, con su pronunciación y significado:

Palabra	Pronunciación	Significado
stakeholder sustantivo	/ˈsteɪkˌhəʊl.də/	apostador, baratero (chapas, juego de apuestas)
prototype sustantivo	/ˈpɹəʊtətaɪp/	prototipo
depict verbo	/dɪˈpɪkt/	plasmar
persona sustantivo	/pɝˈsoʊnə/	personaje
scenario sustantivo	/sɪˈnɛəɹioʊ/	escenario, supuesto
caption sustantivo	/ˈkæp.ʃən/	prefacio
blueprint sustantivo	/ˈbluːˌpɹɪnt/	cianotipia
cinematography sustantivo	/ˌsɪn.ə.məˈtɒɡ.ɹə.fiː/	cinematografía
misconception sustantivo	/ˌmɪs.kənˈsɛp.ʃən/	creencia errónea, concepción equivocada
repository sustantivo	/ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/	repositorio
revise verbo	/ɹɪˈvaɪz/	corregir, enmendar
upsell verbo		sobrevender
visualization sustantivo	/ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/	visualización
visualize verbo	/ˈvɪʒuəˌlaɪz/	visualizar
fidelity sustantivo	/fᵻˈdɛlədi/	fidelidad

Phrasal verbs que vas a escuchar

Palabra	Pronunciación	Significado
check out verbo		investigar, chequear
fill out verbo	/fɪl ˈaʊt/	rellenar, cumplimentar

Pronunciación a tener en cuenta

El hablante usa 4 contracciones y formas reducidas, como don't, you're. Dilas en su forma corta, tal como las oyes.

Los sonidos de “sh” y “zh”: caption /ˈkæp.ʃən/, misconception /ˌmɪs.kənˈsɛp.ʃən/, visualization /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/, visualize /ˈvɪʒuəˌlaɪz/, satisfaction /sætɪsˈfækʃən/
Palabras largas — cuida el acento: cinematography /ˌsɪn.ə.məˈtɒɡ.ɹə.fiː/, misconception /ˌmɪs.kənˈsɛp.ʃən/, repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, visualization /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/, satisfaction /sætɪsˈfækʃən/

Sonidos difíciles para hispanohablantes:

s + consonante al inicio — sin añadir una “e” delante: stakeholder /ˈsteɪkˌhəʊl.də/, straightforward /ˌstɹeɪtˈfɔː(ɹ)wə(ɹ)d/, sketch /ˈskɛt͡ʃ/
/v/ — no es /b/: los dientes tocan el labio inferior: revise /ɹɪˈvaɪz/, visualization /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/, visualize /ˈvɪʒuəˌlaɪz/, leverage /ˈlɛv.(ə.)ɹɪd͡ʒ/
/z/ — sonora, no /s/: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, revise /ɹɪˈvaɪz/, visualization /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/, visualize /ˈvɪʒuəˌlaɪz/, utilize /ˈjuː.tɪ.laɪz/

Cómo practicar con este vídeo

Escucha el vídeo entero una vez sin hablar y anota las palabras que no conoces.
Haz shadowing frase por frase a velocidad normal, repitiendo cada una hasta que tu ritmo coincida con el del hablante.
Grábate y compara con el original, prestando atención a palabras como stakeholder, prototype, depict.

¿Qué es la Técnica de Shadowing?

Shadowing es una técnica de aprendizaje de idiomas respaldada por la ciencia, desarrollada originalmente para la formación de intérpretes profesionales y popularizada por el políglota Dr. Alexander Arguelles. El método es simple pero poderoso: escuchas audio en inglés nativo y lo repites en voz alta de inmediato, como una sombra que sigue al hablante con solo 1-2 segundos de retraso. A diferencia de la escucha pasiva o los ejercicios de gramática, el shadowing obliga a tu cerebro y músculos de la boca a procesar y reproducir simultáneamente patrones de habla reales. Las investigaciones muestran que mejora significativamente la precisión de la pronunciación, la entonación, el ritmo, el habla conectada, la comprensión auditiva y la fluidez al hablar, convirtiéndola en una de las metodologías más efectivas para la preparación del IELTS Speaking y la comunicación en inglés en el mundo real.

Técnica de shadowing: lee la guía completa paso a paso →

Shadowing Practice: Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak - Learn English Speaking with Video

Elige un modo de práctica

Descargar app

JTBD Framework in UX w/ Examples | UXtweak

How to Become a UX Designer in 2025 (No Degree or Bootcamp)

Master English storytelling (secret technique)

Usability Heuristic 3: User Control & Freedom

How to Make a Mind Map - The Basics

How an Agile Coach can help Product Owners

Give Me 15 Minutes. I'll Teach You 80% of Obsidian

How to Avoid Doing UX Theatre

Video

Trust the Process: How to Design Teams That Actually Work

Dot Plots: How to Actually See What Your Users Are Doing

The 7 Quality Control (QC) Tools Explained with an Example!

The future unfolds! How to optimize Android apps for adaptive layouts