(6 min de lectura)
Es fascinante la forma en que nuestros cerebros están programados para interpretar las palabras escritas. La infografía a continuación presenta algunas ideas sobre la conexión entre la escritura y el cerebro.
Página en Neurorelay
La ciencia detrás de las fuentes (y cómo te hacen sentir)
Por Mikael Cho
Mikael Cho es el co-fundador de ooomf , una red que conecta proyectos de software a corto plazo con desarrolladores y diseñadores seleccionados cuidadosamente . Mikael escribe sobre psicología, nuevas empresas y marketing de productos en el blog de ooomf .
- ¿Qué consejo quieres dar a una víctima de abuso físico?
- ¿Qué consejo le daría a un estudiante que se va a graduar en el extranjero?
- Me corté del equipo de primer año. Trabajé duro este verano para mejorar. Me encanta el juego. ¿Debo dejar de jugar al baloncesto?
- ¿Qué consejo le darías a alguien que quiere limpiarse de la adicción a las drogas?
- ¿Cuál es un consejo para su último año de la escuela de leyes?
Me he dado cuenta de que las cosas aparentemente pequeñas, como la fuente y el espacio entre las letras, pueden afectar la forma en que me siento al leer en línea.
La elección correcta de la fuente junto con la ausencia de barras laterales y ventanas emergentes hace que todo se sienta más fácil y mejor de leer.
Los sitios web como Medium, Signal vs. Noise y Zen Habits son como estudios de yoga para el contenido. Su presentación de contenido me tranquiliza mientras leo, lo que me permite concentrarme completamente en las historias sin distracciones.
Basta con mirar la diferencia entre medio y agrietado:
Anexo A) Medio
Anexo B) Cracked.com: el único sitio de humor de Estados Unidos
Cuando comparas los dos, es obvio cuál te hace sentir desagradable.
El diseño agrietado es doloroso de ver. Tus ojos se entrecierran y lanzan dardos, constantemente cuestionando lo que estás leyendo ahora con lo que deberías leer a continuación.
Después de experimentar cómo mostramos el contenido en el blog de ooomf, descubrí que hay un elemento de la ciencia detrás de por qué nos sentimos de esta manera con respecto a ciertos tipos de letra y diseños.
Como leemos
Cuando leemos, nuestros ojos siguen un patrón natural llamado Escaneo.
Dividimos las oraciones en exploraciones (sacadas) y pausas (fijaciones). Aquí está theScan Path para un lector típico:
Sus ojos normalmente se mueven a través de una página de entre 7 y 9 letras antes de tener que hacer una pausa para procesar lo que está leyendo. Al escanear una oración, no está ocurriendo ningún procesamiento visual útil en su cerebro. El procesamiento visual depende completamente de la información que se recibe al hacer una pausa.
Entonces, ¿por qué es importante? Comprender la forma en que leemos es importante para diseñar cómo se ven las palabras porque puede afectar directamente la conexión de alguien con su escritura con la fuente y el diseño correctos.
¿Por qué la fuente correcta te hace sentir bien?
Cuando comencé a escribir esta publicación, no estaba seguro de encontrar respaldo científico para explicar por qué nos sentimos de cierta manera hacia ciertas fuentes.
Pensé que elegir la fuente era principalmente arte, con un poco de ciencia.
Eso fue hasta que encontré un estudio del psicólogo Kevin Larson. Larson pasó su carrera investigando tipografías y recientemente realizó un estudio histórico en el MIT sobre cómo la fuente y el diseño afectan nuestras emociones.
En el estudio, 20 voluntarios, la mitad hombres y la mitad mujeres, fueron separados en dos grupos. A cada grupo se le mostró una versión separada de The New Yorker: una en la que la ubicación de la imagen, la fuente y el diseño estaban bien diseñados y otra en la que el diseño estaba mal diseñado:
Los investigadores encontraron que los lectores se sentían mal al leer el diseño mal diseñado. A veces, este sentimiento se expresaría físicamente con el ceño fruncido.
Los músculos faciales del corrugador supercilii que ayudan a producir el ceño fruncido se han vinculado a la amígdala, un área del cerebro responsable de las emociones.
Mientras tanto, los participantes que leyeron el contenido del buen diseño de lectura, sintieron que les llevó menos tiempo leer y se sintieron mejor.
Se encontró que las personas expuestas al diseño bien diseñado tienen un mayor enfoque cognitivo, procesos mentales más eficientes y una mayor sensación de claridad.
Los investigadores concluyeron que los entornos de lectura bien diseñados no necesariamente lo ayudan a entender mejor lo que está leyendo, pero lo hacen sentir bien, lo que hace que se sienta inspirado y sea más probable que actúe.
La cultura afecta tu preferencia por las fuentes.
Una explicación de por qué algunas fuentes te hacen sentir de cierta manera es debido a los vínculos profundos en la cultura.
Por ejemplo, las fuentes Courier fueron diseñadas para parecerse a memos antiguos escritos en escritores de tipos:
Muchas personas relacionan a Helvetica con el gobierno de EE. UU. Porque se usa en formularios de impuestos.
Estas asociaciones son difíciles de eliminar y se deben tener en cuenta al decidir la elección de una fuente. Aquí es cómo se vería el sitio web de Bank of America con la fuente Impact asociada a los titulares de noticias:
Sitio web original de Bank of America:
Sitio web de Bank of America con fuente Impact (asociado a titulares de periódicos):
Cuando las fuentes se cambian a Impact, Bank of America no parece exactamente confiable.
Debido a que las fuentes están diseñadas por humanos, generalmente hay un significado adjunto a ellas. No desea elegir una fuente que se asocie fácilmente con algo en nuestra cultura que sea marcadamente diferente a la vibra que está tratando de emitir.
Cómo diseñar mejor contenido
La calidad de su contenido es lo más importante, pero la forma en que presenta ese contenido al elegir la fuente y el diseño correctos aún tiene su lugar.
Como lo expresó el poeta francés Paul Claudel, “El secreto del tipo es que habla”.
Entonces, ¿cómo puedes diseñar tus palabras para ayudar a provocar sentimientos positivos en las personas? Aquí hay algunas técnicas de expertos en tipografía que pueden resultarte útiles:
1. Elija una fuente de anclaje
La diseñadora de tipos Jessica Hische recomienda primero seleccionar un tipo de letra para el contenido que prevalece en su proyecto (probablemente su copia del cuerpo).
Este será el tipo de letra en el que basará sus otras decisiones de fuente en titulares y subtítulos similares.
Hay cuatro categorías principales de fuentes para elegir:
Serif Fonts – Letras con líneas cortas que salen de los bordes. Visto como más formal y tradicional. Mejor adecuado para la impresión.
- Sans-serif Fonts – Letras sin serifas. Visto como informal y juguetón. Mejor adecuado para digital.
- Fuentes de guión: se asemejan a la escritura a mano y se usan a menudo en invitaciones formales. No es ideal para copiar el cuerpo.
- Fuentes decorativas – Fuentes informales vistas como originales. Más adecuado para los titulares, pero no copia del cuerpo.
Para leer en la Web, lo mejor es mantenerse alejado de los tipos de letra de escritura o decorativos. La mayoría de las fuentes Script y Decorative tienen poca legibilidad, lo que ralentiza la lectura porque está ocupado tratando de averiguar qué son las letras.
No querrás que tus lectores pregunten, “fue esa una ‘a’ o una ‘e'” en cada palabra.
Si estás arrugando los ojos tratando de descubrir una palabra que sea una señal de que tu cerebro está dedicando energía innecesaria para identificar palabras.
Los tipos de letra decorativos se deben utilizar para contenido que se debe ver de un vistazo, como en un logotipo, en lugar de leer como varios párrafos en el texto del cuerpo.
Al elegir una fuente para el texto del cuerpo, generalmente es mejor quedarse con una fuente Serif o una fuente Sans-serif.
Algunos expertos en tipografía recomiendan las fuentes sans-serif para leer en línea porque la calidad de las resoluciones de pantalla es inferior a la impresa. Pero, a medida que las resoluciones de pantalla mejoran dramáticamente, las fuentes Serif son cada vez más fáciles de leer en la Web. Los sitios web de contenido pesado como Medium utilizan una fuente Serif (probablemente para dar la impresión de un editorial impreso).
Lo más importante al elegir una fuente es asegurarse de que las letras sean fácilmente descifrables unas de otras para que sus lectores no tengan que gastar la valiosa energía mental en la identificación de las letras.
Hay un truco que Hische usa para asegurarse de que la elección de la fuente sea buena. Ella recomienda que hagas que tus fuentes pasen la prueba de Il1:
2. Elija un tamaño de fuente mayor que 12pt
En 1929, se realizó un estudio llamado “Higiene de la lectura”. Una cosa que los investigadores intentaban determinar era qué tamaño de letra sería mejor para la lectura. El estudio analizó los tamaños de los tipos 6pt, 8pt, 10pt, 12pt y 14pt.
Los investigadores concluyeron que un tamaño de fuente de 10 puntos es el más eficiente para la lectura, pero mucho ha cambiado en la forma en que consumimos el contenido en comparación con la década de 1920.
Sin embargo, a medida que mejoran los cambios de lectura a las resoluciones digitales y de pantalla, la forma en que leemos el contenido está cambiando. Muchos diseñadores mencionan que la fuente 16pt es la nueva fuente 12pt. Un estudio reciente también ha demostrado que los tamaños de letra más grandes pueden provocar una conexión emocional más fuerte.
Medium tiene uno de mis entornos de lectura favoritos en línea y usan un tamaño de fuente de 22 puntos. Varios de mis otros sitios web favoritos han adoptado un tamaño de fuente superior a 20 puntos para su contenido:
- Medio – 22 puntos
- 37Signals: Signal vs. Noise – 22pt
- Hábitos Zen – 21 puntos
Si bien es probable que no tenga sentido tener una fuente enorme de más de 30 puntos, muchos blogs tienen fuentes en el rango de 10pt-12pt. Intenta aumentar el tamaño de tu fuente. Si está utilizando la fuente 12pt, intente aumentar a la fuente 16pt. Si está utilizando aumento de fuente 18pt a 22pt.
Puedes sentir la diferencia.
3. Cuida la longitud de tu línea
La longitud de la línea es hasta qué punto tus oraciones se extienden a través de la página. La longitud ideal de la línea debe estar entre aproximadamente 50 y 75 caracteres.
Aquí hay un ejemplo de la longitud de línea más larga de Zen Habits. Son 78 caracteres, alrededor de 6.5 pulgadas:
Se ha demostrado que la longitud de esta línea es más efectiva para ayudar a los lectores a moverse a través de su Ruta de Escaneo.
Si la longitud de la línea es demasiado corta, el ritmo de su lector se interrumpirá porque sus ojos deben viajar hacia la izquierda de la página con demasiada frecuencia.
Una longitud de línea demasiado larga dificulta encontrar dónde comienzan y terminan las líneas de texto. Puede dificultar que su lector llegue a la siguiente línea sin saltar accidentalmente al lugar equivocado.
La investigación muestra que su mente subconsciente obtiene un impulso de energía cuando salta a una nueva línea (siempre que no ocurra con demasiada frecuencia), pero esta energía disminuye a medida que lee durante la duración de la línea.
Aquí están las longitudes de línea de los sitios mencionados anteriormente:
- Medio – 75 caracteres
- 37 Señales: Señal vs. Ruido – 76 caracteres
- Hábitos Zen – 78 caracteres
4. Cuida tu espacio
El espacio adecuado entre las letras es importante para que sus lectores puedan moverse a través de las oraciones con fluidez. Cuanto más apretadas estén las letras, más difícil será para las personas identificar las formas que forman las diferentes formas de las letras.
Eche un vistazo a otro ejemplo de Jessica Hische de la legibilidad de Helvetica versus Avenir. Hische recomienda Avenir debido a su espacio más abierto:
El espaciado adecuado hace que sus lectores se sientan bien. Aquí hay 5 combinaciones de fuentes recomendadas de Google Web Fonts que tienen un buen espacio para leer largos bloques de contenido.
Decidí poner estos consejos en práctica con nuestra campaña de boletines por correo electrónico de ooomf. Aquí hay una comparación entre nuestra campaña original y nuestro nuevo diseño:
Al cambiar la fuente y aumentar su tamaño, nuestro contenido de correo electrónico se sintió mucho mejor.
Empaquetar el contenido de la manera correcta es importante y saber por qué creemos que la forma en que lo hacemos con respecto al aspecto del contenido le ayudará la próxima vez que diseñe contenido para un proyecto. Como escribe Aarron Walter, autor de Designing for Emotion,
“La gente perdonará los defectos, seguirá su ejemplo y cantará sus alabanzas si los recompensa con una emoción positiva”.
Es importante recordar que, si bien existe una ciencia relacionada con la forma en que se diseñan las palabras, ninguna cantidad de buen diseño puede salvar el contenido inadecuado.
Escribe bien primero. Diseño bien segundo.