“Qué es lo primero que ve el ojo humano en una página” preguntaron muchos diseñadores curiosos, más aún un diseñador web. Como presentadores, ¿nos hemos preguntado lo mismo alguna vez? ¿Por qué no? También debemos sentir curiosidad por el comportamiento de lectura de nuestra audiencia. ¿No queremos que nuestras diapositivas se lean y se vean como queremos? ¿No nos ayudará el conocimiento de su comportamiento a tomar mejores decisiones sobre qué poner en las diapositivas y dónde?

Así que volvemos a la pregunta: ¿dónde mira la gente primero en una página impresa o en la web? Una investigación rápida sobre estudios de seguimiento ocular arroja estos hallazgos:

Estudios de seguimiento ocular: qué nos dicen

Los estudios de seguimiento ocular son muy fascinantes. Es muy esclarecedor saber qué leen los lectores primero, segundo, tercero, etc., y dónde permanecen fijos sus ojos durante más tiempo. ¿Cómo lo sabemos? Bueno, los participantes tienen que enfrentar una pequeña incomodidad al usar equipo para la cabeza (un equipo bastante caro) y se les pide que lean sus sitios web como lo hacen normalmente. El software genera un mapa de calor que lo revela todo.

Aunque la mayoría de los estudios de seguimiento ocular se han realizado para sitios web y resultados de búsqueda de Google (que en su mayoría contienen mucho texto), todavía podemos extraer información valiosa de estos estudios. Estuvimos de acuerdo en que los toboganes son un juego de pelota completamente diferente. Una presentación de PowerPoint es una ayuda visual y se supone que debe ser visualmente pesada en lugar de texto. Pero podemos aprovechar los patrones de lectura establecidos universalmente, romper las reglas como un profesional y hacer que nuestras diapositivas sean más impactantes. Así que, aquí vamos:

1. La esquina superior izquierda de la página es la primera que se ve

¿Dónde mira la gente primero? Los estudios han demostrado que la gente empieza a leer desde la esquina superior izquierda de la página. Esa es la razón por la que la mayoría de los sitios web mantienen su logotipo en la esquina superior izquierda.

Qué significa para tus diapositivas: Mantén el elemento más importante de la diapositiva (digamos tu título) en la parte superior izquierda. Eres libre de romper la regla, pero para ello también necesitas conocer los próximos hallazgos.

2. Preferiblemente texto a imágenes

Existe mucho debate sobre qué se ve primero en una página: texto o imágenes. Si bien generalmente se cree que las imágenes se ven primero, un estudio de 2000 realizado por el Instituto Poynter en sitios de periódicos reveló que las tres primeras fijaciones oculares de los usuarios, El 22% eran gráficos y el 78% eran texto. Esto era contrario a la opinión popular y al estudio de Poynter de 1990. Fue una buena noticia para las empresas (especialmente para los periódicos, ya que el estudio cubrió eso). La buena noticia es que tu contenido se lee.

Pero recordemos que la gente estaba leyendo el sitio web de un periódico donde la gente iba a leer noticias y es un estudio realizado hace 17 años cuando la audiencia no estaba saturada de texto. Es alentador que la audiencia tampoco esté saturada de texto hoy en día. Un estudio de 2016 realizado por el Pew Research Center encontró que el 42 % de los adultos más jóvenes prefieren las palabras a las imágenes cuando se trata de noticias.

PRECAUCIÓN: ¿Qué significa esto para tus diapositivas? La experiencia con diapositivas terribles y con mucho texto sugiere lo contrario. Los espectadores de diapositivas están saturados de texto. Los presentadores no deberían tomar un mensaje equivocado de Pew and Poynter Research y comenzar a llenar sus diapositivas con texto. Es un medio visual y debe tratarse de esa manera. El texto es importante, pero mantenlo al mínimo.

3. El pliegue superior es el que se ve más tiempo

La investigación Eyetrack III realizada por el Instituto Poynter, el Centro Estlow de Periodismo y Ciencia. New Media y Eyetools encontraron que "Los ojos se fijaban con mayor frecuencia primero en la parte superior izquierda de la página y luego flotaban en esa área antes de ir de izquierda a derecha". Sólo después de examinar la parte superior de la página durante algún tiempo sus ojos exploraron más abajo."

Qué significa para tus diapositivas: Mantén el mensaje más importante en la mitad superior. Por supuesto, el diseño determina el comportamiento de lectura del público. Si está dividiendo la diapositiva horizontalmente, tiene sentido mantener la información importante en la mitad superior. Si está dividiendo la diapositiva verticalmente, manténgala a la izquierda, ya que los estudios de seguimiento ocular también revelan el siguiente hallazgo.

