Si la forma que buscas es un marcador que recorre una línea de texto, empieza por animar un resaltado de texto, que trata la parte del tiempo. Este artículo va de la otra mitad: lograr que la forma encaje.

Las bibliotecas de anotaciones suelen juzgarse por cuántas formas traen. En la práctica, la cantidad casi no importa. Lo que decide si las anotaciones parecen pensadas o de aficionado es si cada forma se puede ajustar a aquello a lo que se refiere, y la mayor parte de la frustración con las herramientas de anotación es en realidad un problema de cambio de tamaño.

Por qué la forma importa más que el estilo

Un recuadro alrededor de un botón debería tener el tamaño del botón. Un subrayado bajo una palabra debería medir lo que mide la palabra. Suena obvio, y es justo lo que las herramientas complican, normalmente de una de estas tres maneras:

  • La forma cambia de tamaño desde su centro, así que cada arrastre la desplaza de lo que querías señalar.
  • Solo se pueden arrastrar las esquinas, así que cambiar solo el ancho implica cambiar también el alto.
  • Un tamaño mínimo te impide hacer la forma realmente fina.

Cualquiera de estas convierte un trabajo de diez segundos en algo engorroso, y lo habitual es que la gente se rinda y deje la forma más o menos bien. Y "más o menos bien" es justo lo que se ve descuidado.

Los ocho controladores y qué fija cada uno

El cambio de tamaño libre implica ocho puntos de agarre: uno en cada borde y uno en cada esquina.

  • Los controladores de borde cambian una sola dimensión. Arrastra el borde derecho y solo cambia el ancho.
  • Los controladores de esquina cambian ambas a la vez, para cuando ajustas una forma a un objetivo rectangular como un cuadro de diálogo.

Lo que lo hace usable es lo que pasa con el otro lado. Cada controlador fija el borde opuesto. Arrastra el borde derecho y el izquierdo se queda exactamente donde está. Eso es lo que te permite alinear el lado izquierdo de una forma con el inicio de una palabra y luego estirar el derecho hasta el final, sin que la primera alineación se mueva.

Cambiar el tamaño desde el centro, como hacen muchas herramientas, rompe esto. Cada ajuste mueve ambos bordes, así que alinear un lado es imposible sin un segundo arrastre de corrección.

Hacer una forma fina a propósito

Un subrayado mide unos pocos píxeles de alto. Un marcador de barra de progreso, menos aún. Las herramientas que imponen una altura mínima, normalmente para evitar que una forma se colapse por accidente, hacen esto imposible, y el apaño que encuentra la gente es usar un recuadro y aceptar que queda demasiado alto.

El límite correcto es lo bastante bajo para permitir una línea de verdad y lo bastante alto para que una forma no pueda desaparecer del todo. Si puedes reducir un rectángulo a una línea finísima y sigue siendo fácil de agarrar, la herramienta lo hace bien.

La prueba práctica: intenta hacer un subrayado a partir de un recuadro. Si puedes, las formas finas funcionan. Si se detiene a un tercio del camino, no.

Los controles que dan forma a una anotación

El tamaño es la mitad. El resto es el panel de propiedades, y vale la pena conocer algunos controles porque es fácil pasarlos por alto:

  • Animación de entrada. Cómo llega la forma. Una entrada Draw On le va bien a las formas tipo marcador, por eso es la opción por defecto cuando estás resaltando texto dentro del material, mientras que un fundido le va bien a las etiquetas.
  • Animación de salida. Cómo se va. Las formas que aparecen de golpe y luego desaparecen bruscamente llaman la atención sobre su propia desaparición.
  • Color de relleno, separado del borde. Un recuadro que necesita un interior teñido y otro que solo necesita contorno son formas distintas, y controlarlos juntos obliga a un término medio.
  • Opacidad. El control más útil para anotaciones sobre material cargado.

Si un control que esperas no está en el panel, puede que de verdad no esté expuesto. La distancia entre lo que guarda el modelo y lo que la interfaz te deja cambiar es una fuente habitual de "¿por qué no puedo ajustar esto?", y conviene revisar el panel con cuidado antes de dar por hecho que la función no existe.

Un flujo de trabajo que mantiene las formas coherentes

La coherencia a lo largo de un video importa más que la perfección de cualquier forma individual.

  1. Construye una forma bien. Tamaño, color, opacidad y entrada, todo como lo quieres.
  2. Duplícala para cada una de las demás anotaciones. Copiar una forma existente conserva sus ajustes, así que la quinta anotación coincide con la primera.
  3. Cambia el tamaño de las copias, no su estilo. La posición y el tamaño cambian según el objetivo. El color y el tiempo, no.
  4. Revísalas a velocidad de reproducción. Las formas que se ven bien en un fotograma en pausa a menudo resultan estar en pantalla bastante menos de un segundo.
  5. Míralo una vez sin sonido. Los problemas de las anotaciones se ven mucho más fácil cuando la narración no te arrastra más allá de ellos.

La razón por la que la moderación importa está bien documentada fuera del video: los hallazgos de Nielsen Norman Group sobre la ceguera a los banners muestran que la gente aprende a ignorar los elementos decorados que se repiten, y las anotaciones que aparecen todo el tiempo entrenan justo ese reflejo.

Ese último paso detecta el fallo más común, que no es una anotación mal formada sino una que nadie tiene tiempo de leer. Las reglas generales para colocar flechas y anotaciones se aplican además de todo lo que se dice aquí sobre el tamaño.

Preguntas frecuentes

¿Por qué se mueve mi forma cuando intento cambiarle el tamaño? Probablemente la herramienta cambia el tamaño desde el centro. Cada arrastre mueve ambos bordes, así que la forma parece deslizarse. Una herramienta que fija el borde opuesto no hace esto.

¿Qué tan fino debe ser un subrayado? Alrededor de una décima parte de la altura del texto que subraya, con un mínimo de unos pocos píxeles para que siga visible en tamaños de exportación más pequeños.

¿Puedo hacer una anotación perfectamente cuadrada? Arrastra un controlador de esquina e iguala los números en los campos de tamaño si tu herramienta los muestra. Los controladores de esquina cambian ambas dimensiones, que es lo que necesitas para un objetivo cuadrado.

¿Las anotaciones deben llevar borde, relleno o ambos? Una cosa u otra en casi todos los casos. Las dos a la vez crean dos bordes que compiten y hacen que la forma parezca más pesada que lo que está señalando.

¿Cuántas anotaciones son demasiadas en un video? Si hay dos en pantalla a la vez, suele sobrar una. En todo el video, el límite es cuantas el espectador todavía tenga ganas de leer.

¿Tengo que volver a ajustar el tiempo de una anotación después de cambiarle el tamaño? Normalmente no, pero compruébalo. Alargar mucho una forma significa que una entrada Draw On tiene más recorrido, lo que puede hacer que la misma duración se sienta más lenta.