ES

Cómo dar feedback de diseño en vídeo

Feedback de diseño en vídeo en ambas direcciones: cómo enseñar al cliente qué ha cambiado y qué necesitas, y cómo conseguir que él también te responda en vídeo.

Nicolas Ricardi7 min de lectura

En resumen

  • El feedback de diseño va de detalles, y el vídeo te deja señalar justo el que quieres decir en lugar de describirlo.
  • Estructura cada vídeo de feedback igual: contexto, qué ha cambiado, qué necesitas del cliente.
  • Haz zoom, mueve el cursor despacio y enseña una pantalla cada vez: el cliente nunca debería preguntarse adónde mirar.
  • Termina con una pregunta que el cliente pueda responder en una línea, no con «dime qué te parece».
  • Pide a los clientes que también te envíen su feedback en vídeo: su Mac, su iPhone o su PC con Windows ya pueden grabar la pantalla.

Un vídeo de feedback de diseño es una grabación de pantalla corta en la que recorres un diseño y dices en voz alta qué funciona, qué ha cambiado y qué necesita una decisión. Sustituye el email largo con capturas y círculos rojos, y la reunión convocada solo para señalar cosas. La mayoría de estos vídeos duran de dos a cuatro minutos y terminan con una pregunta clara.

Funciona en las dos direcciones. Puedes presentar una revisión a un cliente, y puedes pedir a los clientes que te envíen su feedback de la misma manera. Esta guía cubre las dos.

Por qué el feedback de diseño funciona mejor en vídeo

El feedback de diseño va de cosas pequeñas: un margen que se queda corto, un título que se parte mal en el móvil, un tono de azul que se ve distinto junto a la foto. Por escrito, cada una necesita una captura y un párrafo. En vídeo, lo señalas y lo dices.

El vídeo también transmite el tono. «La cabecera todavía no funciona» puede sonar duro en un email. Dicho con una sonrisa, y seguido de «esto es lo que yo probaría», es una conversación normal.

Y conserva el razonamiento. Cuando dentro de un mes el cliente pregunte por qué el botón es verde, la respuesta está en el vídeo, con tus palabras.

De la agencia al cliente: enseñar qué ha cambiado

Cuando envías una revisión a un cliente, quiere saber tres cosas: qué es esto, qué es distinto y qué quieres de él. Respóndelas en ese orden.

  1. Contexto. Qué diseño, qué ronda, a qué responde. «Esta es la segunda ronda de la ficha de producto, con los cambios del email del lunes».
  2. Qué ha cambiado. Recorre cada cambio en el orden en que el cliente se lo va a encontrar en la página, de arriba abajo. Enséñalo, nómbralo y di por qué en una frase.
  3. Qué necesitas. La decisión que pides y para cuándo. Después, para de grabar.

Dos hábitos lo hacen mucho más claro:

  • Di al principio cuántos puntos hay. «Tres cambios y luego una pregunta». El cliente sabe cuánto tiempo tiene que prestar atención.
  • Compara cuando ayude. Si un cambio es sutil, enseña un segundo la versión anterior y después la nueva. El antes y el después explican más que cualquier descripción. Para rondas de revisión completas, lee cómo presentar un diseño a un cliente sin reunión.

Ronda de revisión, ficha de producto

Al enviar la segunda ronda al cliente · Unos 2 minutos

Hola, Javier, aquí tienes la segunda ronda de la ficha de producto. Tres cambios de tus notas y luego una pregunta.

Primero, el precio ahora está justo debajo del nombre del producto, así que se ve sin hacer scroll. Segundo, hemos subido las reseñas por encima de la descripción, como pediste. Tercero, el botón «Añadir al carrito» se queda visible en el móvil mientras haces scroll. Aquí lo tienes en una ventana del tamaño de un móvil.

Mi pregunta: ¿te convencen las reseñas encima de la descripción? Si es que sí, esta semana aplicamos la misma maquetación a todas las fichas de producto.

Señala los detalles, no la pantalla entera

El problema más habitual de los vídeos de feedback de diseño no es lo que se dice. Es que quien lo ve no sabe adónde mirar.

  • Haz zoom. Graba un frame o una sección a un tamaño legible, no una mesa de trabajo entera en la que el texto es una mancha. En el navegador, amplía la página antes de grabar.
  • Graba una ventana o un área, no la pantalla entera. En un Mac, ⌘⇧5 te deja grabar una parte seleccionada. Desaparecen el Dock, las demás ventanas y la tentación de irte por las ramas.
  • Mueve el cursor despacio y detente en el detalle. Rodéalo y quédate quieto mientras hablas de él.
  • Di qué estás señalando. «Este hueco, entre el título y la foto». Ayuda a los clientes que lo ven en el móvil, donde el cursor es diminuto.
  • Dibuja encima si hace falta. Una flecha o un círculo en pantalla es más claro que mover el cursor de un lado a otro. Nuestra guía para dibujar en la pantalla mientras grabas en el Mac explica las opciones.

Grabar diseños en Figma y en el navegador

La mayor parte del feedback de diseño pasa en dos sitios: un archivo de diseño y una página real.

En una herramienta de diseño, enseña el diseño como lo va a ver el cliente, no el editor. Oculta los paneles si tu herramienta lo permite, o presenta el prototipo para que el cliente vea la página y no tus capas. Antes de empezar, comprueba que estás en la versión correcta: grabar la primera ronda por error es fácil cuando el archivo tiene cinco páginas de iteraciones. Lo vemos en detalle en cómo grabar un recorrido por un prototipo de Figma.