4. La mitad izquierda de la página es dominante

La sociedad occidental está acostumbrada a leer de izquierda a derecha ya que la mayoría de los lenguajes escritos se crearon de esta manera. Un estudio realizado por Nielsen Norman Group descubre que los usuarios web pasan el 69% de su tiempo viendo la mitad izquierda de la página y el 30% viendo la mitad derecha. El Grupo Nielsen Norman también descubrió el Patrón F de lectura: los lectores comienzan desde la esquina superior izquierda, se mueven horizontalmente hacia la derecha y bajan un poco. y leer horizontalmente nuevamente, y finalmente leer verticalmente desde arriba a la izquierda hacia abajo a la izquierda.

¿Este estudio de 2006 sigue siendo relevante hoy? Un estudio reciente sobre la lectura de la mirada en teléfonos inteligentes encontró que el patrón F todavía está presente.

Qué significa para tus diapositivas: Si estás dividiendo la diapositiva verticalmente, mantén el mensaje más importante a la izquierda. El dilema vuelve a surgir: ¿texto o imagen a la izquierda? Recuerde que la presentación debe centrarse más en las imágenes, ya que se recuerdan más en comparación con el texto. ¡Por lo tanto, mantén las imágenes a la izquierda sin preocuparte!

5. Los titulares grandes y atrevidos llaman la atención

La investigación Eyetrack III también cita: “Los titulares dominantes suelen llamar la atención primero al entrar en la página, especialmente cuando están en la parte superior izquierda y con mayor frecuencia (pero no siempre) cuando está en la esquina superior derecha.”

Qué significa para tus diapositivas: Utiliza el contraste, el énfasis y el poder de las combinaciones de fuentes para añadir poder a tu título en las presentaciones< /span>reemplazar alfabetos con íconos para hacer de tu texto un festín visual para la audiencia.

6. La gente no lee las páginas, las escanea

Todos los estudios de seguimiento ocular han demostrado que las personas escanean páginas para encontrar cosas que les resulten útiles. Son despiadados al ignorar los detalles. Pero cuando encuentran la información más relevante para ellos, se sumergen en ella y la leen con todo detalle.

Qué significa para las diapositivas: No tienen párrafos continuos. Rómpelo en trozos con títulos. Coloque la palabra importante en una oración en negrita o cursiva para interrumpir el movimiento ocular y atraer la atención de la audiencia.

Rompiendo todas las reglas del seguimiento ocular en el diseño de presentaciones

Un concepto muy importante en el diseño, CUALQUIER diseño, es Peso Visual. El peso visual es la idea de que ciertos elementos en el diseño parecen ser más pesados ​​que otros. Necesitamos elementos de diseño de diferente peso visual para establecer una jerarquía visual. Un título de 60 puntos será visualmente más pesado que un título de 24 puntos. El rojo oscuro será visualmente más intenso que el gris claro en una diapositiva blanca. El elemento con el máximo peso visual atraerá la atención el primero que parezca obvio.

Cuando utilizas este concepto en el diseño de presentaciones, puedes romper todos los hallazgos anteriores y dirigir la atención de la audiencia hacia donde quieres que vaya. Puede colocar un título de 80 puntos en la parte inferior derecha de su diapositiva y la audiencia lo notará primero. Pero debería haber una lógica detrás de eso. También podrías haber colocado el titular en la parte superior izquierda, como sugieren los estudios de seguimiento ocular. ¿Qué diseño de diapositiva elegirías entre estos dos? (Elegiríamos la opción A aunque no siga la regla del título de la esquina superior izquierda. ¿Y tú?)

Eye Flow en el diseño de presentaciones: ¿Qué tan fácil es?

Todos tenemos que estar de acuerdo en que cada diseño tiene un flujo, incluso si es fortuito. Existe un patrón en el que nuestros ojos pasan de una información a otra. Como presentadores o creadores de diapositivas, tenemos el deber moral de garantizar que nuestra audiencia pueda consumir los fragmentos de información de nuestra diapositiva en el menor tiempo y sin ningún estrés cognitivo.

Lamentablemente, muchas diapositivas no sólo suponen una tensión cognitiva, sino también una fatiga visual. ¿Alguna vez te has topado con diapositivas terribles que tenían tanta información pidiendo atención que no sabías por dónde empezar? y mucho menos pasar por todo eso. Aquí hay una diapositiva que, a pesar de las mejores intenciones, hace que los ojos se pongan en blanco demasiado rápido:

¿Qué notas primero? ¿El título “Datos demográficos” o el hombre de arriba a la izquierda mirando a Dios sabe quién? ¿Qué sigue? ¿Lees las viñetas pero las dejas a mitad de camino para mirar a la linda chica asiática de la izquierda? ¿Te llama también la atención el hombre de la barba de la derecha con su sonrisa radiante? ¡Ni un minuto después de leer esta diapositiva y los ojos quieren un descanso!

Para variar, la diapositiva no está llena de texto. Hay imágenes que dicen más que mil palabras cada una. Sí, la elección de las imágenes es incorrecta: algunas tienen un fondo recargado, mientras que otras son transparentes. Tampoco hay uniformidad en las dimensiones de las imágenes. Pero tener en cuenta estos factores no salvaría la caída. Como ya habrás adivinado, el defecto fatal es la ubicación irregular de los elementos de diseño. El flujo en este diseño de diapositiva es loco de izquierda a derecha, de arriba a abajo, en diagonal... ¡culminando en el giro de los globos oculares! Estoy seguro de que ya has arreglado la diapositiva en tu mente y probablemente hayas decidido optar por una sola imagen como hicimos en el cambio de imagen de la diapositiva a continuación:

La ubicación de izquierda a derecha de cada variable demográfica y la división de la diapositiva en 5 cuadros de colores hacen que el movimiento ocular sea muy fácil y la información fácil de captar. Esto se llama Flujo compositivo en diseño: componer el diseño de tal manera que la vista fluya de un elemento de diseño a otro de la forma que desee. . Entonces, veamos formas en las que podemos manipular y crear diseños para hacer que el movimiento ocular sea más fácil y útil para lograr nuestro objetivo de presentación.

Estrategias para incorporar el movimiento ocular en el diseño de diapositivas de PowerPoint

Estrategia n.º 1: aprovechar el poder de la mirada

Si vemos un grupo de personas mirando hacia algo, automáticamente tendemos a mirar en esa dirección. No podemos evitar hacer esto. Llámelo curiosidad, mecanismo de supervivencia o instinto gregario, estamos programados para seguir la mirada. Aproveche esto al diseñar diapositivas. Sólo necesitas hacer dos cosas:

• Elija una imagen que tenga personas (sí, es su mirada la que más seguimos) mirando en alguna dirección (lo mejor es mirar el espacio en blanco de la diapositiva).
• Coloque el elemento más importante de su diapositiva en el área donde la persona está mirando.

Eche un vistazo a la diapositiva a continuación.

En la diapositiva de arriba, lo mejor era colocar el título de nuestra presentación en la dirección de la mirada del hombre y del plátano. Gracias al tamaño del plátano y a su llamativo color, el plátano tiene mucho peso visual y, por tanto, atrae la atención inmediata. Las expresiones del hombre hacen que la imagen sea bastante interesante y llame la atención.

El fotógrafo que compuso esta imagen debe haber dominado el principio del movimiento en el diseño porque mantiene mucho espacio en blanco a la derecha de la persona. Estas imágenes son enviadas por Dios para los presentadores: siga la Regla de los tercios y tenga movimiento. Pero es importante que también aprecies la belleza de la imagen y coloques el texto en consecuencia. Por eso inclinamos un poco el texto para imitar la curva del plátano. A continuación, también elegimos una fuente personalizada (una fuente cursiva) para el título para que coincida con la personalidad de las palabras y la imagen. Pero la siguiente afirmación: "¿Realmente vale la pena?" exige seriedad y, por lo tanto, se escribe con una fuente normal.

Nota: el espacio en blanco es esencial para que funcione la mirada.
Ahora, eche un vistazo a la diapositiva siguiente para darse cuenta de lo importante que es el espacio en blanco al utilizar la mirada. En la imagen de abajo, apenas había espacios en blanco. Entonces, tuvimos que ponerle la palabra clave "Fecha límite". Hubiera sido mucho mejor colocar esa palabra en la dirección de su ojo. Aprovechando al máximo el espacio que teníamos, colocamos el número de horas restantes cerca de la mirada. Entonces, el movimiento ocular de la diapositiva probablemente será así: Arriba (lea Fecha límite): mire la imagen y siga los ojos de la mujer; vea la cantidad de horas restantes que le causan tanto estrés.

Estrategia n.º 2: utilizar objetos para mostrar movimiento (si el rostro humano no está disponible)

No es tan fácil encontrar imágenes que incorporen la mirada en la composición de la imagen. Si puedes encontrar objetos que miren en una dirección particular, eso también servirá. Por ejemplo, aquí hay una diapositiva sobre la visión de la empresa que utiliza la dirección del objeto para poner más énfasis en la declaración de la visión.

