Cada nuevo campo de conocimiento y esfuerzo desarrolla su propia jerga y acrónimos. El diseño web no es diferente; tenemos términos como etiquetas, palabras clave, análisis, pruebas de usuarios, dispositivos móviles primero, diseño receptivo, etc. También tenemos acrónimos como SEO, UI y UX. En los últimos años, hay un nuevo término: diseño de UX o diseño de experiencia del usuario.
Es casi como si se tratara de un concepto nuevo: el diseño más elegante y llamativo no tiene valor a menos que el usuario pueda navegar fácilmente, pueda asimilar la información importante rápidamente, pueda interactuar sin problemas y llegar a páginas de conversión sin más esfuerzo que un clic -En resumen, los diseñadores tienen que diseñar para el usuario, no para ellos mismos. Pero este concepto de diseño para el usuario no es nada nuevo; revistas y periódicos han estado haciendo esto durante años con un diseño de impresión atractivo y convincente.
Parte del diseño de UX, por supuesto, es la palabra escrita y cómo se presenta al usuario. El diseño de impresión existió mucho antes de Internet, y ha penetrado la vida de todos, tal como lo hace Internet en la actualidad.
El diseño de impresión se encontró, y aún se encuentra, en volantes que se dejan en los pomos de las puertas y en los buzones; se encuentra en revistas, en periódicos, en anuncios de comestibles impresos, en folletos encontrados en agencias de viajes de ladrillo y mortero, y en grandes minoristas de artículos para el hogar. Se encuentra en vallas publicitarias. Si bien no existen análisis para evaluar su efectividad, existen años y años de experiencia bajo los cinturones de diseñadores de impresión. Es una experiencia que los diseñadores web y de impresión deberían tener en cuenta al diseñar sitios.
Los diseñadores de periódicos y revistas han sabido esto para siempre: a medida que se presenta el contenido de las páginas, se utiliza algún tipo de patrón de cuadrícula. Esto no debería ser diferente cuando el contenido se coloca en una página web. El uso de una cuadrícula proporciona equilibrio y proporciona un nivel de comodidad para el usuario.
Si una página está dividida en secciones iguales, el contenido más importante se puede dividir en más secciones de la cuadrícula que el contenido menos importante.
En el diseño de periódicos y revistas, los puntos focales son fáciles de ver: los grandes titulares. Lo mismo ocurre con las páginas web. Tiene que haber un punto focal para capturar el "punto" de la información en la página.
El punto es que el usuario debe ver ese punto focal primero, para que la naturaleza del contenido en la página sea clara.
El espacio en blanco alrededor de los elementos y el texto proporciona "espacio para respirar" para los ojos del usuario, permitiendo que esos ojos se concentren en imágenes y palabras. Este es uno de los factores que los primeros periódicos no pudieron proporcionar, aparte del espacio entre los párrafos y las columnas. Una vez que se agregaron las imágenes a los periódicos y revistas, los diseños de diseño proporcionaron más espacio en blanco, y eso fue algo bueno.
Hoy en día, el diseño web permite aún más espacio en blanco y mejora el UX.
Se trata de la repetición. Esto mantiene al usuario cómodo. Una grilla da consistencia, pero lo más importante es el tipo de letra y el contenido. Los lectores no deberían tener que ajustar continuamente sus ojos a diferentes tipos de impresión. La consistencia también significa el uso de palabras y colores, manteniendo la terminología igual y proyectando la misma imagen con el uso del color. La repetición de la colocación de los mismos elementos también puede traer una consistencia, si es posible.
Estrecha consistencia no siempre es posible; pero un buen diseño de impresión es lo más constante posible, especialmente con tipos de letra, terminología y color.
El tamaño y el tipo de letra son los mejores medios para mostrar la importancia relativa de diferentes piezas de contenido. Aquí hay dos objetivos: queremos que el contenido sea fácil de asimilar y que el usuario sepa de inmediato lo que está contenido en la página, y también queremos que los ojos del usuario viajen como queremos. Por lo tanto, los titulares son grandes y audaces, a veces en un color contrastante; los subtítulos son más pequeños y menos audaces, pero aún más importantes que el texto más pequeño que proporciona los detalles.
Estas cosas también hacen que una página sea más fácil de escanear. Si hay una gran cantidad de impresiones, dividirlas con subtítulos en un tipo grande y puntos con viñetas mejora la capacidad de escaneo y, en consecuencia, la experiencia del usuario.
Algunos elementos serán más grandes que otros para que el lector se dirija automáticamente a los elementos más grandes en el diseño y luego se mueva a los elementos más pequeños a medida que lean el contenido. Esto le permite al diseñador "forzar" el enfoque en los elementos y textos más importantes.
La legibilidad significa exactamente lo que dice. ¿Puede el lector leer fácilmente su texto sin esfuerzo? ¿Está dividido en fragmentos con viñetas u otros "divisores" para que pueda escanearse? ¿Cuál es el espacio entre las palabras y entre las letras dentro de esas palabras?
Si lo dificulta, el lector no se siente cómodo leyendo su contenido. Aquí hay algunas cosas a considerar:
Cuando el color llegó a los medios impresos, fue enorme. Los diseñadores de impresión tuvieron muchas más oportunidades de utilizar colores y matices de color para atraer la atención y enviar algunos mensajes psicológicos también. Existe un campo completo del atractivo psicológico de los colores, y los buenos diseñadores de imágenes estudiarán esta investigación para hacer selecciones de color.
Décadas décadas atrás, los diseñadores de impresión estaban creando diseños para periódicos y revistas. Aprendieron el principio básico de las grillas de disposición, de los puntos focales, la jerarquía de tipo, la legibilidad y, cuando estuvo disponible, el color.
Esos principios todavía se aplican hoy en día, ya sea que se utilicen en medios impresos tradicionales o en el diseño de sitios web.
Foto principal, imprimir imagen de diseño a través de Shutterstock.