En el navegador, graba una ventana limpia: sin barra de marcadores, sin pestañas de otros clientes, sin extensiones pidiendo atención. Si el diseño es responsive, enseña también el ancho de móvil, porque ahí es donde aparece la mayor parte del feedback de maquetación. La guía para grabar una página web en el navegador explica cómo prepararlo.

Termina con una pregunta clara

Esto es lo que decide si recibes hoy una respuesta útil o la semana que viene una vaga.

Preguntas finales que consiguen una respuesta de verdad
En lugar de Pregunta
«Dime qué te parece». «¿Te convence la nueva cabecera? Con un sí o un no me vale».
«¿Algún comentario?» «De los dos colores, ¿cuál prefieres para el botón?»
«¿Qué te parece la segunda ronda?» «Si te funciona, ¿me lo confirmas antes del viernes para empezar con las páginas interiores?»

Lo ideal es una pregunta por vídeo; dos, como máximo. Repítela en el mensaje que lleva el enlace, para que un cliente que responda sin verlo hasta el final conteste igualmente a lo que toca:

Slack· para Javier

Hola, Javier, segunda ronda de la ficha de producto: tres cambios de tus notas, unos 2 minutos. Una pregunta: ¿te convencen las reseñas encima de la descripción? Si es que sí, esta semana usamos la misma maquetación en todas las fichas de producto.

Ficha de producto, segunda rondaJustRec · 2:05

Hay más sobre las preguntas finales en cómo conseguir la aprobación del cliente más rápido.

Del cliente a la agencia: pedir feedback en vídeo

El feedback del cliente por email llega a menudo como «la parte de arriba no me acaba de convencer» o como una captura sin explicación. Un vídeo de 60 segundos del cliente, haciendo scroll por la página y hablando, suele decirte mucho más.

La mayoría de los clientes nunca lo han hecho, así que pónselo fácil:

  • Dile que es opcional. Una respuesta por escrito sigue valiendo. El vídeo es para cuando es más fácil enseñarlo.
  • Dile cómo. En un Mac: ⌘⇧5, elegir un área o la pantalla entera, Grabar. En un iPhone: el botón Grabar del Centro de Control. En Windows 11: grabar un vídeo con Recortes.
  • Dile qué decir. Enseñar la parte, decir qué le chirría y decir qué preferiría en su lugar, si lo sabe.
  • Dile que la duración da igual. Una grabación de un minuto, aunque sea torpe, es más útil que un email perfecto que nunca llega a escribirse.

Ponlo en el mensaje que acompaña al diseño:

Mail· para Laura

Hola, Laura, aquí tienes la nueva home, con un recorrido corto. Si te resulta más fácil, puedes mandarnos tu feedback como una grabación de pantalla: haz scroll por la página y cuéntanos qué cambiarías. En un Mac pulsa Mayús-Comando-5; en un iPhone, usa el botón Grabar del Centro de Control.

Una respuesta por escrito también nos vale perfectamente. Lo que te resulte más rápido.

Nueva home, primer vistazoJustRec · 2:40

El mismo enfoque sirve para los bugs, donde una grabación del cliente ahorra horas de adivinanzas. Lee cómo conseguir que tus clientes reporten bugs en vídeo.

Convertir el feedback en vídeo en una lista de tareas

Un vídeo es una forma estupenda de dar feedback y un mal sitio para guardarlo. Después de ver el vídeo de un cliente, o cuando él responda al tuyo:

  1. Apunta los puntos en una lista numerada corta.
  2. Devuélvele la lista: «Esto es lo que he entendido, corrígeme si se me ha escapado algo».
  3. Usa esa lista, no el vídeo, como brief de la siguiente ronda.

Lleva dos minutos y evita la conversación de «eso no es lo que dije» en la tercera ronda.

Para ver dónde encaja el feedback de diseño entre los demás vídeos que envías a tus clientes, empieza por nuestra guía del vídeo asíncrono con clientes.

Preguntas frecuentes

¿Cómo doy feedback de diseño en vídeo?

Abre el diseño, graba tu pantalla y tu voz y recórrelo en tres partes: el contexto, qué ha cambiado o qué has visto, y qué necesitas. Señala cada detalle con el cursor y termina con una pregunta concreta.

¿Cuánto debe durar un vídeo de feedback de diseño?

De dos a cuatro minutos bastan para la mayoría de las rondas de revisión. Si tienes más de cinco o seis puntos, divídelos en dos vídeos o agrúpalos por página.

¿Cómo puede un cliente enviar feedback en vídeo sin programas especiales?

En un Mac puede pulsar Mayús-Comando-5, en un iPhone puede usar el botón Grabar del Centro de Control, y en Windows 11 puede grabar un vídeo con Recortes. Después te envía el archivo o un enlace.

¿Debo enseñar mi cara en un vídeo de feedback de diseño?

Ayuda cuando el feedback es delicado o la relación es nueva, porque el tono se entiende mejor viendo una cara. Para una lista rápida de arreglos, basta con tu voz sobre la pantalla.

Escrito por

Nicolas Ricardi

Maker of JustRec, at Nube

Nicolas makes JustRec at Nube, a web studio in Italy. He built it for the videos Nube sends to its own clients: design reviews, handovers and quotes explained in a few minutes instead of a meeting.

www.wearenube.dev
Vídeos para clientes