Aquí hay otra diapositiva que utiliza las direcciones opuestas de las banderas para mostrar la ruptura del Brexit en números. Las instrucciones añaden más significado al contenido de la presentación, es decir, los porcentajes de "abandonar" y "permanecer" en este caso.

Estrategia n.° 3: imitar el movimiento inherente a la imagen

Aunque las imágenes son estáticas, el movimiento inherente dentro de ellas las hace dinámicas. Percibimos que una imagen al correr o nadar está en acción en lugar de estacionaria. Completamos la acción faltante basándonos en nuestro conocimiento del mundo exterior. Por ejemplo, podemos identificar fácilmente si un hombre está trotando o corriendo en función de la tensión corporal y las expresiones faciales.

Aprovecha esta acción en imágenes mientras diseñas tus diapositivas. Por ejemplo, en la diapositiva siguiente, puedes ver a un hombre corriendo con su maletín. Puede colocar su contenido en forma normal y estática como una fuente Arial o Calibri normal, pero el texto en estilo normal detendrá la acción en la diapositiva. ¡O puedes descargar una fuente personalizada o simplemente ponerla en cursiva para que tu contenido también parezca "estar en marcha"!

El contenido del cuerpo también recibió un tratamiento similar. La ubicación de líneas de arriba a abajo junto al contenido también agrega un movimiento sutil a la diapositiva.

Al principio leímos que la esquina superior izquierda es donde la mayoría de la gente está acostumbrada a comenzar a leer. Utilizando principios de diseño como el contraste y el énfasis, podemos invertir esta dirección de movimiento de la manera que queramos. Por ejemplo, en la diapositiva siguiente, la imagen de los pasos probablemente se trazará de arriba a abajo. Pero como queremos que simbolice una escalera de éxito, queremos el movimiento de abajo hacia arriba.

Por lo tanto, apartándonos de la tradición normal, colocamos el título en mayúsculas en la parte inferior y colocamos el texto del cuerpo de forma ascendente hacia arriba. Las flechas y los números obligan aún más a la audiencia a invertir su comportamiento de lectura. Idealmente, uno debería seguir el estilo de lectura habitual para que sea más fácil para la audiencia, pero podemos romper las reglas si eso agrega significado al diseño, lo cual hicimos en la diapositiva a continuación:

Estrategia n.º 4: jugar con elementos de imagen

Intente encontrar la acción en la imagen que elija y vea que puede manipular esa acción para agregar poder al contenido de su presentación. En la imagen a continuación, no se ha realizado ningún diseño sofisticado; simplemente la palabra "Obstáculos" se mantuvo debajo del pie de la mujer. Esta sencilla ubicación añade aún más movimiento a la composición de la imagen: la palabra "obstáculos" en sí misma se convierte en un obstáculo que la mujer está tratando de superar. El espectador también puede imaginar su siguiente paso cayendo sobre la palabra “Superar” y finalmente pasar a la siguiente colina sin ningún problema.

¿Cómo surgen esas ideas? Como presentadores, estos trucos no nos llegan automáticamente. Tenemos que entrenar nuestro ojo para mirar más profundamente. Tenemos que elegir imágenes que tengan acción. Una vez elegido, vea cómo esa acción puede agregar poder a su contenido y finalmente moldearlo para crear la impresión correcta. Poco a poco, se entrenará para pensar de manera innovadora y crear diseños de diapositivas impactantes:

Estrategia n.º 5: utilizar imágenes con una perspectiva diferente

Las imágenes tomadas desde diferentes ángulos crean un movimiento único en la composición. Estas imágenes obligan al público a mirar el objeto de la misma manera que lo hizo el fotógrafo mientras componía la imagen. En la imagen de abajo, tiendes a estirar el cuello hacia arriba para mirar el edificio alto. Colocar el texto en la dirección similar simplemente aumenta ese movimiento.

Estas imágenes son más poderosas que las imágenes estándar de objetos o personas tomadas a la altura de los ojos. Las imágenes con una perspectiva diferente cambian la dinámica; por ejemplo, las imágenes tomadas desde abajo, como la imagen del edificio que viste arriba, exudan autoridad y una posición dominante.

Luego llegamos a las señales visuales. Ciertas imágenes están compuestas de tal manera que todas las señales visuales tienden a apuntar hacia un área de interés. Como en la impresionante imagen del puente Golden Gate a continuación. Los edificios parecen conducir hacia el imponente puente del medio. Entonces, en lugar de colocar el texto en la parte inferior, donde aún se puede leer fácilmente gracias al contraste que ofrecen los edificios, deberías colocarlo al aire libre. Esto no obstruirá el movimiento natural presente en la imagen.

