Patrones de lectura

Patrón z

En hebreo se lee de derecha a izquierda. Así se ve su versión de wikipedia: invertida.

La misma interface de Platzi cumple con los patrones de lectura mencionados en la clase. Resalto el cuadrado del vídeo porque es uno de los elementos más importantes.

El patrón de lectura, es otra estructura natural que ayuda al humano a buscar información en una composición, el patrón de lectura consta en como el humano se educo para leer la información en general, en el mundo occidental, se suele hacer lectura en zigzag, es decir, de izquierda a derecha, arriba hacia abajo, gracias a los patrones de lectura sabremos y podremos organizar mejor nuestra información en nuestros diseños, dándole la importancia a cada elemento según se merece.

=> Continuación de aportes de la clase anterior
.

• Patrones de lectura:
  .
  Se refiere a cómo aprendimos a leer una imagen, extrapolando los mismos patrones de lectura que aprendimos en la escritura.
  .
  Cuando le entregamos a un usuario grandes cantidades de texto el usuario centrará la mayor parte de su atención en la esquina superior izquierda y a medida que va leyendo va gradualmente perdiendo la atención, formándose un patrón en “F”.
  .
  
  
  .
  A la izquierda le damos más prioridad y los elementos van perdiendo importancia a medida que se alejan. Esta es la razón por la cual el logo generalmente lo colocamos en la esquina superior izquierda (el punto de mayor peso) y las sidebars del lado derecho (debido a que contienen información secundaria).
  .
  Es importante tomar en cuenta las estructuras naturales porque no podemos evitarlas, las personas tienden a entender interpretar las imágenes siguiendo estos patrones.

PDF: https://documentcloud.adobe.com/link/review?uri=urn:aaid:scds:US:18866e65-d279-4d81-bf3f-adf61775b41a

¡Este curso cada vez se pone mejor! Todo es tan interesante.

Patrón F: Este patrón requiere que los usuarios lean verticalmente, escaneando la página en la izquierda hacia abajo para buscar puntos de interés. Una vez que encuentran algo importante, empiezan a leer verticalmente, formando un patrón que luce como la letra F.

Patrón Z: En este patrón, los usuarios empiezan a leer desde la parte superior izquierda y la escanean horizontalmente hacia la derecha. Luego, los ojos escanean desde la parte superior derecha hacia la inferior izquierda y observan la parte inferior de izquierda a derecha.

Patrones de lectura, es la forma natura de como nosotros buscamos la información a través de ciertas rutas que recorre nuestro ojo. por la educación recibida y también es cultural

Dirección
Patrón de lectura.-

• Heinrich Wölfflin (famoso crítico de arte suizo 1864 - 1945) observó que los cuadros se leen mejor de izquierda a derecha.
• Todo objeto pictórico parece más pesado a la derecha del cuadro.
  Ejm.: En el teatro, cuando alzan el telón, lo protagonistas de la izquierda asumen mayor importancia. A esto le llaman “efecto palanca”, porque este fenómeno se relaciona con nuestra corteza cerebral izquierda: el habla, la escritura y la lectura.

Arte y percepción visual

Aquí un ejemplo de como lo maneja Evernote.

¿En el caso de los niños ,sus patrones de lectura es igual a la de un adulto?

Casi todos los celulares tiene la opción de configurar esta cuadrícula en la cámara fotográfica. Si bien la mayoría piensa que es para centrar los objetos, cuando se entiende la utilidad de la ley de tercios, el ojo se va educando mucho a la hora de tomar fotos, hasta que es innecesaria tenerla.

Los patrones de lectura deben ser considerados al momento de realizar un diseño de una portada, aplicación o algo relacionado, para que tenga más probabilidad de éxito.

PATRONES DE LECTURA

⇒ “como aprendimos a leer una imagen”

-mapas de calor

-Patrón en “F” ⇒ aunque realmente es un patron de “Z”

(aplica tanto en diseño editorial y diseño web)

Reading patterns

Pero supongo que eso de los patrones en F varían demográficamente… Porque alguien que lee manga sabe que el orden de lectura es de derecha a izquierda… No al revés como es el caso de los cómics…

Los patrones de lectura respaldan completamente lo visto en estructuras naturales, vemos como se comienza a leer de izquierda a derecha y esto respalda el estudio que dice que en una pagina el punto mas importante es la parte superior izquierda.

Soy desarrollador web…Sin duda esta clase será de mucho beneficio aplicando en mis proyectos

los patrones de lectura dictaminan los el orden en el que buscamos informacion en una imagen o texto, es curioso ver que el condicionamiento es tan grande , que el patron se invierte en areas de asia donde el patron tiende a ir desde la parte superior izquierda hacia abajo y de alli al superior derecha y repite, mientras que en Japon en particular, va de la parte superior derecha a la izquierda y de alli a la inferior derecha (al reves de lo que es nuestra costumbre)

El diseño esta basado de acuerdo a la forma que aprendemos a leer. Los textos los leemos en Z, las paginas web se leen en F. Es por esto que para un buen diseño web debemos tener ambas situaciones en mente y el diseño debe ser acorde a esto.

me encanta que apliquen todos estos conocimientos de diseño con la tecnología!!

Patrón de Lectura:
Es como aprender a leer una imagen

En un diseño es importante tomar en cuenta los patrones de lectura, estos permiten guiar al ser humano desde el punto de inicio hasta el punto final de su lectura encontrando a su ves esa estructura de lo que se quiere que el espectador interprete.

Debemos tener en cuenta que hay en estructuras naturales que ya están definidas por el ser humano, estructuras que no podemos evitar pero nos va ayudar a que el usuario /observador entienda y perciba con mayor claridad el mensaje que queremos transmitir.
Estas estructura nacen a partir de la ley de tercios y los patrones de lectura.

En sitios web el bombardeo de la informacion hace que perdamos el interes facilmente… Yo siempre he pensado que un scroll en vertical demasiado extendido hace que facilmente se pierda el interes del usuario

es increible como todo tiene un sentido de ser, la distribucion de informacion categorizada en primordial y secundaria segun la forma de lectura es impresionante.

Algunos tipos de lecturas

La mayoría de los diseños tienen patrones que se generan por los elementos que conforman dicho diseño (imágenes, botones, bloques de texto, etc).

Aunque estos patrones están en constante evolución por los cambios tecnológicos y culturales, podemos identificar los 3 más conocidos: Guttenberg, Patrón Z (z-pattern), y Patrón F (f-pattern).