Estrategia n.º 6: agregar texto a elementos de imagen

Encontrará muchas imágenes en sitios web de fotografías de archivo en las que un profesional de negocios sostiene un cartel vacío. La imagen puede parecer cliché y aburrida, pero puedes hacerla interesante dependiendo de cómo la uses. En la diapositiva "Contáctenos" a continuación, los detalles de contacto se destacan fácilmente en el espacio vacío. El ojo del espectador se siente atraído naturalmente hacia esa área y, como una señal en la carretera, la imagen queda impresa en la mente.

Aquí hay otro ejemplo que utiliza el uso creativo del espacio en blanco del documento para colocar el contenido. La ventaja de utilizar este tipo de imágenes es que el contenido se convierte en parte de la imagen misma, en lugar de dos elementos separados en una diapositiva. El ojo lo ve entonces como un elemento de diseño y capta rápidamente el mensaje.

Estrategia n.º 7: elija plantillas que faciliten el movimiento ocular

La mayor ventaja de utilizar plantillas profesionales de PowerPoint es que ponen orden en el caos. Ya sea que el contenido de su presentación preliminar sea mínimo o abundante, una plantilla de presentación ofrece diseños interesantes que están cuidadosamente organizados y son agradables a la vista.

El tipo de plantilla PPT que elija dicta el movimiento ocular de la audiencia. Si elige plantilla circular de PowerPoint, los lectores leerán el proceso en el sentido de las agujas del reloj. Si eliges una plantilla de semicírculo como la siguiente, el ojo se moverá sistemáticamente de un extremo al otro. Sin embargo, puede cambiar el movimiento de los ojos cambiando el peso visual de cierto elemento de diseño (cambiar el tamaño y el color de la fuente) para romper con el hábito de lectura.

Por ejemplo, en la diapositiva siguiente, la audiencia se verá obligada a notar primero la palabra "Desarrollo de producto" (que es el estado actual) y luego volver a su hábito de leer un semicírculo de izquierda a derecha.

Puedes utilizar este diseño editable para tu próxima presentación simplemente descargándolo desde aquí.

Aquí hay otro diseño PPT profesional sobre el ciclo de vida del producto que es agradable a la vista. Unos segundos son suficientes para leer las cuatro etapas y ver la imagen correspondiente.

Descargue la plantilla de etapas del ciclo de vida del producto anterior para su presentación futura.

Una plantilla en zigzag como ésta también guía el movimiento ocular de la audiencia. También puedes insertar los obstáculos que se enfrentan entre dos tareas sin que la diapositiva parezca complicada. A continuación se muestra una plantilla de hoja de ruta en zigzag que se utiliza para mostrar una hoja de ruta de producto.

Estrategia n.º 8: dividir la diapositiva por la mitad

No todo lo que hay en una diapositiva es importante. Cualquiera que sea el mensaje más importante de la diapositiva, debe diseñarse de manera que adquiera más importancia. Como sabemos que el público escanea la información, debemos asegurarnos de que su mirada se centre en la pieza importante y escanee rápidamente lo menos importante.

Para lograrlo, puede dividir la imagen por la mitad: la mitad superior revela el mensaje más importante y la mitad inferior muestra los detalles menos importantes. De este modo, el ojo puede captar la información rápidamente y sin sobrecarga cognitiva. He aquí un ejemplo:

Estrategia n.° 9: dividir la diapositiva en cuadrículas

Si elige tener mucho contenido en sus diapositivas, divídalo en partes digeribles para que no haya ninguna sobrecarga sensorial en los ojos. Una buena forma de hacerlo es dividir la diapositiva en cuadrículas y asignar un mensaje a cada cuadrado.

Este diseño facilita que la audiencia navegue a través de múltiples piezas de información y la consuma de manera ordenada. A continuación se muestra un ejemplo de uno de esos diseños de diapositivas:

¿Alguna otra estrategia creativa que se te ocurra? Cuéntanos en los comentarios a continuación.

Al principio de este post, habíamos planteado la pregunta ““Qué mira primero el ojo humano en una página” I Creo que la pregunta más importante como presentador es “¿Qué queremos que la audiencia mire primero?” Cuando tengas la respuesta a esa pregunta, diséñala en consecuencia: utiliza los hallazgos del seguimiento ocular y el poder del peso visual para atraer la atención de la audiencia allí primero y luego utiliza los diseños creativos para hacer el movimiento de los ojos a través de la diapositiva sea lo más fácil posible.

Si aprendiste algo útil, compártelo con tus seguidores. Aquí hay un tweet previamente completado para correr la voz:

Tuitea esta publicación a tus seguidores