Ejemplo
![](

PATRONES DE LECTURA

QUE ES EL PATRON F
Este patrón puede ser encontrado en páginas web cargadas de textos, como páginas web de noticias. Este patrón requiere que los usuarios lean verticalmente, escaneando la página en la izquierda hacia abajo para buscar puntos de interés.

Una vez que encuentran algo importante, empiezan a leer verticalmente, formando un patrón que luce como la letra F.

QUE ES EL PATRON Z
Este patrón se usa en páginas web que no están centradas en el contenido. En este patrón, los usuarios empiezan a leer desde la parte superior izquierda y la escanean horizontalmente hacia la derecha. Luego, los ojos escanean desde la parte superior derecha hacia la inferior izquierda y observan la parte inferior de izquierda a derecha.

El patrón Z funciona para cualquier tipo de página web porque tiene todos los elementos necesarios, como branding y llamadas a la acción. Sin embargo, funciona mejor en una página web sencilla donde la llamada a la acción es el centro de atención.

Z

En un curso llamado UX Writing mencionan que el mejor el patrón de lectura en cascada que en F.

'
En la propia plataforma aplica también, pero me gustaría que se enfocaran en el ejercicio de tener que colocar la barra de desplazamiento (la que esta a la derecha indicando el inicio y el fin de un contenido) a la derecha en lugar de la izquierda. SERÍA HORRIBLE, es antinatural.
'
Por eso mismo, el indicador progresivo de los capítulos de los cursos está a la derecha, pero no como un elemento primario. Así, si el usuario quiere adelantar, retroceder o ver el progreso general del curso; será intuitivo encontrarlo.

Me parece que algo clave que quede a lo largo de las ultimas clases es entender a las personas(o tú usuario) y acomplarte a el mas que el se acople a ti.

“Pensar primero en la audiencia”

📌| En resumen:

El patrón en forma de F es un patrón de lectura hallado en tests con usuarios, donde la trayectoria de los ojos al escanear lo que leen tiene forma de F. Tener un buen sentido de los patrones de lectura nos puede ayudar a evitar soluciones excesivas a la hora de querer resolver el problema de la entrega de información al consumidor.

Es muy interesante como aplico durante toda la explicación el “balance radial” del tema que tratábamos, ingeniosamente dispuso todas las figuras y elementos( incluido el portátil) para que concentráramos la vista en ese punto donde dibuja los gráficos y plasma la información. Noten como inconscientemente observamos durante el inicio los alrededores para posteriormente omitir lo elementos adicionales y centrar la vista en esa zona justamente antes de que comenzara a dibujar. (Esta muy balanceado como para que fuese aleatorio o simple casualidad).

Son los mismos patrones con los que aprendimos a leer, en occidente se lee de izquierda a derecha.
Lectura en F porque vamos de un punto a otro.

Creo que esto de los patrones de lectura también es muy utilizado en el tema de la publicidad y si no mal recuerdo, en el neuro marketing (?)

Por ahí vi una vez un experimento social en donde ponían cámaras ocultas en la parte superior de los mupis en paradas de buses, la finalidad era conocer muy bien a qué parte de la pieza publicitaria suelen fijarse más los transeúntes para saber donde posicionar los elementos según su importancia

El patrón “F” fue descubierto en un estudio de eyetracking con más de 200 personas por el Nielsen Norman Group en el 2006, al analizar los patrones de lectura en distintos tipos de páginas web con distintos tipos de contenido.

Es importante tener en cuenta que este tipo de lectura es en modo “escaneo”. Si la persona está interesada en el contenido, leerá normalmente, como un libro, formando líneas horizontales.

Un diseño de F ayudará a crear una página web con buena jerarquía visual, que además ayudará en el escaneo rápido por parte de las personas.

Aquí hay algunos tips de diseño en F:

• https://uxplanet.org/f-shaped-pattern-for-reading-content-80af79cd3394

En razón del orden de lectura, en diseño web se suele seguir también un patrón de Z, de lectura normal.

• Así, los sidebars están usualmente ubicados a la derecha, pues es información secundaria, y no es lo primero que el usuario observa.

Estos patrones de Z y F también son formas más fáciles y eficientes de guiar a la persona naturalmente a través de la información en una página web.

También hay otros tipos de patrones de lectura:

• Capas de pastel: la vista solo recorre titulación y en ocasiones la primera línea de contenido.

• Patrón de “manchas”: la persona busca en palabras o grupos de palabras específicos distribuidos en la página. Puede ser porque resaltan visualmente (e.g. subrayado, negrita, etc), o porque es información que la persona necesita para completar una tarea.

• Patrón de compromiso: se asemeja a lectura tradicional. Personas se fijan en todo el contenido, pues están interesados o muy motivados por leer el contenido.

La página del Nielsen Norman Group tiene información muy valiosa respecto al diseño interactivo. Aquí van algunos artículos sobre patrones visuales:

• https://www.nngroup.com/articles/text-scanning-patterns-eyetracking/

• https://www.nngroup.com/articles/how-people-read-online/?lm=text-scanning-patterns-eyetracking&pt=article

https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/?lm=text-scanning-patterns-eyetracking&pt=article

Patron de lectura sobre la imagen

me acuerdo como ando como loca en paginas con idiomas que no conozco buscando para cambiar el lenguaje XD, creo que siempre están al lado derecho… o no?

Patron F: Es la forma como leemos una imagen.

Aprovechar ley de tercios y patrones de lecturas para llevar al usuario a que vea la historia de lo que estamos contando.

Esta es la clase de cosa que aprendes de manera “intuitiva” pero que es bueno reforzar con teoría.

Ya entiendo el porque siempre estan del lado izquierdo las barras de herramientas, menús en general siempre del lado izquierdo, interesante aporte

Patrones en F, al principio siepre hay atención pero se va perdiendo

mira la pagina de platzi tiene estos patrones

Esto es importante para el diseño de paginas web

¡Excelente clase! Con ejemplos sencillos queda todo tan claro. Bravo Platzi

En el diseño web es importante tener en cuenta que las interfaces se diseñan segun:

• La lectura en Z que hacemos normalmente de un parrafo
• La atención en F que se presenta a nivel web, es decir, a medida que se avanza en la lectura web se va perdiendo la atención hacia la derecha

(Tremenda lección, gracias)

Buscar un diseño lo más organico posible implica entender como miramos las imagenes y como estamos acostumbrados a leerlas.

f-------------------z
no----------------importa
si-----------------z
lo-------------------hace

Chulada de clase.

Genial, eso explica muchas cosas

Los patrones de lectura pueden depender del idioma o cultura

Diseño de producto= Diseño en Z

Genial! No lo había visto el diseño web desde ese punto de vista lol

soy estudiante de mercadeo, y analizar ese tipo patrones es muy útil para la creación de contenido visual con fines publicitarios.

A esta clase de estructuras naturales le falto la razón áurea, aunque es una formula matemática,esta presente en diferentes organismos y estructuras en la naturaleza y es parte de la ciencia del porqué una persona, animal o planta nos parece más hermosa estéticamente, ya que lo persivimos de manera inconsciente.

Pensamos mucho la forma en la que vamos entregar la información, es una buena manera empezar de izquierda a derecha, con el patron en F

Personalmente, creo que en los sitios web, las imágenes me atraen mucho más que cualquier texto, por lo cual no suelo mirar el principio de la página o el menú si no requiero algo específico

Creo que platzi también hace uso de los patrones de lectura, ahora que lo pienso es la forma en que suelo ver el contenido de los cursos.

Tomar en cuenta los patrones de lectura nos ayuda a lograr identificar el lugar o la posición que deben ocupar los objetos que queremos destacar, esto debido a un aprendizaje previo del ojo humano que marca en donde se debe prestar mayor atención.

Realmente interesante el patrón en F (o Z). Aprendí que:
** “Un sidebar a la izquierda no tiene sentido”. **

Patrones de lectura

La manera en cómo leemos una imagen es como aprendimos a leer y escribir desde pequeños, de arriba hacia abajo y de izquierda a derecha.
En el diseño editorial y web pensamos mucho la forma en la que vamos a entregar la información y esto es de las cosas más importantes para considerar a la hora de diseñar para que la persona que utilice o lea esta interfaz pueda guiarse y navegar de forma natural y fluida.
Nosotros también podemos utilizar estos patrones de lectura para poder darle foco a cosas que queremos que sean importantes. Tener un buen sentido de los patrones de lectura nos puede ayudar a evitar soluciones excesivas a la hora de querer resolver el problema de la entrega de información al consumidor. Algunos de los patrones de lectura en un sitio web pueden ser los siguientes.

Tambien un ejemplo iconico para que lo vean de forma diferente con lo aprendido

Patrones de lectura

• Los patrónes de lectura son la manera en la que aprendimos a leer los diseños.

• La prioridad de lectura en las páginas web está siempre a la izquierda.

Disculpen si mi pregunta es tonta ¿Qué es un sibar? ¿Pequeño cuadro de información a la derecha?

Patrón de lectura en “Z”

Los patrones de lectura respaldan completamente lo visto en estructuras naturales, vemos como se comienza a leer de izquierda a derecha y esto respalda el estudio que dice que en una pagina el punto mas importante es la parte superior izquierda.

El patrón f nos dice que los usuarios le prestan atención a la parte superior de la pantalla y a los elementos de la parte izquierda, por lo que debe ser en esa zona donde situemos el menú de navegación principal, así como la información más relevante.

El patrón de diseño en forma de Z viene de la forma en que la mayoría de los usuarios escanean las pantallas de un producto digital: Recorren la parte superior de izquierda a derecha. Escanean en diagonal la parte central (aquí se pueden parar a observar si algo les llama la atención).

Tenemos un movimiento alcista desde el punto A al punto B. 2. Cuando el impulso anterior (A-B) termina se produce un retroceso hasta el punto C. En este retroceso, la distancia entre el punto B y el punto C tiene que ser menor 61% de Fibonacci.

Un diseño con una estructura natural organizada y sistematizada nos da el beneficio de impactar y de que nuestro receptor tenga el mensaje claro

patron de lectura, es de izquierda a derecha,

informacion primaria a la izquierda y secundaria a la derecha

lectura en F

Excelente clase Carlos. muy claro

Estar viendo este módulo y identificar en la pantalla el patrón de lectura en Platzi 👌

Excelente clase

Los patrones de lectura más usados son en Z y en F (occidente).
Debemos tenerlo muy presente en el diseño web y editorial.
Tenemos más interés en la parte izquierda.

https://platzi.com/clases/1879-ux-writing/28300-escaneando-el-contenido/
En la clase de “Escaneando el contenido” pueden profundizar más sobre patrones de lectura 😉

En el caso de la pagina web, casi siempre que inicias el recorrido es a partir de área que se genere mayor peso visual, en este caso banners, iconos o ilustraciones, luego que entendemos, nuestro ojo va entendiendo la jerarquía y hace un recorrido más puntual sobre todos los elementos.

Esta clase se complementa muy bien con el Curso de Escritura Online

Debemos de seguir siempre el patrón de lectura en z ya qué este es el que desde pequeños hemos aprendido a leer.
Es bueno tenerlo en cuenta para cualquier diseño y siempre complementar con el diseño en tercios ya que estas dos formas son las que guían mejor al ojo humano.
Para terminar y como punto propio creo que estas cosas que estamos aprendiendo las traemos por default y es bueno que prestemos atención a las clases pues le damos sentido a lo que creíamos saber por que si.

Patrones en F